HTML Foundations

Lesson 6 of 6

Final Project: Build a Multi-Section Personal Portfolio Page

Bring together everything from this course into a single, real page.

Requirements

  1. Use a full HTML5 skeleton (<!DOCTYPE html>, <html lang="en">, <head> with a <title>).
  2. Include a <header> with your name and a <nav> linking to at least three sections on the page (<a href="#projects">, etc.).
  3. Include a <main> with at least three <section>s: an "About Me", a "Projects" list using semantic <article> elements, and a "Contact" section with a working <form> (name, email, message, submit button, every input properly labeled).
  4. Use at least one <ul> or <ol>, at least one <img> with meaningful alt text, and a heading hierarchy that doesn't skip levels.
  5. Include a <footer> with a copyright line.

Stretch goals

  • Add a <table> summarizing your skills and proficiency levels.
  • Make every interactive element reachable and usable with only the keyboard.
  • Validate your page's HTML using the W3C Markup Validator and fix any errors it reports.

Submit a link to your finished page (a repo, CodePen, or hosted URL) below, an instructor will review it before you can mark this lesson complete. Good luck! 🚀

This lesson ends in a project. Build it on your own machine, there's nowhere to submit it here, but the brief above is everything you need.