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

# Home-3 Feature Module

### 26. Home-3 Feature Module

> Module position: home-1
>
> Module suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FvnadAeNGrlYWVbrLyOnL%2F26_Home-3_Feature_Module.png?alt=media\&token=9409eb6f-3402-4a74-a5e6-f957a9e3340f)

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%2FEh9qRseSf2g6pWMoerVa%2F26_Home-3_Feature_Module_step1.png?alt=media\&token=327e9ff5-70cb-430d-b6ab-3b29a0f533df)

#### Step-2

Add the below code in your custom html module

```php
<div class="container">
    <div class="services-box">
        <div class="col-md-3 col-sm-6">
            <div class="col">
                <div><em class="icon-picons-plane"></em>
                </div>
                <h3>Super Design</h3>
                <p>Lorem ipsum dolor sit do eiusmod tempor incididunt
 ut labore et dolore magna aliqua.</p><a href="#">read more ›</a>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="col">
                <div><em class="icon-picons-coffee"></em>
                </div>
                <h3>Clean Code</h3>
                <p>Lorem ipsum dolor sit do eiusmod tempor incididunt 
ut labore et dolore magna aliqua.</p><a href="#">read more ›</a>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="col">
                <div><em class="icon-picons-umbrella"></em>
                </div>
                <h3>Retina Ready</h3>
                <p>Lorem ipsum dolor sit do eiusmod tempor incididunt 
ut labore et dolore magna aliqua.</p><a href="#">read more ›</a>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="col last">
                <div><em class="icon-picons-support"></em>
                </div>
                <h3>Awesome Support</h3>
                <p>Lorem ipsum dolor sit do eiusmod tempor incididunt 
ut labore et dolore magna aliqua.</p><a href="#">read more ›</a>
            </div>
        </div>
    </div>
</div>
```

#### Step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FpDIQHi6LkAKpflsjOL9O%2F26_Home-3_Feature_Module_step3.png?alt=media\&token=e1c4d386-5079-4ad3-8298-5abdf1bd3a4f)