Basic Example 1

85+
Qualified Scientist

5270+
Happy Clients

30+
Years Experience
<div class="bg-secondary count-01 position-relative border-radius-5 p-1-6 p-md-5">
<div class="row position-relative z-index-9 mt-n1-9">
<div class="col-sm-6 col-xl-4 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="img/icons/icon-08.png" alt="...">
</div>
<div class="flex-grow-1 ps-4">
<h3 class="h2 text-white"><span class="countup">85</span>+</h3>
<h5 class="text-white mb-0">Qualified Scientist</h5>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="img/icons/icon-09.png" alt="...">
</div>
<div class="flex-grow-1 ps-4">
<h3 class="h2 text-white"><span class="countup">5270</span>+</h3>
<h5 class="text-white mb-0">Happy Clients</h5>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="img/icons/icon-10.png" alt="...">
</div>
<div class="flex-grow-1 ps-4">
<h3 class="h2 text-white"><span class="countup">30</span>+</h3>
<h5 class="text-white mb-0">Years Experience</h5>
</div>
</div>
</div>
</div>
</div>
Basic Example 2
85+
Qualified Scientist
5270+
Happy Clients
30+
Years Experience
<div class="row mt-n4">
<div class="col-sm-6 col-md-4 mt-4">
<div class="d-flex justify-content-md-center">
<h3 class="mb-0 display-5 font-weight-300 lh-1"><span class="countup">85</span>+</h3>
<h5 class="mb-0 ps-4 display-29 display-sm-25">Qualified </br> Scientist</h5>
</div>
</div>
<div class="col-sm-6 col-md-4 mt-4">
<div class="d-flex justify-content-md-center">
<h3 class="mb-0 display-5 font-weight-300 lh-1"><span class="countup">5270</span>+</h3>
<h5 class="mb-0 ps-4 display-29 display-sm-25">Happy </br> Clients</h5>
</div>
</div>
<div class="col-sm-6 col-md-4 mt-4">
<div class="d-flex justify-content-md-center">
<h3 class="mb-0 display-5 font-weight-300 lh-1"><span class="countup">30</span>+</h3>
<h5 class="mb-0 ps-4 display-29 display-sm-25">Years </br> Experience</h5>
</div>
</div>
</div>
Basic Example 3
<div class="bg-img cover-background border-radius-5 p-1-6 p-md-5 primary-overlay" data-overlay-dark="8" data-background="img/bg/bg-04.jpg">
<div class="row mt-n1-9 position-relative z-index-9">
<div class="col-sm-6 col-xl-3 mt-1-9">
<div class="text-center">
<h3 class="h2 text-white"><span class="countup">85</span>+</h3>
<h5 class="text-white mb-0">Qualified Scientist</h5>
</div>
</div>
<div class="col-sm-6 col-xl-3 mt-1-9">
<div class="text-center">
<h3 class="h2 text-white"><span class="countup">5270</span>+</h3>
<h5 class="text-white mb-0">Happy Clients</h5>
</div>
</div>
<div class="col-sm-6 col-xl-3 mt-1-9">
<div class="text-center">
<h3 class="h2 text-white"><span class="countup">30</span>+</h3>
<h5 class="text-white mb-0">Years Experience</h5>
</div>
</div>
<div class="col-sm-6 col-xl-3 mt-1-9">
<div class="text-center">
<h3 class="h2 text-white"><span class="countup">95</span>%</h3>
<h5 class="text-white mb-0">Pathology Services</h5>
</div>
</div>
</div>
</div>