Home 3 Intro module

21. Home 3 Intro module

Module position: tp-intro

Module class suffix: tp-feature-2

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 custom html module

Step-2:

Add the following code in you custom html module

<div class="center-title-wrapper text-center">
    <h3 class="module-title "><span class="title-left">What we </span>
<span class="title-right"> Offer</span>
    </h3>
    <p class="tp-sub-text">If you want to take it to the next level, you came to the 
right place.</p>
</div>
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-diamond2"></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>
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-params"></em>
        <div class="content">
            <h3>easy to customize</h3>
            <p>Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim
 sodales fermentum.</p>
        </div>
    </div>
</div>
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-heart2"></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>
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-line-flag"></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-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-line-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>
<div class="col-md-4 col-sm-6">
    <div class="services-box-3"><em class="icon-chat-3"></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>

Step-3:

Once the module is created successfully SAVE & CLOSE the settings.