Price Table

Basic
$15/ month
Access to all themes
Regular theme updates
Email / Phone Support
Use your own domain
Choose
Premium
$99/ month
Access to all themes
Regular theme updates
Email / Phone Support
Use your own domain
Choose
Plus
$29/ month
Access to all themes
Regular theme updates
Email / Phone Support
Use your own domain
Choose

Price table Custom HTML is based on the following structure:

<div class="gk-price-table col3">
<dl>
<dt>Basic</dt>
<dd class="gk-price">$15<small>/ month</small></dd>
<dd>Access to all themes</dd>
<dd>Regular theme updates</dd>
<dd>Email / Phone Support</dd>
<dd>Use your own domain</dd>
<dd><a href="#">Choose</a></dd>
</dl>

<dl class="gk-premium">
<dt>Premium</dt>
<dd class="gk-price">$99<small>/ month</small></dd>
<dd>Access to all themes</dd>
<dd>Regular theme updates</dd>
<dd>Email / Phone Support</dd>
<dd>Use your own domain</dd>
<dd><a href="#">Choose</a></dd>
</dl>

<dl>
<dt>Plus</dt>
<dd class="gk-price">$29<small>/ month</small></dd>
<dd>Access to all themes</dd>
<dd>Regular theme updates</dd>
<dd>Email / Phone Support</dd>
<dd>Use your own domain</dd>
<dd><a href="#">Choose</a></dd>
</dl>
</div>

The main wrapper contains two clases: the gk-price-table class is required as a base of the CSS styling and the second class is used to specify the amount of columns – you can use classes col1col5.

Every column is specified by dl element (with gk-premium class the column will be highlighted) – in the dt element you can specify the table column title. In the dd element with gk-price class you can specify the price – using the small element you can specify te service period time.

Adding of the button at the bottom is very simple – it needs just to add the link element in the dd element.