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

Copy link