<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>
<!------ Include the above in your HEAD tag ---------->
<div class="row">
<div class="col-lg-12">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object dp img-circle" src="http://www.huffmancode.com/img/hardik.jpg" style="width: 100px;height:100px;">
</a>
<div class="media-body">
<h4 class="media-heading">Phil Brace <small> Cupertino</small></h4>
<h5></a></h5>
<hr style="margin:8px auto">
<h5>Phil Brace is president for the Cloud Systems and Electronics Solutions organizations, with responsibility for the full breadth of enterprise storage systems and services at Seagate such as growth initiatives in cloud computing and solid state technology, optimized to build storage solutions for next-generation workloads and new levels of performance for OEM and cloud customers. </h5>
</div>
</div>
</div>
</div>
