Home
Framework
Theme
All
561
Forms
12
Charts
21
Navbars
38
Sidebars
26
Typography
41
Components
51
Tables
34
Cards
63
Cards Section
37
Testimonials
13
Teams Section
11
Faq
4
Headers
36
Blogs
11
Contacts Section
9
Profiles Section
13
Charts Section
7
Tables Section
15
Contents
13
Projects Section
14
Stats
7
Logo Areas
6
Authentication
10
Contact Us
5
Features
19
Pricing
7
Teams
9
Call To Actions
13
Http Codes
2


Stats - All Examples
Discover 7 Stats examples available in Loopple
Stats 2
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>
Stats 1

<section class="py-5 draggable">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-md-3">
<h1 class="text-gradient text-primary">323</h1>
<h5 class="mt-3">Projects</h5>
<p>Of “high-performing” level are led by a certified project manager</p>
</div>
<div class="col-md-3">
<h1 class="text-gradient text-primary">500+</h1>
<h5 class="mt-3">Hours</h5>
<p>That meets quality standards required by our users</p>
</div>
<div class="col-md-3">
<h1 class="text-gradient text-primary">24/7</h1>
<h5 class="mt-3">Support</h5>
<p>Actively engage team members that finishes on time</p>
</div>
</div>
</div>
</section>
<section class="py-5 draggable">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-md-3">
<h1 class="text-gradient text-primary">323</h1>
<h5 class="mt-3">Projects</h5>
<p>Of “high-performing” level are led by a certified project manager</p>
</div>
<div class="col-md-3">
<h1 class="text-gradient text-primary">500+</h1>
<h5 class="mt-3">Hours</h5>
<p>That meets quality standards required by our users</p>
</div>
<div class="col-md-3">
<h1 class="text-gradient text-primary">24/7</h1>
<h5 class="mt-3">Support</h5>
<p>Actively engage team members that finishes on time</p>
</div>
</div>
</div>
</section>