← HTML Fundamentals
Modern HTML and projects · 15 MIN

Build a multi-page portfolio

Build a multi-page portfolio

Plan a home page, about page, project page and contact page. Reuse a consistent navigation structure, ensure every link works, validate your markup and test keyboard navigation and narrow screens. Separate content into logical sections and keep filenames readable.

Try it yourself

Change the example, run it, and explain the result in your own words. Then create one variation of your own.

Key idea

Use the example as a starting point, not something to memorize. Practise, inspect the result and make small improvements.

Code example

<nav aria-label="Primary"><a href="index.html">Home</a> <a href="projects.html">Projects</a> <a href="contact.html">Contact</a></nav>
<main id="content"><h1>My portfolio</h1><p>Welcome.</p></main>