🏆

Final Capstone: Build & Ship a Real Website

Bring everything together — build a responsive multi-section website from scratch, then pass a final assessment covering HTML and CSS to earn your certificate.

You've made it to the finish line. You now know enough HTML and CSS to build real, responsive, accessible websites from scratch — no frameworks, no shortcuts, just the fundamentals done well. This capstone has two parts: a project to build with everything you've learned, and a final assessment covering the whole course. Pass the assessment to earn your certificate.

Part 1 · The project

Build & ship: a responsive personal site

Build a single-page personal or portfolio website using only HTML and CSS. Use the live playgrounds to develop it, then (if you can) put it online with free hosting. Aim to demonstrate the whole course — structure, style, layout, responsiveness and polish.

  • Semantic structure: a <header> with a <nav>, a <main> with at least three <section>s (e.g. About, Projects, Contact), and a <footer>.
  • One clear <h1> and a sensible heading order throughout.
  • At least one image with meaningful alt text, and a few links with descriptive text.
  • A design-token block on :root (brand colour, spacing scale, radius) reused via var().
  • A layout built with Flexbox and/or Grid — for example a responsive card grid for your projects.
  • Fully responsive: a mobile-first layout with at least one media query, fluid widths, and no horizontal scroll at 320px.
  • At least one tasteful transition or animation, respecting prefers-reduced-motion.
  • A contact <form> with properly linked <label>s (it doesn't need to submit anywhere).
  • The right <head> tags: charset, viewport, a title, a meta description, and Open Graph tags.
  • Clean, BEM-style class names and low specificity — no !important.
💡 Don't try to make it fancy — make it correct and consistent. A simple site that nails structure, responsiveness and accessibility is far more impressive than a flashy one that breaks on a phone.

Part 2 · The final assessment

🔒 Complete the course to unlock

The final assessment unlocks once you've completed all 32 lessons. Log in and work through the course to track your progress and unlock it.

Log in to begin →
← Back to the course roadmap