Tariffval HTML-mall

Två priskort bildar en färdig statisk sektion

Rubriken och det kompletterande stycket presenterar prisbudskapet från vänster, medan de två intilliggande korten utgör sektionens huvudsakliga jämförelse. Varje kort har redan de strukturella byggstenar som krävs för en prisdel: abonnemangsnamn, visat pris, debiteringsperiod, funktionslista och åtgärdsknapp. De åtta punkterna i checklistan tillför tydliga detaljer som hjälper besökaren att se vad respektive alternativ innehåller, utan att den omgivande sidan behöver tillhandahålla själva grundjämförelsen.

När detta block används på en statisk HTML-sida eller webbplats kan det förmedla ett komplett prisbudskap som en enskild sektion i stället för att utgöra en hel sida. Den kolfärgade övre bakgrunden ger introduktionen en egen visuell yta, och det vita fältet under skapar en ren inramning för korten. Gröna korthuvuden, stora vita priser, rundade nedre hörn och mjuka skuggor håller de två erbjudandena visuellt samspelta samtidigt som innehållet skiljer sig åt.

Upplägget är särskilt lämpligt när en sida behöver ett kompakt alternativ till en längre pristabell. Omgivande sektioner kan erbjuda navigering, tjänstebeskrivningar, förtroendeskapande innehåll eller kontaktuppgifter, medan detta block behåller sitt fokus på att jämföra två planer. Dess färdiga struktur kan därför smidigt infogas i en statisk HTML-layout utan att man behöver skapa ytterligare prisytor eller ändra balansen mellan ingress och kort.