> 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-5/home-5-feature-module.md).

# Home-5 feature Module

### 41. Home-5 feature Module

> Module position: Home-3
>
> Module suffix: Not used

![](/files/kdQeXC2xEiMpYYgbrJky)

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/C5hESbXFbE8Egb4jdLrl)

#### Step-2

![](/files/H7P1douFXmt19jGa8JGy)

Add the below code in your custom html module

```html
<div class="center-title-wrapper text-center">
    <h3>What We Do</h3>
    <p>If you want to take it to the next level, you came to the right place.</p>
</div>
<p> </p>
<div class="col-md-4">
    <div class="services-box-2"><em class="icon-picons-desktop"></em>
        <div class="content">
            <h3>Responsive &amp; Retina Ready</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-preferences"></em>
        <div class="content">
            <h3>Fully Customizable</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-diamond"></em>
        <div class="content">
            <h3>Parallax Effects</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-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

![](/files/a90uqemaM7shDZfdfvB9)