> 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-5/home-5-app-features.md).

# Home 5 App features

### 37. Home 5 App features

> Module position: tp-features
>
> Module class suffix: tp-what-we-do tp-title-center text-center

![](/files/TpH1DBbvIuwEfPVhIcqz)

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:

Create a new module type as "Custom html"

#### Step-2:

Add the following html code in your custom html module

```php
<div class="tp-parallax-bg-color">
    <div class="container">
        <div class="col-lg-12 col-md-12">
            <h3 class="module-title "><span class="title-left">App </span>
<span class="title-right"> Features</span>
            </h3>
            <p class="title-dec-gray tp-sub-text">Sed ut Perspiciatis Unde Omnis Iste
 Sed ut perspiciatis unde omnis iste natu error sit voluptatem accusan tium Sed ut</p>
        </div>
        <div class="col-md-4 col-sm-3 col-xs-12">
            <ul class="right">
                <li><em class="fa fa-tablet"></em>
                    <div class="text-right">
                        <h4>Responsive design</h4>
                        <p>Lorem Ipsum is simply dummy text of theng industry.</p>
                    </div>
                </li>
                <li><em class="fa fa-pencil"></em>
                    <div class="text-right">
                        <h4>Modern Design</h4>
                        <p>Lorem Ipsum is simply dummy text of theng industry.</p>
                    </div>
                </li>
                <li><em class="fa fa-code"></em>
                    <div class="text-right">
                        <h4>Clean Code</h4>
                        <p>Lorem Ipsum is simply dummy text of theng industry.</p>
                    </div>
                </li>
                <li><em class="fa fa-refresh"></em>
                    <div class="text-right">
                        <h4>Cross Browser</h4>
                        <p>Lorem Ipsum is simply dummy text of theng industry.</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-12  text-center">
<img class="img-responsive" title="Service Mobile" 
src="images/themeparrot/iphone5_white.png" alt="Mobile" />
        </div>
        <div class="col-md-4 col-sm-3 col-xs-12">
            <ul class="left">
                <li><em class="fa fa-support"></em>
                    <div class="text-left">
                        <h4>24/7 Support</h4>
                        <p>Lorem Ipsum is simply dummy text of theng industry.</p>
                    </div>
                </li>
                <li><em class="fa fa-html5"></em>
                    <div class="text-left">
                        <h4>Html5</h4>
                        <p>Lorem Ipsum is simply dummy text of theng industry.</p>
                    </div>
                </li>
                <li><em class="fa fa-css3"></em>
                    <div class="text-left">
                        <h4>CSS3</h4>
                        <p>Lorem Ipsum is simply dummy text of theng industry.</p>
                    </div>
                </li>
                <li><em class="fa fa-film"></em>
                    <div class="text-left">
                        <h4>Multimedia</h4>
                        <p>Lorem Ipsum is simply dummy text of theng industry.</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
```

#### Step-3:

Once the module is created successfully SAVE & CLOSE the settings.