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

# Home-6 feature Module

### 46. Home-6 feature Module

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

![](/files/J4haBq1MewSyyDbRzHKC)

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

#### Step-2

![](/files/OFQcICXRGFnpX4jKoC2e)

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

![](/files/4ywC4d9ANE8n1VMQJdvE)