Fondazione Listino
Listino prezzi può essere utilizzato per visualizzare i loro prodotti:
Esempi
<Ul class = "prezzi-table ">
<Li class = "title"> base </ li>
<Li class = "prezzo"> $ 19,99 </ li>
<Li class = "description"> Grande per le piccole imprese </ li>
<Li class = "proiettile-item "> 24/7 </ li>
<Li class = "proiettile-item "> 15GB di archiviazione </ li>
<Li class = "proiettile-item "> 1GB banda </ li>
<Li class = "CTA-button "> <a class = href = "button" "#"> Acquista </ a> </ li>
</ Ul>
<Li class = "title"> base </ li>
<Li class = "prezzo"> $ 19,99 </ li>
<Li class = "description"> Grande per le piccole imprese </ li>
<Li class = "proiettile-item "> 24/7 </ li>
<Li class = "proiettile-item "> 15GB di archiviazione </ li>
<Li class = "proiettile-item "> 1GB banda </ li>
<Li class = "CTA-button "> <a class = href = "button" "#"> Acquista </ a> </ li>
</ Ul>
Prova »
Esempi di analitica
-
ul.pricing-table- definizione di listino -
li.title- definisce il prodotto del titolo (sfondo nero) -
li.price- definito prezzo (caratteri grandi voci sfondo grigio) -
li.description- definisce la descrizione del prodotto (se lo si desidera) -
li.bullet-item- caratteristiche definite -
li.ca-button- il testo del pulsante (come "Buy", "Partecipa", "Sign Up", ecc)
Nota: La tabella riempita con il 100% la larghezza del contenitore, tutti gli articoli hanno un bordo ed essere centrati.
Listino Griglia
L'esempio seguente mostra il prezzo di tre (tre prodotti enterprise è una larghezza uguale divisione):
Esempi
<Div class = "riga">
<div class = "medio-4 colonne">
<Ul class = "prezzi-table ">
<Li class = "title"> base </ li>
...
</ Ul>
</ Div>
<div class = "medio-4 colonne">
<Ul class = "prezzi-table ">
<Li class = "title"> Pro </ li>
...
</ Ul>
</ Div>
<div class = "medio-4 colonne">
<Ul class = "prezzi-table ">
<Li class = "title"> Premium </ li>
...
</ Ul>
</ Div>
</ Div>
<div class = "medio-4 colonne">
<Ul class = "prezzi-table ">
<Li class = "title"> base </ li>
...
</ Ul>
</ Div>
<div class = "medio-4 colonne">
<Ul class = "prezzi-table ">
<Li class = "title"> Pro </ li>
...
</ Ul>
</ Div>
<div class = "medio-4 colonne">
<Ul class = "prezzi-table ">
<Li class = "title"> Premium </ li>
...
</ Ul>
</ Div>
</ Div>
Prova »