One page isn’t enough

You have a live site — but it's one page. A single screen with placeholder content. Time to make it actually yours.

In this chapter, you'll build a multi-page personal site: a homepage, an about page, and a projects page — with real navigation and a polished look.

Meet Alex

To keep things moving, you'll build as Alex, a freelance photographer. Having a persona means you won't stall out writing your own bio — you'll focus on learning how pages, layouts, and navigation work. Swap in your real name and details whenever you want.

Alex

Here's what you'll end up with:

  • Homepage — Clean hero section with a tagline
  • About page — Short bio, interests, contact info
  • Projects page — A grid of photography project cards

Let's start by cleaning up what's already there.

Clean up the homepage

Your homepage already says "Hi, I'm Alex" from the last chapter — but everything below the hero is still starter content. None of that is yours. Let's strip it out.

Ask your AI assistant:

Simplify the homepage to just a heading and a tagline about freelance photography. Remove everything else — the starter content, next-steps section, all of it.

Alex Clean

Your browser should update automatically — just a heading and a tagline. One page down, two to go.