Välj din månatliga löneplan HTML-mall

Tre färdiga abonnemangskort bildar en statisk prissektion

Rubriken och det inledande stycket tydliggör sektionens syfte innan de tre priskorten tar vid. På en statisk HTML-sida kan denna layout placeras som ett färdigt prisområde mellan andra innehållssektioner. Den förmedlar sin egen planjämförelse utan att den omgivande sidan behöver bygga upp kortstrukturen på nytt. Starter 5 sidor, Business 10 sidor och E-handel Starter presenteras som distinkta alternativ, vart och ett med ett visat pris, en innehållslista på fyra rader och en köpknapp.

Det upprepade kortmönstret gör sektionen enkel och intuitiv att ta till sig som statiskt innehåll. Varje alternativ har en färgad vertikal stomme – blå, blågrön eller rosa – under ett vitt, rundat sidhuvudsfält. De överlappande sidhuvudsfälten skapar en enhetlig ingång för abonnemangens namn, medan de stora priserna och de linjerade listorna gör det lätt att jämföra alternativen visuellt. Den mörkt antracitgrå bakgrunden ramar in alla tre korten som en sammanhållen grupp snarare än tre fristående innehållsblock.

Etiketter och värden är exempeldata, vilket innebär att sektionen bäst betraktas som en förberedd innehållsstruktur där text, priser, innehåll och knapplänkar kan bytas ut för det aktuella projektet. Dess statiska roll bygger på den färdiga interna kompositionen: först en introduktion, sedan jämförbara abonnemang och därefter en köpåtgärd i varje kort.