Week 8 — Eindopdracht (voorbeeld)
Wat laat dit voorbeeld zien?
Een korte inspiratiepagina voor de "intergalactische pizzeria"-opdracht —
niet de opdracht zelf, die maakt elke student uniek. Dit voorbeeld
combineert semantische HTML, Flexbox (week 4), een media query (week 5) en
een duidelijke call-to-action, zoals bij een echte landingspagina.
Voorbeeld: pizzeria-landingspagina
Ruimtepizza's, geleverd in 20 lichtminuten
Verse pizza's, gebakken op elke planeet in ons zonnestelsel.
Bestel nu →Welke technieken komen hier samen?
- Semantische
<section>voor de hero-banner (week 1/3). - Flexbox voor zowel de hero als het menu-grid (week 4).
- Een media query die de hero op smalle schermen onder elkaar zet (week 5).
- De "Bestel nu"-knop verwijst naar het formulier-voorbeeld van week 6 — in de echte opdracht zou dit naar een eigen bestelformulier linken.