Home-3 static Module

25. Home-3 static Module

Module position: slideshow

Module suffix: tp-bg-fixed

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

Step-2

Add the below code in your custom html module

<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

Step-4

Last updated