Home 1 List Features module

11. Home 1 List Features module

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

If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html Module with the settings below:

Step-1:

Step-2:

Add the following html code in your custom html module

Step-3:

<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>Lorem Ipsum is simply dummy text of the printing and typesetting the 
readable content.</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>Lorem Ipsum is simply dummy text of the printing and typesetting the 
readable content.</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>Lorem Ipsum is simply dummy text of the printing and typesetting the 
readable content.</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>Lorem Ipsum is simply dummy text of the printing and typesetting the 
readable content.</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>Lorem Ipsum is simply dummy text of the printing and typesetting the 
readable content.</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>Lorem Ipsum is simply dummy text of the printing and typesetting 
the readable content.</p>
        </div>
    </div>
</div>

Step-4:

Once the above code is added Save and close the settings