Service page intro

68.Service page intro

Module position: tp-intro

Module class suffix: tp-title-center tp-home-intro tp-feature-2 container

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 html code in you Custom html module

<div class="col-lg-12 col-md-12">
    <h3 class="module-title "><span class="title-left">We have different</span>
<span class="title-right"> services</span> to help your business</h3>
    <p class="title-dec-gray tp-sub-text">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>
<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

Last updated