Dit project heb ik samen met een mede student gemaakt. Het project omvat de creatie van een informatieve en responsive website over de planeten in ons zonnestelsel.
Tijdens deze eindopdracht heb ik geleerd hoe ik een website kan ontwikkelen met behulp van HTML en CSS. Het doel was om een responsive website te maken met verschillende pagina's die informatie bieden over de planeten in ons zonnestelsel. De website bevat onder andere een overzicht van planeten, een image gallery, en interactieve elementen zoals een navigatiemenu en een contactformulier.
- Homepagina: Een introductiepagina over het zonnestelsel.
- Tekstpagina: Informatie over de verschillende planeten.
- Alternatieve Tekstpagina: Een tekstpagina met een andere layout.
- Contactpagina: Een contactformulier voor bezoekers om in contact te komen.
- Basislayout: De website bevat een consistente header en footer op elke pagina.
- Navigatie: Een horizontaal drop-down navigatiemenu voor eenvoudige toegang tot alle pagina's.
- De website is volledig responsive en past zich aan op verschillende schermgroottes door het gebruik van media queries.
- Breakpoints: Minimaal één breakpoint bij 480px om ervoor te zorgen dat de website er goed uitziet op zowel mobiele apparaten als desktops.
- HTML/CSS: De website is gebouwd met alleen HTML en CSS, waarbij gebruik is gemaakt van best practices om een nette en functionele website te maken.
- Media Queries: Er zijn media queries gebruikt om de website responsive te maken en ervoor te zorgen dat de layout op verschillende apparaten goed werkt.