Counter Style 1
100
Internet
Package
Package
823
Satisfaction
Clients
Clients
250
Available
Channels
Channels
964
Projects
Completed
Completed
<div class="bg-primary counter-style1 p-4 p-lg-5 border-radius-10">
<div class="row mt-n1-9 z-index-1 position-relative">
<div class="col-sm-6 col-lg-3 mt-1-9 wow fadeInUp" data-wow-delay="200ms">
<div class="d-flex">
<div class="flex-shrink-0">
<h3 class="h1 text-white mb-0 countup fw-bolder count">15</h3>
</div>
<div class="flex-grow-1 ms-4">
<span class="text-white">Internet<br>Package</span>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9 wow fadeInUp" data-wow-delay="400ms">
<div class="d-flex">
<div class="flex-shrink-0">
<h3 class="h1 text-white mb-0 countup fw-bolder count">823</h3>
</div>
<div class="flex-grow-1 ms-4">
<span class="text-white">Satisfaction<br>Clients</span>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9 wow fadeInUp" data-wow-delay="600ms">
<div class="d-flex">
<div class="flex-shrink-0">
<h3 class="h1 text-white mb-0 countup fw-bolder count">250</h3>
</div>
<div class="flex-grow-1 ms-4">
<span class="text-white">Available<br>Channels</span>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9 wow fadeInUp" data-wow-delay="800ms">
<div class="d-flex">
<div class="flex-shrink-0">
<h3 class="h1 text-white mb-0 countup fw-bolder count">964</h3>
</div>
<div class="flex-grow-1 ms-4">
<span class="text-white">Projects<br>Completed</span>
</div>
</div>
</div>
</div>
</div>
Counter Style 2
16+
Internet Package25+
City Coverage500+
Projects Completed315+
Available Channels
<div class="bg-primary position-relative p-4 p-lg-5 border-radius-10 counter-style2">
<div class="row mt-n1-9">
<div class="col-sm-6 col-lg-3 mt-1-9 text-center">
<h3 class="text-white"><span class="countup count">16</span>+</h3>
<span class="text-white">Internet Package</span>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9 text-center">
<h3 class="text-white"><span class="countup count">25</span>+</h3>
<span class="text-white">City Coverage</span>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9 text-center">
<h3 class="text-white"><span class="countup count">500</span>+</h3>
<span class="text-white">Projects Completed</span>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9 text-center">
<h3 class="text-white"><span class="countup count">315</span>+</h3>
<span class="text-white">Available Channels</span>
</div>
</div>
</div>