> 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-static-module.md).

# Home-3 static Module

### 25. Home-3 static Module

> Module position: slideshow
>
> Module suffix: tp-bg-fixed

![](/files/MirxXWYDFWgOcB7MPM4k)

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

#### Step-2

![](/files/xcTnzO1EC0mqGxqXo03J)

Add the below code in your custom html module

```html
<div class="landing-page parallax">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="center-title-wrapper">
                    <h1 class=" tp30 client color-white font-alt fw800">Publish
 your app with Quality Presentation</h1>
                    <h4 class=" tp30 client color-white">
<span>Most Sleek App Design showcase your Application</span>
                    </h4><br /><a href="#" class="btn btn-white-alt">
<em class="icon-picons-download-2"></em> Download Apps</a>
<a href="#" class="btn btn-white-alt">
<em class="icon-picons-cart-2"></em> Purchase Now</a>
                </div>
            </div>
        </div>
        <div class="sep60 clearfix"> </div>
        <div class="col-sm-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 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 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-sm-4">
<img class="center-block" style="width: 100%;" 
src="images/themeparrot/slideshow/mob-app.png" alt="mob app" />
        </div>
        <div class="col-sm-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 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 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>
</div>
```

#### Step-3

![](/files/p6W2wX6GJlyBR4yOTLRA)

#### Step-4

![](/files/V9gF1cggw2UWMF9bGQW0)