<!– Page Content –> <div class=“container”>
<div class="row"> <!-- Blog Entries Column --> <div class="col-md-8"> <h1 class="page-header"> Page Heading <small>Secondary Text</small> </h1> <!-- First Blog Post --> <h2> <%= link_to 'Blog Post Title', page_path('blogpost') %> </h2> <p class="lead"> by <%= link_to 'Start Bootstrap', root_path %> </p> <p><span class="glyphicon glyphicon-time"></span> Posted on August 28, 2013 at 10:00 PM</p> <hr> <img class="img-responsive" src="http://placehold.it/900x300" alt=""> <hr> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, veritatis, tempora, necessitatibus inventore nisi quam quia repellat ut tempore laborum possimus eum dicta id animi corrupti debitis ipsum officiis rerum.</p> <%= link_to ('Read More <span class="glyphicon glyphicon-chevron-right"></span>').html_safe, page_path('blogpost'), :class => "btn btn-primary" %> <hr> <!-- Second Blog Post --> <h2> <%= link_to 'Blog Post Title', page_path('blogpost') %> </h2> <p class="lead"> by <%= link_to 'Start Bootstrap', root_path %> </p> <p><span class="glyphicon glyphicon-time"></span> Posted on August 28, 2013 at 10:45 PM</p> <hr> <img class="img-responsive" src="http://placehold.it/900x300" alt=""> <hr> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam, quasi, fugiat, asperiores harum voluptatum tenetur a possimus nesciunt quod accusamus saepe tempora ipsam distinctio minima dolorum perferendis labore impedit voluptates!</p> <%= link_to ('Read More <span class="glyphicon glyphicon-chevron-right"></span>').html_safe, page_path('blogpost'), :class => "btn btn-primary" %> <hr> <!-- Third Blog Post --> <h2> <%= link_to 'Blog Post Title', page_path('blogpost') %> </h2> <p class="lead"> by <%= link_to 'Start Bootstrap', root_path %> </p> <p><span class="glyphicon glyphicon-time"></span> Posted on August 28, 2013 at 10:45 PM</p> <hr> <img class="img-responsive" src="http://placehold.it/900x300" alt=""> <hr> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, voluptates, voluptas dolore ipsam cumque quam veniam accusantium laudantium adipisci architecto itaque dicta aperiam maiores provident id incidunt autem. Magni, ratione.</p> <%= link_to ('Read More <span class="glyphicon glyphicon-chevron-right"></span>').html_safe, page_path('blogpost'), :class => "btn btn-primary" %> <hr> <!-- Pager --> <ul class="pager"> <li class="previous"> <a href="#">← Older</a> </li> <li class="next"> <a href="#">Newer →</a> </li> </ul> </div> <!-- Blog Sidebar Widgets Column --> <div class="col-md-4"> <!-- Blog Search Well --> <div class="well"> <h4>Blog Search</h4> <div class="input-group"> <input type="text" class="form-control"> <span class="input-group-btn"> <button class="btn btn-default" type="button"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> <!-- /.input-group --> </div> <!-- Blog Categories Well --> <div class="well"> <h4>Blog Categories</h4> <div class="row"> <div class="col-lg-6"> <ul class="list-unstyled"> <li><a href="#">Category Name</a> </li> <li><a href="#">Category Name</a> </li> <li><a href="#">Category Name</a> </li> <li><a href="#">Category Name</a> </li> </ul> </div> <!-- /.col-lg-6 --> <div class="col-lg-6"> <ul class="list-unstyled"> <li><a href="#">Category Name</a> </li> <li><a href="#">Category Name</a> </li> <li><a href="#">Category Name</a> </li> <li><a href="#">Category Name</a> </li> </ul> </div> <!-- /.col-lg-6 --> </div> <!-- /.row --> </div> <!-- Side Widget Well --> <div class="well"> <h4>Side Widget Well</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, perspiciatis adipisci accusamus laudantium odit aliquam repellat tempore quos aspernatur vero.</p> </div> </div> </div> <!-- /.row --> <hr> <!-- Footer --> <footer> <div class="row"> <div class="col-lg-12"> <p>Copyright © Your Website 2014</p> </div> <!-- /.col-lg-12 --> </div> <!-- /.row --> </footer>
</div> <!– /.container –>