Lista Foundation Preço
lista de preços pode ser usado para exibir os seus produtos:
Exemplos
<Class Ul = "preços-table ">
<LI class = "title"> básico </ li>
<LI class = "preço"> $ 19,99 </ li>
<LI class = "description"> Grande para a empresa de pequeno porte </ li>
<LI class = "bullet-produto "> Suporte 24/7 </ li>
<LI class = "bullet-produto "> 15 GB de armazenamento </ li>
<LI class = "bullet-item de "> 1GB Bandwidth </ li>
<LI class = "cta-button "> <a class = href = "button" "#"> Comprar </ a> </ li>
</ Ul>
<LI class = "title"> básico </ li>
<LI class = "preço"> $ 19,99 </ li>
<LI class = "description"> Grande para a empresa de pequeno porte </ li>
<LI class = "bullet-produto "> Suporte 24/7 </ li>
<LI class = "bullet-produto "> 15 GB de armazenamento </ li>
<LI class = "bullet-item de "> 1GB Bandwidth </ li>
<LI class = "cta-button "> <a class = href = "button" "#"> Comprar </ a> </ li>
</ Ul>
tente »
Exemplos de analítico
-
ul.pricing-table- definição de lista de preços -
li.title- define o produto do título (fundo preto) -
li.price- definido de preços (fonte grande entradas de fundo cinza) -
li.description- define a descrição do produto (se desejado) -
li.bullet-item- características definidas -
li.ca-button- texto do botão (como "comprar", "Junte-se", "Sign Up", etc.)
Nota: O quadro encheu-se com largura de 100% do recipiente, todos os itens têm uma borda e estar centrado.
Preço de grade
O exemplo a seguir mostra o preço de três produtos da empresa (três é uma largura igual divisão):
Exemplos
<Div class = "linha">
<div class = "média-4 colunas">
<Class Ul = "preços-table ">
<LI class = "title"> básico </ li>
...
</ Ul>
</ Div>
<div class = "média-4 colunas">
<Class Ul = "preços-table ">
<LI class = "title"> Pro </ li>
...
</ Ul>
</ Div>
<div class = "média-4 colunas">
<Class Ul = "preços-table ">
<LI class = "title"> premium </ li>
...
</ Ul>
</ Div>
</ Div>
<div class = "média-4 colunas">
<Class Ul = "preços-table ">
<LI class = "title"> básico </ li>
...
</ Ul>
</ Div>
<div class = "média-4 colunas">
<Class Ul = "preços-table ">
<LI class = "title"> Pro </ li>
...
</ Ul>
</ Div>
<div class = "média-4 colunas">
<Class Ul = "preços-table ">
<LI class = "title"> premium </ li>
...
</ Ul>
</ Div>
</ Div>
tente »