Stiftung Listenpreis
Preisliste kann dazu verwendet werden, um ihre Produkte anzuzeigen:
Beispiele
<Ul class = "Preistabelle ">
<Li class = "title"> Basis </ li>
<Li class = "Preis"> 19,99 $ </ li>
<Li class = "description"> Ideal für kleine Unternehmen </ li>
<Li class = "Kugel-item "> 24/7 Unterstützung </ li>
<Li class = "Kugel-item "> 15GB Speicher </ li>
<Li class = "Kugel-item "> 1 GB Bandbreite </ li>
<Li class = "cta-Taste "> <a class = "button" href = "#"> kaufen </ a> </ li>
</ Ul>
<Li class = "title"> Basis </ li>
<Li class = "Preis"> 19,99 $ </ li>
<Li class = "description"> Ideal für kleine Unternehmen </ li>
<Li class = "Kugel-item "> 24/7 Unterstützung </ li>
<Li class = "Kugel-item "> 15GB Speicher </ li>
<Li class = "Kugel-item "> 1 GB Bandbreite </ li>
<Li class = "cta-Taste "> <a class = "button" href = "#"> kaufen </ a> </ li>
</ Ul>
Versuchen »
Beispiele für analytische
-
ul.pricing-table- Definition der Preisliste -
li.title- definiert das Produkt des Titels (schwarzer Hintergrund) -
li.price- definiert Preis (große Schrift Einträge grauen Hintergrund) -
li.description- definiert die Produktbeschreibung (falls gewünscht) -
li.bullet-item- definiert Merkmale -
li.ca-button- Taste Text (wie "Kaufen", "Join", "Sign Up", etc.)
Hinweis: Die Tabelle mit 100% Breite des Behälters gefüllt, alle Einzelteile haben eine gemeinsame Grenze und zentriert werden.
Listenpreis Grid
Das folgende Beispiel zeigt den Preis von drei Enterprise-Produkte (drei ist eine gleiche Aufteilung Breite):
Beispiele
<Div class = "Zeile">
<Div class = "Medium-4 Spalten">
<Ul class = "Preistabelle ">
<Li class = "title"> Basis </ li>
...
</ Ul>
</ Div>
<Div class = "Medium-4 Spalten">
<Ul class = "Preistabelle ">
<Li class = "title"> Pro </ li>
...
</ Ul>
</ Div>
<Div class = "Medium-4 Spalten">
<Ul class = "Preistabelle ">
<Li class = "title"> Premium - </ li>
...
</ Ul>
</ Div>
</ Div>
<Div class = "Medium-4 Spalten">
<Ul class = "Preistabelle ">
<Li class = "title"> Basis </ li>
...
</ Ul>
</ Div>
<Div class = "Medium-4 Spalten">
<Ul class = "Preistabelle ">
<Li class = "title"> Pro </ li>
...
</ Ul>
</ Div>
<Div class = "Medium-4 Spalten">
<Ul class = "Preistabelle ">
<Li class = "title"> Premium - </ li>
...
</ Ul>
</ Div>
</ Div>
Versuchen »