Style 01
24k
Satisfied Customers
43+
Professional Worker
56+
Wining Awards
10+
Countries Covered
<div class="row text-center mt-n1-9">
<div class="col-sm-6 col-lg-3 mt-1-9">
<h3 class="h1 font-weight-800 text-secondary"><span class="countup">24</span>k</h3>
<p class="mb-0">Satisfied Customers</p>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<h3 class="h1 font-weight-800 text-secondary"><span class="countup">43</span>+</h3>
<p class="mb-0">Professional Worker</p>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<h3 class="h1 font-weight-800 text-secondary"><span class="countup">56</span>+</h3>
<p class="mb-0">Wining Awards</p>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<h3 class="h1 font-weight-800 text-secondary"><span class="countup">10</span>+</h3>
<p class="mb-0">Countries Covered</p>
</div>
</div>
Style 02
24K
Satisfied Customers
43+
Professional Worker
56+
Wining Awards
<div class="counter-style02">
<div class="row mt-n5">
<div class="col-sm-6 col-lg-4 mt-5 wow fadeIn" data-wow-delay="200ms">
<div class="counter-box position-relative">
<div class="d-flex align-items-center position-relative z-index-9 justify-content-center justify-content-sm-center">
<div class="me-2 me-xl-4">
<h4 class="mb-0 text-start display-5 display-xxl-3 font-weight-800 text-secondary"><span class="countup">24</span>K</h4>
</div>
<div>
<h6 class="mb-0 text-start display-27 display-xl-25">Satisfied Customers</h6>
</div>
</div>
<strong>24K</strong>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-5 wow fadeIn" data-wow-delay="400ms">
<div class="counter-box position-relative">
<div class="d-flex align-items-center position-relative z-index-9 justify-content-center justify-content-sm-center">
<div class="me-2 me-xl-4">
<h4 class="mb-0 text-start display-5 display-xxl-3 font-weight-800 text-secondary"><span class="countup">43</span>+</h4>
</div>
<div>
<h6 class="mb-0 text-start display-27 display-xl-25">Professional Worker</h6>
</div>
</div>
<strong>43+</strong>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-5 wow fadeIn" data-wow-delay="600ms">
<div class="counter-box position-relative">
<div class="d-flex align-items-center position-relative z-index-9 justify-content-center justify-content-sm-center">
<div class="me-2 me-xl-4">
<h4 class="mb-0 text-start display-5 display-xxl-3 font-weight-800 text-secondary"><span class="countup">56</span>+</h4>
</div>
<div>
<h6 class="mb-0 text-start display-27 display-xl-25">Wining Awards</h6>
</div>
</div>
<strong>56+</strong>
</div>
</div>
</div>
</div>
Style 03
24K
Satisfied Customers
43+
Professional Worker
56+
Wining Awards
<div class="bg-primary py-6 py-xl-10 px-1-9 px-xl-6 position-relative z-index-9">
<div class="row mt-n2-6">
<div class="col-sm-6 col-lg-4 mt-2-6 wow fadeIn" data-wow-delay="200ms">
<div class="d-flex">
<div class="flex-shrink-0 pe-4">
<img src="img/icons/icon-04.png" alt="...">
</div>
<div class="flex-grow-1">
<h4 class="display-16 display-md-12 lh-1 text-white"><span>24</span>K</h4>
<h6 class="mb-0 text-white">Satisfied Customers</h6>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-2-6 wow fadeIn" data-wow-delay="400ms">
<div class="d-flex">
<div class="flex-shrink-0 pe-4">
<img src="img/icons/icon-05.png" alt="...">
</div>
<div class="flex-grow-1">
<h4 class="display-16 display-md-12 lh-1 text-white"><span>43</span>+</h4>
<h6 class="mb-0 text-white">Professional Worker</h6>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-2-6 wow fadeIn" data-wow-delay="600ms">
<div class="d-flex">
<div class="flex-shrink-0 pe-4">
<img src="img/icons/icon-06.png" alt="...">
</div>
<div class="flex-grow-1">
<h4 class="display-16 display-md-12 lh-1 text-white"><span>56</span>+</h4>
<h6 class="mb-0 text-white">Wining Awards</h6>
</div>
</div>
</div>
</div>
</div>