Final Project: Build a Multi-Section Personal Portfolio Page
Bring together everything from this course into a single, real page.
Requirements
- Use a full HTML5 skeleton (
<!DOCTYPE html>,<html lang="en">,<head>with a<title>). - Include a
<header>with your name and a<nav>linking to at least three sections on the page (<a href="#projects">, etc.). - 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). - Use at least one
<ul>or<ol>, at least one<img>with meaningfulalttext, and a heading hierarchy that doesn't skip levels. - 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! 🚀