Back to Statistics JS counters Section
Statistics

Stats with Side Image

#stats

Live preview

Source code

html
<div class="container py-5">
  <div class="row g-4 align-items-center">
    <div class="col-md-6"><img src="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop" alt="Team celebrating success" class="img-fluid rounded-4"></div>
    <div class="col-md-6">
      <h2 class="fw-bold">Trusted worldwide</h2>
      <p class="text-muted">Numbers speak louder than words.</p>
      <div class="row g-3">
        <div class="col-6">
          <h1 class="fw-bold text-primary mb-0" data-count="50000">0</h1><small class="text-muted">Downloads</small>
        </div>
        <div class="col-6">
          <h1 class="fw-bold text-primary mb-0" data-count="1200">0</h1><small class="text-muted">Reviews</small>
        </div>
        <div class="col-6">
          <h1 class="fw-bold text-primary mb-0" data-count="98">0</h1><small class="text-muted">% Positive</small>
        </div>
        <div class="col-6">
          <h1 class="fw-bold text-primary mb-0" data-count="20">0</h1><small class="text-muted">Years combined</small>
        </div>
      </div>
    </div>
  </div>
</div>

More designs in this section