Home-3 Pricing table Module

29. Home-3 Pricing table Module

Module position: Home-4
Module suffix: tp-home-3-table
If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below:

Step-1

Step-2

Add the below code in your custom html module
<div class="center-title-wrapper">
<h3 class="title-center">What Business Plans We Offers</h3>
<p>If you want to take it to the next level, you came to the right place.</p>
</div>
<p> </p>
<div class="pricing row">
<div class="col-sm-4">
<div class="plan">
<h3>Standard</h3>
<h4><span class="amount"><span>$</span>19</span>
<span style="font-size: 12px;">per month</span>
</h4>
<div class="features">
<ul>
<li>5 GB Disk Space</li>
<li>10 Email Accounts</li>
<li>5 GB Bandwidth</li>
<li>10 SQL Databases</li>
<li>Unlimited Users</li>
</ul>
</div>
<div class="select">
<div><a href="#" class="btn btn-white brd">Purchase</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="plan">
<h3>Premium</h3>
<h4 class="color"><span class="amount"><span>$</span>39</span>
<span style="font-size: 12px;">per month</span>
</h4>
<div class="features">
<ul>
<li>35 GB Disk Space</li>
<li>15 Email Accounts</li>
<li>25 GB Bandwidth</li>
<li>30 SQL Databases</li>
<li>Unlimited Users</li>
</ul>
<div class="select">
<div><a href="#" class="btn btn-white brd">Purchase</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="plan last">
<h3>Deluxe</h3>
<h4><span class="amount"><span>$</span>59</span>
<span style="font-size: 12px;">per month</span>
</h4>
<div class="features">
<ul>
<li>45 GB Disk Space</li>
<li>25 Email Accounts</li>
<li>35 GB Bandwidth</li>
<li>40 SQL Databases</li>
<li>Unlimited Users</li>
</ul>
<div class="select">
<div><a href="#" class="btn btn-white brd">Purchase</a>
</div>
</div>
</div>
</div>
</div>
</div>

Step-3