<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 rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="widget no-padding blank">
<div class="timeline-sec">
<ul>
<li>
<div class="timeline">
<div class="user-timeline">
<span><img src="http://www.foreclosure-support.com/images/johnny-depp.jpg" alt=""></span>
</div>
<div class="timeline-detail">
<div class="timeline-head">
<h3>Mohsin Irshad<span><i class="fa fa-clock-o"></i> 2 min ago</span><i class="red">Admin</i></h3>
</div>
<div class="timeline-content">
<p>Set it as the font <a href="#" title="">John Doe</a> in your applition, and copy and paste the icons. Print this page.</p>
<div class="progress w-tooltip">
<div style="width: 70%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar" class="purple progress-bar">
<span><i>uploading</i>70%</span>
</div>
</div>
<div data-toggle="buttons" class="btn-group btn-group-sm">
<label class="btn btn-default">
<input type="radio" checked="" name="options"><i class="fa fa-comments"></i> Reply
</label>
<label class="btn btn-default">
<input type="radio" name="options"> <i class="fa fa-thumbs-o-up"></i> Like
</label>
</div>
