Basic Example
50+
Qualified Astrologers
120+
Success Horoscope
60+
Type Of Horoscopes
4k
Happy Clients
<div class="row mt-n1-9">
<div class="col-sm-6 col-lg-3 mt-1-9">
<div class="text-center">
<h4 class="h1 text-secondary"><span class="countup">50</span>+</h4>
<h6 class="mb-0 font-weight-600">Qualified Astrologers</h6>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<div class="text-center">
<h4 class="h1 text-secondary"><span class="countup">120</span>+</h4>
<h6 class="mb-0 font-weight-600">Success Horoscope</h6>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<div class="text-center">
<h4 class="h1 text-secondary"><span class="countup">60</span>+</h4>
<h6 class="mb-0 font-weight-600">Type Of Horoscopes</h6>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<div class="text-center">
<h4 class="h1 text-secondary"><span class="countup">4</span>k</h4>
<h6 class="mb-0 font-weight-600">Happy Clients</h6>
</div>
</div>
</div>
Basic Example 2
50+
Qualified Astrologers
120+
Success Horoscope
60+
Type Of Horoscopes
4k
Happy Clients
<div class="row mt-n5">
<div class="col-sm-6 col-xl-3 mt-5">
<div class="count-box text-center">
<div class="position-relative mb-1-9">
<img src="img/content/counter-bg.png" alt="...">
<div class="count-no">
<h3 class="text-primary mb-0"><span class="countup">50</span>+</h3>
</div>
</div>
<h6 class="h5 mb-0">Qualified Astrologers</h6>
</div>
</div>
<div class="col-sm-6 col-xl-3 mt-5">
<div class="count-box text-center">
<div class="position-relative mb-1-9">
<img src="img/content/counter-bg.png" alt="...">
<div class="count-no">
<h3 class="text-primary mb-0"><span class="countup">120</span>+</h3>
</div>
</div>
<h6 class="h5 mb-0">Success Horoscope</h6>
</div>
</div>
<div class="col-sm-6 col-xl-3 mt-5">
<div class="count-box text-center">
<div class="position-relative mb-1-9">
<img src="img/content/counter-bg.png" alt="...">
<div class="count-no">
<h3 class="text-primary mb-0"><span class="countup">60</span>+</h3>
</div>
</div>
<h6 class="h5 mb-0">Type Of Horoscopes</h6>
</div>
</div>
<div class="col-sm-6 col-xl-3 mt-5">
<div class="count-box text-center">
<div class="position-relative mb-1-9">
<img src="img/content/counter-bg.png" alt="...">
<div class="count-no">
<h3 class="text-primary mb-0"><span class="countup">4</span>k</h3>
</div>
</div>
<h6 class="h5 mb-0">Happy Clients</h6>
</div>
</div>
</div>
Basic Example 3
50+
Qualified Astrologers
120+
Success Horoscope
60+
Type Of Horoscopes
4k
Happy Clients
<div class="bg-primary p-5 text-center">
<div class="row mt-n1-9">
<div class="col-sm-6 col-lg-3 mt-1-9">
<div>
<h3 class="text-white h1"><span class="countup">50</span>+</h3>
<h6 class="text-white mb-0">Qualified Astrologers</h6>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<div>
<h3 class="text-white h1"><span class="countup">120</span>+</h3>
<h6 class="text-white mb-0">Success Horoscope</h6>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<div>
<h3 class="text-white h1"><span class="countup">60</span>+</h3>
<h6 class="text-white mb-0">Type Of Horoscopes</h6>
</div>
</div>
<div class="col-sm-6 col-lg-3 mt-1-9">
<div>
<h3 class="text-white h1"><span class="countup">4</span>k</h3>
<h6 class="text-white mb-0">Happy Clients</h6>
</div>
</div>
</div>
</div>