Porównaj wszystkie plany Szablon HTML

Zwięzła sekcja cenowa gotowa dla statycznej strony HTML

Nagłówek „Plany promocyjne” wprowadza spójny obszar porównawczy zamiast zbioru niepowiązanych ze sobą kart cennika. W tabeli umieszczono sześć kryteriów po lewej stronie oraz trzy kolumny pakietów po prawej, co umożliwia analizę wariantów Enterprise, Advance i Starter wiersz po wierszu. Koszty pierwszego miesiąca wynoszą 1200 $, 900 $ i 400 $, a za kolejne miesiące odpowiednio 900 $, 700 $ i 300 $. Każdy plan ma wspólny termin realizacji wynoszący 3–6 miesięcy, a wiersze dotyczące wsparcia oraz certyfikatu obrazują dostępność za pomocą znaczników i krzyżyków.

Taki układ zapewnia statycznej stronie HTML pełną sekcję porównania cen z przejrzyście zdefiniowaną strukturą informacji. Trzy przyciski „Wybierz plan” stanowią widoczne punkty reakcji wewnątrz bloku, podczas gdy otaczająca treść strony może nadal dostarczać wprowadzenia, opisy usług, dowody zaufania czy dane kontaktowe. Sekcja skupia się więc na pomocy użytkownikom w rozeznaniu się w warunkach oferty, zamiast próbować prowadzić całą ścieżkę odbiorcy na stronie.

Białe tło, barwne nagłówki kolumn poszczególnych pakietów, wyrównane do lewej kryteria i wyśrodkowane wartości sprawiają ponadto, że blok można bez trudu umieścić pomiędzy innymi statycznymi sekcjami. Jego powtarzalna, czterokolumnowa budowa pozostaje nienaruszona, podczas gdy treści, ceny, linki czy oprawę wizualną można dostosować do nadrzędnego projektu HTML. W efekcie powstaje przygotowana sekcja prezentująca dostępne pakiety bez sugerowania, że sam blok obejmuje nawigację całej witryny, hosting lub dodatkowe podstrony.