<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8 col-lg-offset-3 col-lg-6">
<div class="well profile">
<div class="col-sm-12">
<div class="col-xs-12 col-sm-8">
<h2>jimspencer7</h2>
<h4>Jim Spencer</h4>
<p><strong>Bio : </strong> Web Designer. this is the bio ..... this is the bio ..... this is the bio ..... this is the bio ..... this is the bio ..... this is the bio ..... this is the bio .... </p>
<p style="margin-top:10px;margin-bottom:10px"><strong>Site: </strong><a href="http://www.jaredco.com">http://www.jaredco.com</a> </p>
</div>
<div class="col-xs-12 col-sm-4 text-center">
<figure>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTCDSF0HoaraKpFp0hwiYbZwF_1Ns3s3F8ttX3ySSZ7TlUGefrOEw" alt="" class="img-circle img-responsive">
</figure>
</div>
</div>
<div class="col-xs-12 divider text-center">
<div class="col-xs-12 col-sm-4 emphasis">
<h2><strong> 80</strong></h2>
<p><small>Keeps</small></p>
</div>
<div class="col-xs-12 col-sm-4 emphasis">
<h2><strong>245</strong></h2>
<p><small>Following</small></p>
</div>
<div class="col-xs-12 col-sm-4 emphasis">
<h2><strong>43</strong></h2>
<p><small>Followers</small></p>
</div>
</div>
<div class="col-xs-12 divider text-center">
<button style="margin-top:30px" class="btn btn-success btn-block"><span class="fa fa-plus-circle"></span> Follow </button>
</div>
</div>
</div>
</div>
</div>
