> 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

![](/files/hFA8vOufIcwRpOcP5Tq0)

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

![](/files/5SKKsfx5EyRraDVGkm9s)

#### Step-2

![](/files/4W2A9QuwBA1TzsMMVdfI)

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

![](/files/iq3Om7FmmouKUuM9xFXl)