<!– 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="#">&larr; Older</a>
            </li>
            <li class="next">
                <a href="#">Newer &rarr;</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 –>