Úžasné cenové plány Šablona HTML

Tři připravené panely tarifů tvoří statickou sekci ceníku

Nadpis a doprovodný odstavec určují účel sekce ještě před samotnými třemi panely s nabídkou. Každý panel představuje ucelenou srovnávací jednotku: název tarifu, měsíční cenu, seznam zahrnutých funkcí a tlačítko „vybrat tarif“. Zobrazené varianty jsou Hatchling za 29 $, baby za 69 $ a Premium za 99 $ měsíčně, což umožňuje prezentovat odstupňovanou nabídku bez nutnosti přidávat další cenové sloupce.

Rozvržení se stejnou šířkou sloupců udržuje tarify ve vodorovné rovině, zatímco tmavě šedé pozadí a bílé panely s výčtem parametrů vytvářejí jasné ohraničení srovnávací části. Barevná záhlaví ve fialovém, zeleném a oranžovém odstínu odlišují plány, aniž by narušila jejich jednotné vnitřní uspořádání. Kompaktní rozestupy usnadňují rychlé procházení rozdílů, jako je prostor na serveru, uživatelé projektu, podpora, e-mailová integrace a stahování.

V rámci statické HTML stránky může tento blok sloužit jako připravená sekce ceníku, zatímco okolní obsah zajistí ostatní funkce stránky. Sekce už obsahuje vlastní strukturu porovnání; sousední bloky se mohou věnovat úvodům, podrobnostem, referencím nebo kontaktním údajům. Výsledkem je cílená oblast statického obsahu, nikoli celá stránka či web.