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

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="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.