Example 01
50+
Personal Trainers
980+
Happy Customers
90+
Branch
<div class="bg-dark p-4">
<div class="row mt-n1-9">
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="counter-style-01">
<div class="counter-icon text-secondary">
<img src="img/icon/icon-16.png" class="w-65px" alt="...">
</div>
<h2 class="text-secondary display-8"><span class="countup">50</span>+</h2>
<p class="text-white font-weight-700 display-28 mb-0">Personal Trainers</p>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="counter-style-01">
<div class="counter-icon text-secondary">
<img src="img/icon/icon-19.png" class="w-65px" alt="...">
</div>
<h2 class="text-secondary display-8"><span class="countup">980</span>+</h2>
<p class="text-white font-weight-700 display-28 mb-0">Happy Students</p>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="counter-style-01">
<div class="counter-icon text-secondary">
<img src="img/icon/icon-18.png" class="w-65px" alt="...">
</div>
<h2 class="text-secondary display-8"><span class="countup">90</span>+</h2>
<p class="text-white font-weight-700 display-28 mb-0">Satisfaction</p>
</div>
</div>
</div>
</div>
Example 02
50+
Personal Trainers
980+
Happy Customers
90+
Satisfaction
42+
Weekly Classes
<div class="bg-light border-radius-10 p-4">
<div class="row mt-n1-9">
<div class="col-sm-6 col-lg-3 mt-1-9">
<div class="counter-style-02 border-lg-end text-center">
<div class="counter-icon text-secondary">
<img src="img/icon/icon-16.png" class="w-65px" alt="...">
</div>
<h2 class="text-secondary display-8"><span class="countup">50</span>+</h2>
<p class="font-weight-700 display-28 mb-0">Personal Trainers</p>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<div class="counter-style-02 border-lg-end text-center">
<div class="counter-icon text-secondary">
<img src="img/icon/icon-19.png" class="w-65px" alt="...">
</div>
<h2 class="text-secondary display-8"><span class="countup">980</span>+</h2>
<p class="font-weight-700 display-28 mb-0">Happy Customers</p>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<div class="counter-style-02 border-lg-end text-center">
<div class="counter-icon text-secondary">
<img src="img/icon/icon-18.png" class="w-65px" alt="...">
</div>
<h2 class="text-secondary display-8"><span class="countup">90</span>+</h2>
<p class="font-weight-700 display-28 mb-0">Satisfaction</p>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<div class="counter-style-02 border-0 text-center">
<div class="counter-icon text-secondary">
<img src="img/icon/icon-17.png" class="w-65px" alt="...">
</div>
<h2 class="text-secondary display-8"><span class="countup">42</span>+</h2>
<p class="font-weight-700 display-28 mb-0">Weekly Classes</p>
</div>
</div>
</div>
</div>