Home-5 feature Module

41. Home-5 feature Module

Module position: Home-3

Module suffix: Not used

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

Step-2

Add the below code in your custom html module

<div class="center-title-wrapper text-center">
    <h3>What We Do</h3>
    <p>If you want to take it to the next level, you came to the right place.</p>
</div>
<p> </p>
<div class="col-md-4">
    <div class="services-box-2"><em class="icon-picons-desktop"></em>
        <div class="content">
            <h3>Responsive &amp; Retina Ready</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">
    <div class="services-box-2"><em class="icon-picons-preferences"></em>
        <div class="content">
            <h3>Fully Customizable</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">
    <div class="services-box-2"><em class="icon-picons-diamond"></em>
        <div class="content">
            <h3>Parallax Effects</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">
    <div class="services-box-2"><em class="icon-picons-umbrella"></em>
        <div class="content">
            <h3>High Quality</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">
    <div class="services-box-2"><em class="icon-picons-anchor"></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">
    <div class="services-box-2"><em class="icon-picons-open-box"></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">
    <div class="services-box-2"><em class="icon-picons-language"></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">
    <div class="services-box-2"><em class="icon-picons-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">
    <div class="services-box-2"><em class="icon-picons-support-2"></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>
<div class="text-center"><a href="#" class="btn btn-white brd">
See more of our features</a>
</div>

Step-3

Last updated