# Home-3 Pricing table Module

### 29. Home-3 Pricing table Module

> Module position: Home-4
>
> Module suffix: tp-home-3-table

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F7aXV6mBLLXqk4q3i8R8z%2F29_Home-3_Pricing_tableModule.png?alt=media\&token=993ffbee-7fe6-480d-9af2-4b339b59ab2e)

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2Fpp4e6d0NeVXpMkLV6kOt%2F29_Home-3_Pricing_tableModule_step1.png?alt=media\&token=e14e5a96-1708-42ca-836f-d13447b0276b)

#### Step-2

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2Fa8ATrO1441XDZjF702NU%2F29_Home-3_Pricing_tableModule_step2.png?alt=media\&token=62fa1399-1925-45b5-adf5-d8a4da6b6fb7)

Add the below code in your custom html module

```html
<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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FcmkbfYInavw6VwIwG3ni%2F29_Home-3_Pricing_tableModule_step3.png?alt=media\&token=90a41514-0188-4de5-8c5b-b4478273df71)