Home-2 feature Module

21. Home-2 feature Module

Module position: home-2

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="col-sm-8">
    <div class="sep40"> </div>
    <div class="services-box-3 t-mgr20">
        <div class="col-sm-4 col"><em class="icon-picons-diamond"></em>
            <h3>Super Design</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
        <div class="col-sm-4 col"><em class="icon-picons-layers"></em>
            <h3>Clean Code</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
        <div class="col-sm-4 col"><em class="icon-picons-star"></em>
            <h3>Retina Ready</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
        <div class="sep40"> </div>
        <div class="col-sm-4 col"><em class="icon-picons-layers"></em>
            <h3>Premium Slider</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
        <div class="col-sm-4 col"><em class="icon-picons-configuration-2"></em>
            <h3>Easy Customization</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
        <div class="col-sm-4 col"><em class="icon-picons-support"></em>
            <h3>Awesome Support</h3>
            <p>Porta sem malesuada magna mollis euismod raesent commodo.</p>
        </div>
    </div>
</div>
<div class="col-sm-4 t-mgr70">
<img class="img-responsive" 
style="margin: 70px 0px 0px;" src="images/themeparrot/mob_two.png" alt="mob two" />
</div>

Step-3