> For the complete documentation index, see [llms.txt](https://jdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jdocs.themeparrot.com/joomla-templates/splash/pages/home-2/home-2-feature-module.md).

# Home-2 feature Module

### 21. Home-2 feature 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%2Fuac9m1jxwJCOiqkR6DBm%2F21_Home-2_feature_Module.png?alt=media\&token=64941bf4-7331-4cbd-9f02-a691d8e01107)

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%2FTfNZ9JmpVhP23KIbZYIQ%2F21_Home-2_feature_Module_step1.png?alt=media\&token=a5b6e947-b822-4998-be66-ddfdacdd64b6)

#### Step-2

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FkEfzhNMEF5XRdFGcz5xf%2F21_Home-2_feature_Module_step2.png?alt=media\&token=3831c6a2-4d9e-45cc-9b34-f3b3d344558a)

Add the below code in your custom html module

```html
<div class="col-sm-8">
    <div class="sep40"> </div>
    <div class="services-box-3 t-mgr20">
        <div class="col-sm-4 col"><em class="icon-picons-diamond"></em>
            <h3>Super Design</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
        <div class="col-sm-4 col"><em class="icon-picons-layers"></em>
            <h3>Clean Code</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
        <div class="col-sm-4 col"><em class="icon-picons-star"></em>
            <h3>Retina Ready</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
        <div class="sep40"> </div>
        <div class="col-sm-4 col"><em class="icon-picons-layers"></em>
            <h3>Premium Slider</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
        <div class="col-sm-4 col"><em class="icon-picons-configuration-2"></em>
            <h3>Easy Customization</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
        <div class="col-sm-4 col"><em class="icon-picons-support"></em>
            <h3>Awesome Support</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
    </div>
</div>
<div class="col-sm-4 t-mgr70">
<img class="img-responsive" 
style="margin: 70px 0px 0px;" src="images/themeparrot/mob_two.png" alt="mob two" />
</div>
```

#### Step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FkhlL1rLGhDbH3MaJVIQs%2F21_Home-2_feature_Module_step3.png?alt=media\&token=22d8a8d2-2c68-47d5-8dda-02888788873a)