JSFiddle - React, Tailwind, and code Playground

by Oleh Aloshkin

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="content-section-d">

  <div class="container">
    <div class="row centered-text">
      <div class="col-md-4 col-xs-12">
        <h3>4,000,000+</h3>
      </div>
      <div class="col-md-4 col-xs-12">
        <h3>1,500,000+</h3>
      </div>
      <div class="col-md-4 col-xs-12">
        <h3>150,000+</h3>
      </div>
    </div>
    <div class="row centered-text">
      <div class="col-md-4 col-xs-12">
        <h3>68,000+</h3>
      </div>
      <div class="col-md-4 col-xs-12">
        <h3>2,000+</h3>
      </div>
      <div class="col-md-4 col-xs-12">
        <h3>3 years</h3>
      </div>
    </div>
    <div class="col-lg-12 text-center">
      <button href="https://www.apple.com" target="_blank" class="btn btn-primary btn-lg"><span>Register for a Free Account</span></button>
    </div>

  </div>
  <!-- /.container -->
</div>
<!-- /.content-section-d -->

CSS

/* CSS used here will be applied after bootstrap.css */

.content-section-d {
  padding: 50px 0 0 0;
}

.centered-text {
  text-align: center
}


/* Buttons */

.btn,
.btn:link,
.btn:visited {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  padding: 15px 40px;
  background-color: #db4632;
  font-size: 20px;
  letter-spacing: 0;
  text-transform: uppercase;
  border-color: #db4632;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.btn:active,
.btn:hover {
  background-color: #db4632;
}

@media(max-width: 1200px) {
  .btn span {
    display: block;
    max-width: 200px;
    white-space: normal;
  }
}