"Blog Post List with photo"
Bootstrap 3.2.0 Snippet by danielmdesigns

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ----------> <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css"/> <br> <div class="container"> <div class="well"> <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="https://cdn3.colorlib.com/dazzling/wp-content/uploads/sites/6/2013/03/image-alignment-150x150.jpg"> </a> <div class="media-body"> <h4 class="media-heading">Nibh Condimentum</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.</p> <p class="media-heading"><strong>Dapibus Adipiscing Fermentum,</strong> Vehicula Tr</p> </div> </div> </div> <div class="well"> <div class="media"> <div class="media-body"> <h4 class="media-heading">Nibh Condimentum</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.</p> <p class="media-heading"><strong>Dapibus Adipiscing Fermentum,</strong> Vehicula Tr</p> </div> </div> </div> <div class="well"> <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="https://cdn3.colorlib.com/dazzling/wp-content/uploads/sites/6/2013/03/image-alignment-150x150.jpg"> </a> <div class="media-body"> <h4 class="media-heading">Nibh Condimentum</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.</p> <p class="media-heading"><strong>Dapibus Adipiscing Fermentum,</strong> Vehicula Tr</p> </div> </div> </div> </div> </div>

Related: See More


Questions / Comments: