Home-5 Number count Module

42. Home-5 Number count Module

Module position: Parallax

Module suffix: tp-parallax

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="container parallax process">
    <div class="pad-container text-center">
        <div class="center-title-wrapper">
            <h3 class="title-center b-mgr20">Some of our Facts</h3>
        </div>
        <div class="thin">
            <p class="text-center">Consectetur adipiscing elit.
 Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
 ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Praesent 
commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        </div>
        <div class="sep30"> </div>
        <div class="container">
            <div class="col-md-3 col-sm-3 f-element hideme dontHide">
                <div><em class="icon-users-1"></em>
                </div><span class="milestone-count highlight tp-counter">2400</span>
                <div class="milestone-details">HAPPY CUSTOMERS</div>
            </div>
            <div class="col-md-3 col-sm-3 f-element hideme dontHide">
                <div><em class="icon-trophy"></em>
                </div><span class="milestone-count highlight tp-counter">80</span>
                <div class="milestone-details">Projects Completed</div>
            </div>
            <div class="col-md-3 col-sm-3 f-element hideme dontHide">
                <div><em class="icon-cup"></em>
                </div><span class="milestone-count highlight tp-counter">150</span>
                <div class="milestone-details">Cup of Coffee</div>
            </div>
            <div class="col-md-3 col-sm-3 f-element hideme dontHide">
                <div><em class="icon-twitter"></em>
                </div><span class="milestone-count highlight tp-counter">99</span>
                <div class="milestone-details">Tweets</div>
            </div>
            <div class="sep30"> </div>
        </div>
    </div>
    <!-- /.container -->
</div>

Step-3

Step-4

Last updated