<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<div class="container bootstrap snippet">
<div class="row">
<div class="col-lg-2 col-sm-6">
<div class="circle-tile ">
<a href="#"><div class="circle-tile-heading dark-blue"><i class="fa fa-users fa-fw fa-3x"></i></div></a>
<div class="circle-tile-content dark-blue">
<div class="circle-tile-description text-faded"> Users</div>
<div class="circle-tile-number text-faded ">265</div>
<a class="circle-tile-footer" href="#">More Info<i class="fa fa-chevron-circle-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile ">
<a href="#"><div class="circle-tile-heading red"><i class="fa fa-users fa-fw fa-3x"></i></div></a>
<div class="circle-tile-content red">
<div class="circle-tile-description text-faded"> Users Online </div>
<div class="circle-tile-number text-faded ">10</div>
<a class="circle-tile-footer" href="#">More Info<i class="fa fa-chevron-circle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>