# Home-7 offer Module

### 49.  Home-7 offer Module

> Module position: home-2
>
> Module suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FN9fSYRKyDZo1gnJf1JlK%2F49_Home-7_offer_Module.png?alt=media\&token=c6a54ae6-3328-4c50-a605-be69e8f3812d)

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%2FuIjTPy8jOoVvFuz8QO4L%2F49_Home-7_offer_Module_step1%20\(1\).png?alt=media\&token=8fa15f36-a214-430e-9972-112de9185cf0)

#### Step-2

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FTbvFOK0kpybzBk8AewyR%2F49_Home-7_offer_Module_step2.png?alt=media\&token=24513630-bd7b-43bb-ad89-46f4349c633f)

Add the below code in your custom html module

```html
<div class="center-title-wrapper text-center">
    <h3 class="title-center">What We Offers</h3>
    <p>Separated they live in Bookmarksgrove right at the coast of the Semantics,
 a large language ocean.</p>
</div>
<div class="services-box-3">
    <div class="col-sm-3 col"><em class="icon-picons-diamond"></em>
        <h3>Super Design</h3>
        <p>Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus 
magna, vel scelerisque nisl et.</p>
    </div>
    <div class="col-sm-3 col"><em class="icon-picons-layers"></em>
        <h3>Clean Code</h3>
        <p>Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus
 magna, vel scelerisque nisl et.</p>
    </div>
    <div class="col-sm-3 col"><em class="icon-picons-star"></em>
        <h3>Retina Ready</h3>
        <p>Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus 
magna, vel scelerisque nisl et.</p>
    </div>
    <div class="col-sm-3 col"><em class="icon-picons-support"></em>
        <h3>Awesome Support</h3>
        <p>Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus
 magna, vel scelerisque nisl et.</p>
    </div>
</div>
```

#### Step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F2fbfwktUR9dfx2x61hG4%2F49_Home-7_offer_Module_step3.png?alt=media\&token=a2054fcf-5a0b-4deb-a566-a8853588b4f8)