Counter Style 1
15+
Experience Years
634+
Happy clients
951+
Finished Projects
5k
Skilled Experts
<div class="bg-primary-solid counter-box02 position-relative p-1-9">
<span class="left-shape"></span>
<div class="row mt-n5">
<div class="col-6 col-md-3 mt-5">
<div class="text-center">
<h4 class="text-white h1"><span class="countup">15</span>+</h4>
<p class="mb-0 text-white">Experience Years</p>
</div>
</div>
<div class="col-6 col-md-3 mt-5">
<div class="text-center">
<h4 class="text-white h1"><span class="countup">634</span>+</h4>
<p class="mb-0 text-white">Happy clients</p>
</div>
</div>
<div class="col-6 col-md-3 mt-5">
<div class="text-center">
<h4 class="text-white h1"><span class="countup">951</span>+</h4>
<p class="mb-0 text-white">Finished Projects</p>
</div>
</div>
<div class="col-6 col-md-3 mt-5">
<div class="text-center">
<h4 class="text-white h1"><span class="countup">5</span>k</h4>
<p class="mb-0 text-white">Skilled Experts</p>
</div>
</div>
</div>
</div>
Counter Style 2
1826
Satisfied Visitors
875
Happy Clients
1412
Awards Wining
100
Consultation
<div class="bg-primary p-1-9">
<div class="row mt-n5">
<div class="col-6 col-lg-3 mt-5">
<div class="counter-box01">
<span class="icon mb-1 display-14 d-block text-white text-center"><i class="ti-user"></i></span>
<h4 class="countup text-white d-block text-center mb-0">1826</h4>
<div class="separator-line-horrizontal-medium-light3 bg-white mt-2 mb-1-6 opacity5 mx-auto"></div>
<h6 class="text-white mb-0 text-center">Satisfied Visitors</h6>
</div>
</div>
<div class="col-6 col-lg-3 mt-5">
<div class="counter-box01">
<span class="icon mb-1 display-14 d-block text-white text-center"><i class="ti-face-smile"></i></span>
<h4 class="countup text-white d-block text-center mb-0">875</h4>
<div class="separator-line-horrizontal-medium-light3 bg-white mt-2 mb-1-6 opacity5 mx-auto"></div>
<h6 class="text-white mb-0 text-center">Happy Clients</h6>
</div>
</div>
<div class="col-6 col-lg-3 mt-5">
<div class="counter-box01">
<span class="icon mb-1 display-14 d-block text-white text-center"><i class="ti-cup"></i></span>
<h4 class="countup text-white d-block text-center mb-0">1412</h4>
<div class="separator-line-horrizontal-medium-light3 bg-white mt-2 mb-1-6 opacity5 mx-auto"></div>
<h6 class="text-white mb-0 text-center">Awards Wining</h6>
</div>
</div>
<div class="col-6 col-lg-3 mt-5">
<div class="counter-box01">
<span class="icon mb-1 display-14 d-block text-white text-center"><i class="ti-headphone-alt"></i></span>
<h4 class="countup text-white d-block text-center mb-0">100</h4>
<div class="separator-line-horrizontal-medium-light3 bg-white mt-2 mb-1-6 opacity5 mx-auto"></div>
<h6 class="text-white mb-0 text-center">Consultation</h6>
</div>
</div>
</div>
</div>
Counter Style 3
1M+
Successful projects done
78%
Increased conversion rate
4.9k
Returning Happy customer
<div class="row mt-4">
<div class="col-md-6 col-lg-4 mb-1-9 mb-lg-0">
<div class="media sass-count">
<div class="icon ms-5 ms-sm-0">
<h3 class="text-green mb-0 h1"><span class="countup">1</span>M+</h3>
</div>
<div class="media-body ms-3">
<p class="mb-0 w-lg-80">Successful projects done</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-1-9 mb-lg-0">
<div class="media sass-count yellow">
<div class="icon ms-5 ms-sm-0">
<h3 class="text-yellow mb-0 h1"><span class="countup">78</span>%</h3>
</div>
<div class="media-body ms-3">
<p class="mb-0 w-lg-80">Increased conversion rate</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="media sass-count blue">
<div class="icon ms-5 ms-sm-0">
<h3 class="text-blue mb-0 h1"><span class="countup">4.9</span>k</h3>
</div>
<div class="media-body ms-3">
<p class="mb-0 w-lg-80">Returning Happy customer</p>
</div>
</div>
</div>
</div>