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>

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>

Stats 3

Stats 4

Stats Section With Title And Description

Stats Section With Numbers And Image