Menu
A+ A A-

Price Table

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

Basic
$29monthly
2 Users License
Free email account
Unlimited Databases
Campaign Builder
Basic customization
No discount codes
Sign Up
Standard
$59monthly
5 Users License
Free email account
Unlimited Databases
Campaign Builder
Standard customization
5 discount codes
Sign Up
Premium
$99monthly
10 Users License
Free email account
Unlimited Databases
Campaign Builder
Extended customization
10 discount codes
Sign Up

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.

Basic
$29monthly
2 Users License
Free email account
Unlimited Databases
Campaign Builder
Basic customization
No discount codes
Sign Up
Standard
$59monthly
5 Users License
Free email account
Unlimited Databases
Campaign Builder
Standard customization
5 discount codes
Sign Up
Premium
$99monthly
10 Users License
Free email account
Unlimited Databases
Campaign Builder
Extended customization
10 discount codes
Sign Up
Basic
$29monthly
2 Users License
Free email account
Unlimited Databases
Campaign Builder
Basic customization
No discount codes
Sign Up
Standard
$59monthly
5 Users License
Free email account
Unlimited Databases
Campaign Builder
Standard customization
5 discount codes
Sign Up
Premium
$99monthly
10 Users License
Free email account
Unlimited Databases
Campaign Builder
Extended customization
10 discount codes
Sign Up

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

Drop in here

Lorem Ipsum DC
Ametconsecte5, Northbloc
3456 Eastern Bldg Ipsumcity
My Country

Call

+ 1800 123 456 8901

Mail

hello@company.com
support@company.com

Interesting stuff

Besides are some interesting links for you! Enjoy your stay :)

Facebook Twitter Google+ RSS Dribbble Vimeo

Twitter

Building CSS3 Notification Boxes with Fade Animations >> http://t.co/mlavcRTrif

3 hours, 28 minutes ago

We are the main sponsor of the upcoming JoomlaDay Poland 2013 (5-6th October) - http://t.co/gBXI9iDrMT http://t.co/Uqbwa0gTpo

4 hours, 57 minutes ago