Responsive Web Foundations / Guided workshop

Build a learning profile

Create a one-page introduction for a fictional learner named Mina. A reader should find a short biography and learning goals through the page navigation.

Before starting: m1-l1, m1-l2, m1-l3

Get started

1. Download and extract the starter ZIP. Open index.html in your editor and browser. Keep filenames unchanged for the pilot checker.
2. Add an English document language, a useful title and the viewport metadata shown in lesson 1.2.
3. Inside body, add a header and nav. In main, introduce Mina with one h1. Add About and Goals sections with h2 headings and paragraphs.
4. Give the sections the unique ids about and goals. Add two meaningful navigation links to those fragments. End with a footer.
5. Save, refresh and use Tab then Enter to follow both links. Upload index.html on the checks page and run the checks.

Requirements

• Use a doctype, English document language, useful title and mobile viewport metadata.
• Include header, nav, one main and footer with actual text.
• Use one h1 and h2 headings for About and Goals; avoid skipped heading levels.
• Provide working navigation to #about and #goals.
• Keep at least two meaningful paragraphs of 30 or more characters each in main.

Manual checks

• Open your saved index.html directly in a browser. Follow every link with Tab and Enter, keeping focus visible.
• Read the headings and content in source order. Check that the wording and alternative text match the content.

Hints

Explain your decision

Which part changes the browser tab title, and which part changes the visible page title?