Build the inside of a footer

01 / 04

The footer is the foot of the page

The band that turns up when you scroll all the way down is called the footer.

What goes in it is fairly settled: the name of the shop or the organisation, some minor links, and the copyright line. Nobody notices it, and every site has one.

02 / 04

The steps are the same as the header

Nothing new to learn. Make a box, then nest the contents inside it — that is all.

Make the whole footer a div box and give it a class of footer.

<div class="footer">  <h2 class="name">Moonlight Sweets</h2></div>

03 / 04

The small links are a list too

Footer links are a list, just like a menu. An li inside a ul, and an a inside that.

To keep them apart from the menu in the header, give them a different class, something like links, and you will not get muddled.

<ul class="links">  <li><a href="#">About us</a></li>  <li><a href="#">Find us</a></li></ul>

04 / 04

Put the copyright line in

Last comes a single line saying who this page belongs to. A p with a class of copyright is the usual choice.

The shape is (c) year name. Have a go.

<p class="copyright">(c) 2026 Moonlight Sweets</p>