Shortcode - Pricing Table

HertzPro theme comes with beautiful pricing table. You can create 2 /3 /4 /5 /6 column pricing table as shown in demo,

Live Demo

http://demo.drupar.com/hertzpro/pricing-table

Sample Code

You can find sample code for pricing table in sample_content / Pages / Pricing Table.txt. Please check you theme download file for this text file.

Two Column Table


Use below sample code to create two column pricing table.

<ul class="pricing-table cols-2">
<li class="selected">
<div>
<ul>
<li class="heading-row">
<h3>Basic</h3>
</li>
<li class="price-row">
<div>$<strong>1.99</strong><span>per month</span></div>
</li>
<li>5 GB</li>
<li>Online Support</li>
<li>10 Domains</li>
<li>2 Databases</li>
<li><a class="button" href="#">Purchase</a></li>
</ul>
</div>
</li>
<li>
<div>
<ul>
<li class="heading-row">
<h3>Proffesional</h3>
</li>
<li class="price-row">
<div>$<strong>4.99</strong><span>per month</span></div>
</li>
<li>20 GB</li>
<li>Online Support</li>
<li>Unlimited Domains</li>
<li>10 Databases</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
</ul>

Three Column Table


Use below sample code to create three column pricing table.

<ul class="pricing-table cols-3">
<li>
<div>
<ul>
<li class="heading-row">
<h3>Starter</h3>
</li>
<li class="price-row">
<div>$<strong>1.49</strong><span>per month</span></div>
</li>
<li>2 GB</li>
<li>No Support</li>
<li>1 Domain</li>
<li>1 Database</li>
<li><a class="button" href="#">Purchase</a></li>
</ul>
</div>
</li>
<li class="selected">
<div>
<ul>
<li class="heading-row">
<h3>Basic</h3>
</li>
<li class="price-row">
<div>$<strong>1.99</strong><span>per month</span></div>
</li>
<li>5 GB</li>
<li>Online Support</li>
<li>10 Domains</li>
<li>2 Databases</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
<li>
<div>
<ul>
<li class="heading-row">
<h3>Proffesional</h3>
</li>
<li class="price-row">
<div>$<strong>4.99</strong><span>per month</span></div>
</li>
<li>20 GB</li>
<li>Online Support</li>
<li>Unlimited Domains</li>
<li>10 Databases</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
</ul>

Four Column Table


Use below sample code to create four column pricing table.

<ul class="pricing-table cols-4">
<li>
<div>
<ul>
<li class="heading-row">
<h3>Starter</h3>
</li>
<li class="price-row">
<div>$<strong>1.49</strong><span>per month</span></div>
</li>
<li>2 GB</li>
<li>No Support</li>
<li>1 Domain</li>
<li>1 Database</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
<li>
<div>
<ul>
<li class="heading-row">
<h3>Basic</h3>
</li>
<li class="price-row">
<div>$<strong>1.99</strong><span>per month</span></div>
</li>
<li>5 GB</li>
<li>Online Support</li>
<li>10 Domains</li>
<li>2 Databases</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
<li class="selected">
<div>
<ul>
<li class="heading-row">
<h3>Proffesional</h3>
</li>
<li class="price-row">
<div>$<strong>4.99</strong><span>per month</span></div>
</li>
<li>20 GB</li>
<li>Online Support</li>
<li>Unlimited Domains</li>
<li>10 Databases</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
<li>
<div>
<ul>
<li class="heading-row">
<h3>Business</h3>
</li>
<li class="price-row">
<div>$<strong>20.99</strong><span>per month</span></div>
</li>
<li>50 GB</li>
<li>24/7 Support</li>
<li>Unlimited Domains</li>
<li>Unlimited Databases</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
</ul>

Five Column Table


Use below sample code to create five column pricing table.

<ul class="pricing-table cols-5">
<li>
<div>
<ul>
<li class="heading-row">
<h3>Starter</h3>
</li>
<li class="price-row">
<div>$<strong>1.49</strong><span>per month</span></div>
</li>
<li>2 GB</li>
<li>No Support</li>
<li>1 Domain</li>
<li>1 Database</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
<li>
<div>
<ul>
<li class="heading-row">
<h3>Basic</h3>
</li>
<li class="price-row">
<div>$<strong>1.99</strong><span>per month</span></div>
</li>
<li>5 GB</li>
<li>Online Support</li>
<li>10 Domains</li>
<li>2 Databases</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
<li class="selected">
<div>
<ul>
<li class="heading-row">
<h3>Proffesional</h3>
</li>
<li class="price-row">
<div>$<strong>4.99</strong><span>per month</span></div>
</li>
<li>30</li>
<li>Online Support</li>
<li>Unlimited Domains</li>
<li>10 Databases</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
<li>
<div>
<ul>
<li class="heading-row">
<h3>Business</h3>
</li>
<li class="price-row">
<div>$<strong>20.99</strong><span>per month</span></div>
</li>
<li>50</li>
<li>24/7 Support</li>
<li>Unlimited Domains</li>
<li>Unlimited Databases</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
<li>
<div>
<ul>
<li class="heading-row">
<h3>Ultimate</h3>
</li>
<li class="price-row">
<div>$<strong>75.99</strong><span>per month</span></div>
</li>
<li>100 GB</li>
<li>Dedicated Support</li>
<li>Unlimited Domains</li>
<li>Dedicated SQL Server</li>
<li><a class="button extra" href="#">Purchase</a></li>
</ul>
</div>
</li>
</ul>