<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>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading"><strong><a class="post-title" href="#">Post Title</a></strong></div>
<div class="panel-body">
<div class="col-md-6">
<a href="#" class="thumbnail"><img src="http://placehold.it/260x180" alt=""></a>
</div>
<p>Lorem ipsum dolor sit amet, id nec conceptam conclusionemque. Et eam tation option. Utinam salutatus ex eum. Ne mea dicit tibique facilisi, ea mei omittam explicari conclusionemque ad nobis propriae quaerendum sea. sum dolor sit amet, id nec conceptam conclusionemque.sum dolor sit amet.
</p>
</div>
<div class="panel-footer">
<span class="glyphicon glyphicon-user" id="start"></span> <label id="started">By</label> <a href="#" id="startedby">Admin</a> |
<span class="glyphicon glyphicon-eye-open" id="visit"></span> <a href="#" id="visited">Visited</a> |
<span class="glyphicon glyphicon-comment" id="comment"></span> <a href="#" id="comments">Comments</a> |
<a href="#"><span class="label label-info">Tutorials</span></a>
</div>
</div>
</div>
</div>
</div>
