<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>
<div id="space"></div>
<div class="container">
<section class="row">
<article class="col-sm-3 col-md-3 col-lg-3">
<div class="profile">
<img src="http://placehold.it/150x150" alt="..." class="img-circle">
<p>Oscar Gonzalez</p>
<p>example@bootsnipp.com</p>
</div>
<ul class="list-group">
<li class="list-group-item active">Resume</li>
<li class="list-group-item">Orders</li>
<li class="list-group-item">Edit address</li>
<li class="list-group-item">Change password</li>
<li class="list-group-item">Support</li>
<li class="list-group-item">Delete account</li>
</ul>
</article>
</section>
</div>
