> 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

![](/files/RTIQfQbqLf1RN5pgd8dp)

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

#### 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

![](/files/Xwty1i0lMVLtU2KZuzji)