Egyél legjobb bioélelmiszereket HTML Sablon

Biotermesztési tartalmak egy teljes statikus oldalon

A bevezető Bio szekció azonnal megalapozza a témát azáltal, hogy a bevezető szöveget és a „Tudj meg többet” műveletet egy nagyméretű terményfotóval társítja. Innentől kezdve az oldal önálló magyarázatot bontakoztat ki, ahelyett hogy csupán egy promóciós hero résszel beérné. A „Hogyan működik?” három kártyája különválasztja az állattartást, a biogazdálkodást és a szántóföldi termesztést, világos tartalmi területeket biztosítva a statikus oldalnak a módszerek kifejtéséhez. Az „Ígéretünk” és a „Gazdaságunkról” szekciók ezt követően a helyi termények üzenetével, a vetésforgóval, az ökoszisztémával és a vízhasználattal egészítik ki a bemutatást.

A termékekre és a közönségre fókuszáló információk négy mezőgazdasági képcsempén, valamint három, a friss gyümölcsök, zöldségek és salátafélék számára fenntartott kategóriakártyán keresztül folytatódnak. A „Boldog állatok” és „A bioélelmiszerekről” szekciók további elbeszélői mélységet adnak, míg az ismétlődő „Tudj meg többet” linkek egyértelmű pontokat kínálnak a minta tartalom bővítésére vagy cseréjére. Az alsó részen található térkép és mezőgazdasági tájkép helymeghatározásra épülő lezárást képez a lábléc (footer) előtt. Önálló HTML-implementációként ez az elrendezés egyetlen összefüggő oldalon egyesíti a bevezetést, az oktató tartalmakat, a termékkategóriákat, az értékeket, a képi világot, a navigációt és a helyszínadatokat. Szekciói ezért kész statikus prezentációként kezelhetők anélkül, hogy elszigetelt vizuális blokkokból kellene újra felépíteni őket.