Home 3 Number count
24. Home 3 Number count
Module position: tp-parallax-count
Module class 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:
Step-3:
Add the following html code in you custom html module
<div class="container">
<div class="col-md-3 col-sm-6 col-xs-12 gp-number">
<div class="gp-count"><em class="gp-icon icon-line2-user-follow"></em>
<div id="odometer1" class="odometer odometer-theme-minimal"
data-odometer-value="2805">1</div>
<p>Happy customers</p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 gp-number">
<div class="gp-count"><em class="gp-icon icon-heart2"></em>
<div id="odometer2" class="odometer odometer-theme-minimal"
data-odometer-value="500">1</div>
<p>Projects completed</p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 gp-number">
<div class="gp-count"><em class="gp-icon icon-coffee"></em>
<div id="odometer3" class="odometer odometer-theme-minimal"
data-odometer-value="1502">1</div>
<p>Cup of coffees</p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 gp-number">
<div class="gp-count"><em class="gp-icon icon-line2-cloud-download"></em>
<div id="odometer4" class="odometer odometer-theme-minimal"
data-odometer-value="300">1</div>
<p>Total Downloads</p>
</div>
</div>
</div>Step-4:
Last updated