Home 5 intro module

35. Home 5 intro module

Module position: tp-app-intro

Module class suffix: arrow-down-white

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

<div class="t3-sl">
    <div class="col-md-6">
        <h3 class="module-title "><span class="title-left">Why choose </span>
<span class="title-right"> Runway App</span>
        </h3>
        <p class="tp-sub-text">Supports All mobile applications</p>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.

 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
 unknown printer took a galley of type and scrambled</p>
        <div class="btn-block"><a href="#" class="btn btn-primary btn-lg" 
style="margin-right: 10px;">take a tour</a><a href="#" class="btn btn-white btn-lg"> 
Features <span class="fa fa-hand-o-right"></span> </a>
        </div>
    </div>
    <div class="col-md-6">
        <div class="carousel-box">
            <div id="myCarousel" class="carousel slide">
                <div class="carousel-inner">
                    <div class="item"><img src="images/themeparrot/h1.jpg" alt="h1" />
                    </div>
                    <div class="item"><img src="images/themeparrot/h2.jpg" alt="h2" />
                    </div>
                    <div class="item active">
<img src="images/themeparrot/h3.jpg" alt="h3" />
                    </div>
                </div><a href="#myCarousel" class="left carousel-control"
 data-slide="prev"><em class="fa fa-angle-left"></em></a>
<a href="#myCarousel" class="right carousel-control" data-slide="next">
<em class="fa fa-angle-right"></em></a>
            </div>
        </div>
    </div>
</div>

Step-3:

Once the module is created SAVE & CLOSE The settings .