Eet het beste biologisch voedsel HTML-sjabloon

Biologische landbouwinhoud op een complete statische pagina

De openende biologische sectie zet direct de toon door een inleidende tekst en een 'meer informatie'-actie te combineren met een grote foto van verse producten. Van daaruit ontplooit de pagina een opzichzelfstaande toelichting in plaats van enkel een promotionele hero-sectie te tonen. De drie kaarten van 'Hoe het werkt?' scheiden veeteelt, biologische landbouw en akkerbouw, waardoor de statische pagina duidelijke secties heeft om werkwijzen uit te leggen. De secties 'Onze belofte' en 'Over onze boerderij' voegen daar informatie over lokale producten, vruchtwisseling, het ecosysteem en watergebruik aan toe.

Informatie over producten en voor het publiek loopt door in vier landbouwbeeldtegels en drie uitgelichte categoriekaarten voor vers fruit, groenten en salades. De secties 'Gelukkige dieren' en 'Over biologisch voedsel' zorgen voor extra verhalende diepgang, terwijl herhaalde 'meer informatie'-links duidelijke aanknopingspunten bieden om de voorbeeldinhoud uit te breiden of te vervangen. Een kaart en een landschapsafbeelding onderaan vormen een locatiegericht slotgedeelte vlak voor de footer. Als zelfstandige HTML-implementatie verbindt deze opzet inleiding, educatieve inhoud, productcategorieën, waarden, beeldmateriaal, navigatie en locatiegegevens tot één samenhangende pagina. De secties kunnen daardoor als een afgewerkte statische presentatie worden beheerd zonder ze opnieuw te hoeven opbouwen uit losse visuele blokken.