<!– Page Content –> <div class=“container”>
<!-- Page Heading/Breadcrumbs --> <div class="row"> <div class="col-lg-12"> <h1 class="page-header">Blog Home One <small>Subheading</small> </h1> <ol class="breadcrumb"> <li><%= link_to 'Home', root_path %> </li> <li class="active">Blog Home One</li> </ol> </div> </div> <!-- /.row --> <div class="row"> <!-- Blog Entries Column --> <div class="col-md-8"> <!-- First Blog Post --> <h2> <a href="#">Blog Post Title</a> </h2> <p class="lead"> by <%= link_to 'Start Bootstrap', root_path %> </p> <p><i class="fa fa-clock-o"></i> Posted on August 28, 2013 at 10:00 PM</p> <hr> <%= link_to page_path('blog-post') do %> <img class="img-responsive img-hover" src="http://placehold.it/900x300" alt=""> <% end %> <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 page_path('blog-post'), class: 'btn btn-primary' do %> Read More <i class="fa fa-angle-right"></i> <% end %> <hr> <!-- Second Blog Post --> <h2> <a href="#">Blog Post Title</a> </h2> <p class="lead"> by <%= link_to 'Start Bootstrap', root_path %> </p> <p><i class="fa fa-clock-o"></i> Posted on August 28, 2013 at 10:45 PM</p> <hr> <%= link_to page_path('blog-post') do %> <img class="img-responsive img-hover" src="http://placehold.it/900x300" alt=""> <% end %> <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 page_path('blog-post'), class: 'btn btn-primary' do %> Read More <i class="fa fa-angle-right"></i> <% end %> <hr> <!-- Third Blog Post --> <h2> <a href="#">Blog Post Title</a> </h2> <p class="lead"> by <%= link_to 'Start Bootstrap', root_path %> </p> <p><i class="fa fa-clock-o"></i> Posted on August 28, 2013 at 10:45 PM</p> <hr> <%= link_to page_path('blog-post') do %> <img class="img-responsive img-hover" src="http://placehold.it/900x300" alt=""> <% end %> <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 page_path('blog-post'), class: 'btn btn-primary' do %> Read More <i class="fa fa-angle-right"></i> <% end %> <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"><i class="fa fa-search"></i></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 -->
</div> <!– /.container –>