Project 9: Full Portfolio Website

Project 9: Full Portfolio Website

Everything you've learned, on one page. This is the real deal.

The goals

1. A <header> with your name and a nav.
2. A hero <section> with your tagline.
3. A <section> of projects with <figure>s.
4. A small skills <table>.
5. A <form> where people can message you.
6. A <footer> with links.
7. A nice meta description in the head.

Meta that matters

<meta name="description" content="Portfolio of Alex, front-end learner.">

The importance of order

The page should read top to bottom as anyone's page: header -> hero -> projects -> skills -> contact -> footer. A reader should never guess where a section begins or ends.

Checklist

• [ ] A <nav> that links to each section
• [ ] A <section> for each part
• [ ] Every image full of alt
• [ ] A skills <table>
• [ ] A contact <form> with <label>s
• [ ] <meta name="description"> in the head
• [ ] Semantics, not div soup

Final tip

When you run the page through the browser's inspector, you should see zero warnings for your structure. Master that.