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