Simlektioner HTML-mall

Tre färdiga erbjudandekort bildar en statisk sektion för resetjänster

Sektionen samlar redan allt väsentligt innehåll för ett kompakt område med resetjänster: tre kategorikort för Sommarturer, Gruppturer och Surfläger, vart och ett med beskrivande text och en ”Mer”-länk. Den återkommande strukturen gör det enkelt att jämföra erbjudandena, medan mättade bakgrunder i orange, gult och blått delar upp innehållet i tydliga visuella enheter. Texten för Sommarturer refererar till Reykjavík och en sjudagarsresa, medan informationen för Surfläger lyfter fram faciliteter och betyg, vilket ger korten olika innehållsmässiga tyngdpunkter.

Ett stort surffotografi är placerat under och bakom den horisontella kortraden. Dess placering skapar en skiktad relation mellan tjänsteutbudet och den kompletterande bilden, så att blocket upplevs som en genomarbetad helhet snarare än en lös samling av text och media. Generösa marginaler inuti korten gör att den vita texten förblir lättläst mot de kraftfulla färgfälten, samtidigt som den breda bilden ger ett stämningsfullt visuellt sammanhang för resetemat.

Placerat på en statisk HTML-sida kan detta block förmedla ett komplett budskap om reseutbudet i en enda sektion, medan den omgivande sidan hanterar navigering, tillkommande innehåll och övriga funktioner på sidnivå. Kort, länkar, färger, överlappning och bildkomposition kan anpassas efter det aktuella HTML-projektet utan att sektionens grundläggande struktur behöver ändras.