> 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/runway/layout-customization/home-styles/home-style-1/home-1-list-features-module.md).

# Home 1 List Features module

### 11. Home 1 List Features module

> Module position: tp-products Module class suffix: tp-title-center tp-home-intro tp-feature-2

![](/files/rr8E6xKV9pnC8O2YdUIg)

If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html Module** with the settings below:

#### Step-1:

![](/files/5ccMEXRUGtT3prZdgtqu)

#### Step-2:

![](/files/YfmUKGK6XJTqDjlH4w8r)

Add the following html code in your custom html module

#### Step-3:

```html
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-diamond2"></em>
        <div class="content">
            <h3>Modern Design</h3>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting the 
readable content.</p>
        </div>
    </div>
</div>
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-params"></em>
        <div class="content">
            <h3>easy to customize</h3>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting the 
readable content.</p>
        </div>
    </div>
</div>
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-heart2"></em>
        <div class="content">
            <h3>Google Fonts</h3>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting the 
readable content.</p>
        </div>
    </div>
</div>
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-line-flag"></em>
        <div class="content">
            <h3>100% Translatable</h3>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting the 
readable content.</p>
        </div>
    </div>
</div>
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-line-layers"></em>
        <div class="content">
            <h3>Premium Slider</h3>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting the 
readable content.</p>
        </div>
    </div>
</div>
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-chat-3"></em>
        <div class="content">
            <h3>Awesome Support</h3>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting 
the readable content.</p>
        </div>
    </div>
</div>
```

#### Step-4:

Once the above code is added Save and close the settings