<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css" rel="stylesheet" media="screen">
<div class="container">
<div class="row user-menu-container square">
<div class="col-md-7 user-details">
<div class="row coralbg white">
<div class="col-md-6 no-pad">
<div class="user-pad">
<h3>Welcome back, Jessica</h3>
<h4 class="white"><i class="fa fa-check-circle-o"></i> San Antonio, TX</h4>
<h4 class="white"><i class="fa fa-twitter"></i> CoolesOCool</h4>
<button type="button" class="btn btn-labeled btn-info" href="#">
<span class="btn-label"><i class="fa fa-pencil"></i></span>Update</button>
</div>
</div>
<div class="col-md-6 no-pad">
<div class="user-image">
<img src="https://farm7.staticflickr.com/6163/6195546981_200e87ddaf_b.jpg" class="img-responsive thumbnail">
</div>
</div>
</div>
<div class="row overview">
<div class="col-md-4 user-pad text-center">
<h3>FOLLOWERS</h3>
<h4>2,784</h4>
</div>
<div class="col-md-4 user-pad text-center">
<h3>FOLLOWING</h3>
<h4>456</h4>
</div>
<div class="col-md-4 user-pad text-center">
<h3>APPRECIATIONS</h3>
<h4>4,901</h4>