# Home-6 feature Module

### 46. Home-6 feature Module

> Module position: Home-3
>
> Module suffix: tp-feature

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FVr2F23gqy9WoMyvL8XZO%2F46_Home-6_feature_Module.png?alt=media\&token=6fa71c34-43f9-4fdd-9cd7-1e7fc94fed35)

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%2FxXpB5S4awhb8k0tDOaBD%2F46_Home-6_feature_Module_step1.png?alt=media\&token=f8689e82-88b4-40bb-a587-783c614dcc81)

#### Step-2

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FRZphzg2B0KJZoUOmw42T%2F46_Home-6_feature_Module_step2.png?alt=media\&token=246394c2-2202-4b9d-869d-3ab251e74011)

Add the below code in your custom html module

```html
<div class="center-title-wrapper text-center">
    <h3>Our Core Feature</h3>
    <p>If you want to take it to the next level, you came to the right place.</p>
</div>
<div class="col-md-4">
    <div class="services-box-2"><em class="icon-picons-umbrella"></em>
        <div class="content">
            <h3>High Quality</h3>
            <p>Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl
 non enim sodales fermentum.</p>
        </div>
    </div>
</div>
<div class="col-md-4">
    <div class="services-box-2"><em class="icon-picons-anchor"></em>
        <div class="content">
            <h3>Modern Design</h3>
            <p>Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl 
non enim sodales fermentum.</p>
        </div>
    </div>
</div>
<div class="col-md-4">
    <div class="services-box-2"><em class="icon-picons-open-box"></em>
        <div class="content">
            <h3>Google Fonts</h3>
            <p>Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl 
non enim sodales fermentum.</p>
        </div>
    </div>
</div>
<div class="col-md-4">
    <div class="services-box-2"><em class="icon-picons-language"></em>
        <div class="content">
            <h3>100% Translatable</h3>
            <p>Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl 
non enim sodales fermentum.</p>
        </div>
    </div>
</div>
<div class="col-md-4">
    <div class="services-box-2"><em class="icon-picons-layers"></em>
        <div class="content">
            <h3>Premium Slider</h3>
            <p>Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl 
non enim sodales fermentum.</p>
        </div>
    </div>
</div>
<div class="col-md-4">
    <div class="services-box-2"><em class="icon-picons-support-2"></em>
        <div class="content">
            <h3>Awesome Support</h3>
            <p>Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl 
non enim sodales fermentum.</p>
        </div>
    </div>
</div>
<div class="text-center"><a href="#" class="btn btn-white brd">
See more of our features</a>
</div>
```

#### Step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FvSQlxipZCP5NPm9Y8Nhk%2F46_Home-6_feature_Module_step3.png?alt=media\&token=e7b6767b-c6fc-4c0e-8024-65635799a234)