# Home-2 Promo Module

### 20. Home-2 Promo Module

> Module position: tp-feature
>
> Module suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FMhlgRZrAgCeFqd9NIZ8P%2F20_Home-2_Promo_Module.png?alt=media\&token=9bf128e4-6a72-40bc-8bf0-e7207ae74345)

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%2F4v1eiCmmnqCnAJ8yMtRe%2F20_Home-2_Promo_Module_step1.png?alt=media\&token=760157bc-6964-43f3-a105-0535522e1428)

#### Step-2

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FYr7dr112MbFNQA9aqmUe%2F20_Home-2_Promo_Module_step2.png?alt=media\&token=5cce85c7-8804-409e-9475-a20718135406)

Add the below code in your custom html module

```html
<div class="container">
    <div class="col-md-9">
        <p>The fastest way to grow your business with the leader in Technology.</p>
    </div>
    <div class="col-md-3"><a href="#" class="btn btn-large">Purchase Now!</a>
    </div>
</div>
```

#### Step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FxI4vXUY1OPwvBvCXGyET%2F20_Home-2_Promo_Module_step3.png?alt=media\&token=4fd04f9b-a8f3-4a0d-a31c-811c44e62cb6)