Engelsk utbildningsklass HTML-mall

Tre engelska kurskort skapar en färdig statisk sektion

Den centrerade introduktionen och den upprepade raden med kort ger blocket en tydlig roll på en statisk HTML-sida. „Hitta en kurs“ visas ovanför rubriken „Utvalda kurser“, följt av en kort avgränsare som skiljer introduktionen från utbudet. De tre korten presenterar sedan „Allmän engelska“, „Klassisk engelska“ och „Affärsengelska“ efter samma mönster: en rektangulär bild, en guldfärgad titel, förklarande text och en Läs mer-länk. Det upplägget ger en strukturerad sektion för kursval i stället för en lös samling orelaterade element.

I ett statiskt HTML-projekt kan den omgivande sidan bidra med navigering, kompletterande utbildningsinnehåll och andra sektioner, medan detta block förmedlar det utvalda kursinnehållet. Dess mörklila bakgrund och ljuslila kortpaneler skapar ett avgränsat visuellt område, och de guldfärgade titlarna samt åtgärdslänkarna ger besökarna ett enhetligt sätt att hitta till respektive kursdestination. Jämna mellanrum mellan korten och en trekolumnsstruktur gör det dessutom enkelt att överblicka och jämföra innehållet.

Sektionen kan infogas som en komplett, färdig layout och därefter anpassas till huvudsidans typografi, färger eller intilliggande innehåll. Den största fördelen är att innehållsstrukturen redan är organiserad: en rubrik introducerar urvalet, och tre återanvändbara kort samlar bild, förklaring och navigering inom ett och samma avgränsade område.