Latest web development tutorials

Liste Fondation Prix

Liste des prix peut être utilisé pour afficher leurs produits:

Exemples

<Class Ul = "prix table ">
<Li class = "title"> Basic </ li>
<Li classe "prix" => $ 19.99 </ li>
<Li class = "description"> Great pour les petites entreprises </ li>
<Li class = "balle-item "> Assistance 24/7 </ li>
<Li class = "balle-item "> 15GB de stockage </ li>
<Li class = "balle-item "> 1GB Bande passante </ li>
<Li class = "cta bouton "> <a class = href = "button" "#"> Acheter </ a> </ li>
</ Ul>

Essayez »

Des exemples d'analyses

  • ul.pricing-table - définition de la liste des prix
  • li.title - définit le produit du titre (fond noir)
  • li.price - défini prix (gros caractères entrées fond gris)
  • li.description - définit la description du produit (si désiré)
  • li.bullet-item - Caractéristiques définies
  • li.ca-button - texte du bouton (comme "Acheter", "Rejoindre", "Sign Up", etc.)

Note: Le tableau rempli de largeur de 100% du conteneur, tous les éléments ont une frontière et être centrés.


Prix ​​Grille

L'exemple suivant montre le prix de trois produits d'entreprise (trois est une largeur de division égale):

Exemples

<Class Div = "ligne">
<class = "Div moyennes-4 colonnes">
<Class Ul = "prix table ">
<Li class = "title"> Basic </ li>
...
</ Ul>
</ Div>
<class = "Div moyennes-4 colonnes">
<Class Ul = "prix table ">
<Li class = "title"> Pro </ li>
...
</ Ul>
</ Div>
<class = "Div moyennes-4 colonnes">
<Class Ul = "prix table ">
<Li class = "title"> Prime </ li>
...
</ Ul>
</ Div>
</ Div>

Essayez »