Efterskoleprogram HTML-mall

En klassrumsbild och sex kort bildar en färdig statisk sektion

Sektionen samlar redan det viktigaste innehållet som behövs för en presentation av utbildningsämnen eller aktiviteter: ett klassrumsfoto, en tydlig rubrik om utbildningsvägen och sex kategorier med etiketter. Bilden sätter den pedagogiska kontexten, medan den vita panelen uppe till höger ger budskapet ”Hjälper varje barn att hitta och följa sin bästa utbildningsväg” en tydlig läsyta. Därunder visas Matematik, Fysik, Historia, Engelska, Evenemang och Workshops som enhetliga kort med ikon och etikett.

På en statisk HTML-sida kan det här blocket förmedla ett komplett sektionsbudskap utan att kräva en egen sidstruktur. Kortgruppen med tre kolumner och två rader håller alla sex kategorier synliga samtidigt, och överlappningen med bildens nederkant ger sektionen en väldefinierad visuell avgränsning. Den dämpade gröna bakgrunden, vita ytorna, ljusa ikoncirklar, etiketter i versaler och mjuka skuggor ingår i det färdiga arrangemanget, som antingen kan behållas som det är eller anpassas till den omgivande sidan. Andra sektioner kan erbjuda navigering, introduktioner, detaljerad programinformation eller kontaktuppgifter, medan det här blocket förblir fokuserat på att presentera ämnen och aktiviteter. Den statiska utformningen gör dessutom sektionens syfte omedelbart begripligt utan att vara beroende av en karusell eller utfällbara element.