HTML Final Project: Build a Complete One-Page Website

For the final project, build a one-page website for a small made-up business of your choice: a bakery, a bike repair shop, a tutor, a photographer.

What your page must include

1. A complete HTML skeleton with lang, charset, viewport, a unique title and a description.
2. A header with the name and a nav whose links jump to sections of the page.
3. A main with at least three section elements: about, services or products (as a list or a table) and contact.
4. At least one image with good alt, width and height.
5. A contact form with labels, validation and a clear submit button.
6. A footer with contact details.
7. A linked stylesheet with a few rules of your own: fonts, colours and spacing.

How to work

1. Plan on paper: list the sections and what goes in each.
2. Write the HTML first, with no styling.
3. Validate with the W3C validator.
4. Add CSS in a separate file.
5. Test with the keyboard and at a narrow width.
6. Check the checklist in HTML Best Practices.

Where to go next

You now know the core of HTML. The next steps are CSS, to control how pages look and lay out, and JavaScript, to make them interactive. Both build directly on everything you have learned here.