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
