Mini example project

Use this as the baseline C-band example for the assessment. It shows a clean folder layout, shared navigation, a single stylesheet without CSS variables, and accessible touches like a skip link and focus outlines.

Where to find the files

src/content/books/html-css-reference/070-mini-example-project/
├── index.html
├── about.html
├── menu.html
├── contact.html
├── style.css
└── resources/
    └── README.txt

Open index.html in a browser to preview the site. All pages share style.css, use semantic sections, and include alt text for the logo.

This copy reuses the assessment resources from space-donuts-student/resources/ (logo, doughnut images, and sd-copy.txt). They are already included in this folder so students can inspect the same assets they receive in their own starter repo.

Open the mini-site in a new tab to inspect it with developer tools while keeping this reference open.

What to try

• Swap in your own topic text and colors (change the #ff8c42 accent in style.css).
• Keep the same file names and links so navigation stays working.
• Add more styling or layout improvements to move toward higher-band work.