Project: Personal Profile Website

Time to build something real. This project uses everything from Modules 1–2 — nothing new, every requirement maps to a lesson you have completed.

The brief

Build the HTML for your personal profile page. It will get styled in Module 3 and made interactive later — today you are building the bones, and they should be bones a professional would not be ashamed of.

Requirements

1. A complete document: doctype, html lang, head with charset and a real <title>.
2. A <header> with exactly one <h1> — your name.
3. A <nav> containing links to the page's sections (fragment links to ids).
4. A <main> containing:
   • an About <section> with an <h2> and at least one paragraph
   • a Hobbies <section> with an <h2> and an appropriate list
   • a Gallery <section> with at least one <img> that has meaningful alt text
5. A Contact <section> with a labeled email input and a submit button inside a <form>.
6. A <footer> with a copyright line.
7. Heading levels step down cleanly: <h1>, then <h2>s. No skips.

How to work

Write it in one pass from memory first. Then check the requirements list — checking against requirements is the skill, and it is exactly how the tests will grade you. If you cannot remember something (which list type? where does for= point?), that is the lesson to skim — one minute, then back to your own file.

What "done" means

All tests pass — and you can explain every element you used. If you pass by trial and error, you have not finished; the checkpoint-style thinking matters more than the verdict.

Next module: CSS Foundations — you finally make it beautiful.