Counters

<div class="container">
  <!-- .counters-sm -->
  <div class="row m-t-30">
    <div class="counters counters-sm">
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">21190</h2>
        <p>Happy Customers</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">3374</h2>
        <p>Modern Websites</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">935</h2>
        <p>Winning Awards</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">15427</h2>
        <p>Awesome Designs</p>
      </div>
    </div>
  </div><!-- /.row -->

  <!-- .counters-md -->
  <div class="row m-t-30">
    <div class="counters counters-md">
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">21190</h2>
        <p>Happy Customers</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">3374</h2>
        <p>Modern Websites</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">935</h2>
        <p>Winning Awards</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">15427</h2>
        <p>Awesome Designs</p>
      </div>
    </div>
  </div><!-- /.row -->

  <!-- .counters-lg -->
  <div class="row m-t-30">
    <div class="counters counters-lg">
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">21190</h2>
        <p>Happy Customers</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">3374</h2>
        <p>Modern Websites</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">935</h2>
        <p>Winning Awards</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <h2 class="counter">15427</h2>
        <p>Awesome Designs</p>
      </div>
    </div>
  </div><!-- /.row -->
</div><!-- /.container -->

<div class="container">
  <div class="row m-t-30">
    <div class="counters counters-sm">
      <div class="col-md-3 col-sm-3 col-xs-12">
        <i class="icon-happy"></i>
        <h2 class="counter">190</h2>
        <p>Happy Customers</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <i class="icon-browser"></i>
        <h2 class="counter">374</h2>
        <p>Modern Websites</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <i class="icon-trophy"></i>
        <h2 class="counter">935</h2>
        <p>Winning Awards</p>
      </div>
      <div class="col-md-3 col-sm-3 col-xs-12">
        <i class="icon-mobile"></i>
        <h2 class="counter">827</h2>
        <p>Awesome Apps</p>
      </div>
    </div>
  </div><!-- /.row -->
</div><!-- /.container -->

<section>
  <div class="jarallax p-50">
    <img class="jarallax-img" src="assets/images/demo-img/gnx-bg.jpg" alt="Image">
    <div class="overlay custom--blue"></div>
    <div class="container-fluid">
      <div class="row counters counters-sm text-white">
        <div class="col-sm-3 col-xs-6">
          <i class="icon-happy icon-lg"></i>
          <p>Happy Clients</p>
          <h2 class="counter">18869</h2>
        </div>
        <div class="col-sm-3 col-xs-6">
          <i class="icon-layers icon-lg"></i>
          <p>Projects Completed</p>
          <h2 class="counter">3374</h2>
        </div>
        <div class="col-sm-3 col-xs-6">
          <i class="icon-trophy icon-lg"></i>
          <p>Designing Awards</p>
          <h2 class="counter">378</h2>
        </div>
        <div class="col-sm-3 col-xs-6">
          <i class="icon-mobile icon-lg"></i>
          <p>Awesome Apps</p>
          <h2 class="counter">1637</h2>
        </div>
      </div><!-- /.row -->
    </div><!-- /.container -->
  </div><!-- /.jarallax -->
</section>

<section>
  <div class="download-counter jarallax">
    <img class="jarallax-img" src="assets/images/demo-img/gnx-bg.jpg" alt="Image">
    <div class="overlay dark--7"></div>
    <div class="container-fluid">
      <div class="row counters counters-lg text-white">
        <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 p-b-20 text-center">
          <h2 class="statistic-counter m-b-0">24368</h2>
          <h3 class="text-uppercase f-s-30 f-w-400 m-t-0"><span>App Downloads</span></h3>
          <hr class="hr-small hr-color">
          <p>Now Avaiable on App Store &amp; Google Play Store !</p>
          <ul class="download-icons m-t-20">
            <li><a href="#"><i class="fa fa-apple" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-android" aria-hidden="true"></i></a></li>
            <li><a href="#"><i class="fa fa-windows" aria-hidden="true"></i></a></li>
          </ul>
        </div>
      </div><!-- /.row -->
    </div><!-- /.container -->
  </div><!-- /.jarallax -->
</section>

<section>
  <div class="container">
    <div class="row text-white">
      <div class="counters counters-sm">
        <div class="col-md-3 col-sm-3 col-xs-12">
          <div class="box-border bg-primary">
            <i class="icon-happy"></i>
            <h2 class="counter">190</h2>
            <p>Happy Customers</p>
          </div>
        </div>
        <div class="col-md-3 col-sm-3 col-xs-12">
          <div class="box-border bg-success">
            <i class="icon-browser"></i>
            <h2 class="counter">374</h2>
            <p>Modern Websites</p>
          </div>
        </div>
        <div class="col-md-3 col-sm-3 col-xs-12">
          <div class="box-border bg-info">
            <i class="icon-trophy"></i>
            <h2 class="counter">935</h2>
            <p>Winning Awards</p>
          </div>
        </div>
        <div class="col-md-3 col-sm-3 col-xs-12">
          <div class="box-border bg-danger">
            <i class="icon-mobile"></i>
            <h2 class="counter">1427</h2>
            <p>Awesome Apps</p>
          </div>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>