Fundacja Cennik
Cennik może być używany do wyświetlania swoich produktów:
Przykłady
<Class Ul = "cen-table ">
<Li class = "title"> podstawowe </ li>
<Li class = "cena"> $ 19.99 </ li>
<Li class = "description"> Wielki dla małych firm </ li>
<Li class = "bullet-item "> Pomoc 24/7 </ li>
<Li class = "bullet-item "> 15GB Przechowywanie </ li>
<Li class = "bullet-item "> 1GB Bandwidth </ li>
<Li class = "CTA-button "> class = "button" <a href = "#"> Kup </ a> </ li>
</ Ul>
<Li class = "title"> podstawowe </ li>
<Li class = "cena"> $ 19.99 </ li>
<Li class = "description"> Wielki dla małych firm </ li>
<Li class = "bullet-item "> Pomoc 24/7 </ li>
<Li class = "bullet-item "> 15GB Przechowywanie </ li>
<Li class = "bullet-item "> 1GB Bandwidth </ li>
<Li class = "CTA-button "> class = "button" <a href = "#"> Kup </ a> </ li>
</ Ul>
Spróbuj »
Przykłady analityczne
-
ul.pricing-table- definicja cenniku -
li.title- określa produktu tytułowego (czarnym tle) -
li.price- określona cena (duża czcionka wjazdowe szare tło) -
li.description- definiuje opis produktu (w razie potrzeby) -
li.bullet-item- zdefiniowane funkcje -
li.ca-button- tekst na przycisku (takich jak "Kup", "Zostań", "Sign Up", etc.)
Uwaga: W tabeli wypełnioną 100% szerokości pojemnika, wszystkie elementy mają granicę i wyśrodkowany.
Cena Lista Siatka
Poniższy przykład pokazuje cenę trzech produktów korporacyjnych (trzy jest równa szerokości dzielenie):
Przykłady
<Div class = "wiersz">
<div class = "średnio-4 kolumny">
<Class Ul = "cen-table ">
<Li class = "title"> podstawowe </ li>
...
</ Ul>
</ Div>
<div class = "średnio-4 kolumny">
<Class Ul = "cen-table ">
<Li class = "title"> Pro </ li>
...
</ Ul>
</ Div>
<div class = "średnio-4 kolumny">
<Class Ul = "cen-table ">
<Li class = "title"> Premium </ li>
...
</ Ul>
</ Div>
</ Div>
<div class = "średnio-4 kolumny">
<Class Ul = "cen-table ">
<Li class = "title"> podstawowe </ li>
...
</ Ul>
</ Div>
<div class = "średnio-4 kolumny">
<Class Ul = "cen-table ">
<Li class = "title"> Pro </ li>
...
</ Ul>
</ Div>
<div class = "średnio-4 kolumny">
<Class Ul = "cen-table ">
<Li class = "title"> Premium </ li>
...
</ Ul>
</ Div>
</ Div>
Spróbuj »