Fundación Precio de lista
Lista de precios puede ser usado para mostrar sus productos:
Ejemplos
<Ul class = "precios-mesa ">
<Li class = "titulo"> Básico </ li>
<Li class = "precio"> $ 19.99 </ li>
<Li class = "description"> Gran para la pequeña empresa </ li>
<Li class = "bullet-elemento "> Soporte 24/7 </ li>
<Li class = "-elemento de viñeta "> 15 GB de almacenamiento </ li>
<Li class = "-elemento de viñeta "> 1 GB de ancho de banda </ li>
<Li class = "cta-botón "> class = <a href = "button" "#"> Comprar </ a> </ li>
</ Ul>
<Li class = "titulo"> Básico </ li>
<Li class = "precio"> $ 19.99 </ li>
<Li class = "description"> Gran para la pequeña empresa </ li>
<Li class = "bullet-elemento "> Soporte 24/7 </ li>
<Li class = "-elemento de viñeta "> 15 GB de almacenamiento </ li>
<Li class = "-elemento de viñeta "> 1 GB de ancho de banda </ li>
<Li class = "cta-botón "> class = <a href = "button" "#"> Comprar </ a> </ li>
</ Ul>
Trate »
Ejemplos de analítica
-
ul.pricing-table- definición de la lista de precios -
li.title- define el producto del título (fondo negro) -
li.price- precio definido (fuente grande entradas de fondo gris) -
li.description- define la descripción del producto (si se desea) -
li.bullet-item- Características definidas -
li.ca-button- texto del botón (por ejemplo, "Comprar", "Join", "Sign Up", etc.)
Nota: La mesa llena de 100% ancho del contenedor, todos los artículos tienen un borde y estar centrados.
Lista de precios de cuadrícula
El siguiente ejemplo muestra el precio de tres productos de la empresa (tres es igual anchura división):
Ejemplos
<Div class = "fila">
<div class = "medio-4 columnas">
<Ul class = "precios-mesa ">
<Li class = "titulo"> Básico </ li>
...
</ Ul>
</ Div>
<div class = "medio-4 columnas">
<Ul class = "precios-mesa ">
<Li class = "titulo"> Pro </ li>
...
</ Ul>
</ Div>
<div class = "medio-4 columnas">
<Ul class = "precios-mesa ">
<Li class = "titulo"> prima </ li>
...
</ Ul>
</ Div>
</ Div>
<div class = "medio-4 columnas">
<Ul class = "precios-mesa ">
<Li class = "titulo"> Básico </ li>
...
</ Ul>
</ Div>
<div class = "medio-4 columnas">
<Ul class = "precios-mesa ">
<Li class = "titulo"> Pro </ li>
...
</ Ul>
</ Div>
<div class = "medio-4 columnas">
<Ul class = "precios-mesa ">
<Li class = "titulo"> prima </ li>
...
</ Ul>
</ Div>
</ Div>
Trate »