📝 Project LESSON 06 OF 32

Project 1 — Personal Portfolio in HTML

⏱️ ~40 min
📝 Project

Build Your Portfolio

Build a complete personal portfolio using semantic HTML5. Include: nav, hero, about, skills, projects, and contact sections.

📝 Project 1 Checklist — Personal Portfolio in HTML
Pure structure only — no CSS yet. That's intentional.
  • Nav bar with links to each section (anchor links, e.g. #about)
  • Hero section with your name and a one-line intro
  • About section — a short paragraph about you
  • Skills section — a list of skills (ul/ol is fine at this stage)
  • Projects section — at least 2 project blocks with title + description
  • Contact section — an email link using <a href="mailto:...">
  • Footer with copyright text
  • Use only semantic HTML5 tags from this module: header, nav, main, section, article, footer
  • Every image needs an alt attribute
  • One h1 per page, logical heading order
Note: This project has no styling yet — that's intentional. Pure structure first; the CSS module turns this into a real-looking page.
🗒 Cheat Sheet 📝 Worksheet