Home-3 Number count Module

31. Home-3 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