Webbhotell planer HTML-mall

Tre månadsplaner bildar en färdig statisk sektion

Sektionen saknar rubrik och förmedlar sitt syfte genom den återkommande strukturen hos tre priskort. Hatchling-planen, Baby-planen och Business-planen visas som parallella alternativ, var och en med ett synligt månadspris – 25 $, 59 $ eller 79 $ – följt av inkluderade funktioner och en knapp för att välja plan. Detta ger en statisk HTML-sida en färdig prisdel i stället för att det omgivande projektet behöver bygga ihop jämförelsen av separata delar.

Korten delar samma bredd och har konsekvent avstånd i en horisontell rad. Deras vita ytor skiljer planinformationen från mötesfotografiet i full bredd i bakgrunden, medan mörkt blågröna titelfält identifierar varje kort och varma orange priser samt knappar styr uppmärksamheten mot kostnad och val. Listor med förmåner som Obegränsad support, 5 GB serverutrymme, 2 användare per projekt, E-postintegrering och Obegränsad nedladdning hålls samlade i varje kort, vilket gör att alternativen kan jämföras sida vid sida.

När detta block används på en statisk HTML-sida eller webbplats kan det axla rollen som prisjämförelse, medan andra sektioner står för introduktioner, förklarande text, kontaktuppgifter eller sidfot. Dess färdiga interna upplägg är praktiskt eftersom de centrala innehållsrelationerna redan finns på plats: tre planer, deras angivna månadsbelopp, inkluderade funktioner och separata valknappar. Det omgivande projektet tillhandahåller fortfarande den övergripande sidstrukturen.