

Tailwind Stats - Motion Landing Library
Discover 6 Tailwind Stats available in Motion Landing Library
Stats 1

<div class="w-full draggable">
<div class="container flex flex-col items-center gap-16 mx-auto my-32">
<div class="grid w-full grid-cols-1 lg:grid-cols-4 md:grid-cols-2 gap-y-8">
<div class="flex flex-col items-center">
<h3 class="text-5xl font-extrabold leading-tight text-center text-dark-grey-900"><span id="countto1" countTo="250"></span>+</h3>
<p class="text-base font-medium leading-7 text-center text-dark-grey-600">Successful Projects</p>
</div>
<div class="flex flex-col items-center">
<h3 class="text-5xl font-extrabold leading-tight text-center text-dark-grey-900">$<span id="countto2" countTo="12"></span>m</h3>
<p class="text-base font-medium leading-7 text-center text-dark-grey-600">Annual Revenue Growth</p>
</div>
<div class="flex flex-col items-center">
<h3 class="text-5xl font-extrabold leading-tight text-center text-dark-grey-900"><span id="countto3" countTo="2600" data-decimal="1"></span>k+</h3>
<p class="text-base font-medium leading-7 text-center text-dark-grey-600">Global Partners</p>
</div>
<div class="flex flex-col items-center">
<h3 class="text-5xl font-extrabold leading-tight text-center text-dark-grey-900"><span id="countto4" countTo="18000"></span>+</h3>
<p class="text-base font-medium leading-7 text-center text-dark-grey-600">Daily Website Visitors</p>
</div>
</div>
</div>
</div>
<div class="w-full draggable">
<div class="container flex flex-col items-center gap-16 mx-auto my-32">
<div class="grid w-full grid-cols-1 lg:grid-cols-4 md:grid-cols-2 gap-y-8">
<div class="flex flex-col items-center">
<h3 class="text-5xl font-extrabold leading-tight text-center text-dark-grey-900"><span id="countto1" countTo="250"></span>+</h3>
<p class="text-base font-medium leading-7 text-center text-dark-grey-600">Successful Projects</p>
</div>
<div class="flex flex-col items-center">
<h3 class="text-5xl font-extrabold leading-tight text-center text-dark-grey-900">$<span id="countto2" countTo="12"></span>m</h3>
<p class="text-base font-medium leading-7 text-center text-dark-grey-600">Annual Revenue Growth</p>
</div>
<div class="flex flex-col items-center">
<h3 class="text-5xl font-extrabold leading-tight text-center text-dark-grey-900"><span id="countto3" countTo="2600" data-decimal="1"></span>k+</h3>
<p class="text-base font-medium leading-7 text-center text-dark-grey-600">Global Partners</p>
</div>
<div class="flex flex-col items-center">
<h3 class="text-5xl font-extrabold leading-tight text-center text-dark-grey-900"><span id="countto4" countTo="18000"></span>+</h3>
<p class="text-base font-medium leading-7 text-center text-dark-grey-600">Daily Website Visitors</p>
</div>
</div>
</div>
</div>