Frissítés prémium csomagra HTML Sablon

Négykártyás árazási szekció, statikus HTML-használatra készen

A címsor és a kísérő bekezdés meghatározza a szekció célját, mielőtt a négy kártya bemutatná az elérhető opciókat. A Start, Basic, Medium és Expert egymás mellett helyezkedik el, így a statikus HTML-oldal egyetlen összefüggő árcsomag-összehasonlító területet kap a különálló, összefüggéstelen szövegek helyett. Az egyes kártyákon belül a csomagnév, a használati korlátok, az árazási adatok és a „Vásárlás most” gomb függőlegesen kapcsolódnak egymáshoz, így a tartalom egységes döntési egységként olvasható.

A Start opció ingyenesként van megjelölve, míg a többi kártya minta árazási adatokat tartalmaz. Ezek az értékek a projektnek megfelelően módosíthatók, jelenlétük azonban szemlélteti a tervezett információs mintát: olyan csomag-összehasonlítást, amely egyesíti a költségeket, a korlátokat és a cselekvési pontot. A Medium kártya finoman árnyékolt háttere és kissé magasabb profilja interaktivitás nélkül nyújt vizuális megkülönböztetést; a blokk teljesen statikus marad. Statikus HTML-oldalon vagy webhelyen használva ez a szekció betölti az ár-összehasonlítás szerepét, miközben a környező szekciók a navigációt, a termékkörnyezetet, az ügyfélvéleményeket, a kapcsolatfelvételi adatokat vagy egyéb tartalmakat biztosítják. A blokk tehát egy kész szekcióelrendezésként áll rendelkezésre, nem pedig komplett statikus webhelyként. Az ismétlődő kártyák a tartalom gyors áttekintését is megkönnyítik, amikor az oldal több csomagszint közvetlen összehasonlítását igényli.