Price Table

You can create a nice price table using the template typography:

The price table can contains up to 5 columns. One of these columns can be highlighted with using an extra class. Additionally every black header of the specific column can be can be changed to blue header with using a blue class.

To prepare the column of the price table you need to use following structure:

<dl>
<dt>Basic</dt>
<dd class="price">
<sup>$</sup>29<small>monthly</small>
</dd>
<dd><strong>2 Users</strong> License</dd>
<dd><strong>Free</strong> email account</dd>
<dd><strong>Unlimited</strong> Databases</dd>
<dd>Campaign <strong>Builder</strong></dd>
<dd>Basic <strong>customization</strong></dd>
<dd><strong>No</strong> discount codes</dd>
<dd><a class="button" href="#">Sign Up</a></dd>
</dl>

For the dl elements you can use class blue or extra

All columns should be placed in the one wrap:

<div class="gkPriceTable col3">

The number of columns can be changed from 1 up to 5 columns by using classes col1-col5

• Précédent
• Suivant