Unit project: About Me page

Everything from this unit comes together here. No new concepts this time — only you, a blank page, and everything you've already learned: headings, paragraphs, emphasis, lists, links, images, semantic structure, and the head details that make a page real. (Deep breaths.)

What you're building

A small "About Me" page: a real, complete page about you (or, if you'd rather keep things private, an imaginary version of you — the checks only care about the HTML, not the honesty). By the time you're done it should have:

• A header with your name in an h1.
• A main section holding an introduction paragraph (with a word or two genuinely emphasized), a photo, a short list of your interests, and a couple of links — one absolute, one relative.
• A small div for anything that doesn't fit those categories — a fun fact, an aside, whatever you like.
• A footer to close the page.
• A proper head, with a title and a meta description of the page.

Where to start

Don't try to write the whole thing in one pass. Build the skeleton first — head, header, main, footer — then fill in one piece at a time, checking the preview after each. A page that's half-finished but correctly structured is far easier to work with than one long block of HTML written all at once and debugged from scratch.

This is the biggest exercise in the unit

Everything you've relied on so far still applies: infinite attempts, a hint after two failed runs, and the full solution after three. There's no rush, and there's no one "correct" About Me page — the checks care about structure, not content, so make it genuinely yours.

What comes next

Once every check here passes, every concept in Unit 1 is mastered — and the page you built isn't a throwaway exercise. It's the same page Unit 2 comes back to style with real CSS, and Unit 3 comes back to make interactive with JavaScript. You built the frame. Everything else in this course hangs on it.

Exercise

Unit project: build your About Me page

Build a complete "About Me" page from scratch. It needs:

- A head with a title and a meta name="description". - A header containing an h1 with your name. - A main containing: an intro paragraph with a genuinely emphasized word or phrase (em or strong), an img with real alt text, a short ul with exactly three interests, and a paragraph with exactly two links — one absolute (starts with https://) and one relative (only a path, no https://). - A div for anything that doesn't fit those categories. - A footer closing the page.

Build it one piece at a time, checking the preview as you go.