<!– Page Content –> <div class=“container”>

<!-- Page Heading/Breadcrumbs -->
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">Two Column Portfolio
            <small>Subheading</small>
        </h1>
        <ol class="breadcrumb">
            <li><%= link_to 'Home', root_path %>
            </li>
            <li class="active">Two Column Portfolio</li>
        </ol>
    </div>
</div>
<!-- /.row -->

<!-- Projects Row -->
<div class="row">
    <div class="col-md-6 img-portfolio">
        <%= link_to page_path('portfolio-item') do %>
          <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
        <% end %>
        <h3>
            <%= link_to 'Project', page_path('portfolio-item') %>
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
    </div>
    <div class="col-md-6 img-portfolio">
        <%= link_to page_path('portfolio-item') do %>
          <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
        <% end %>
        <h3>
            <%= link_to 'Project', page_path('portfolio-item') %>
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
    </div>
</div>
<!-- /.row -->

<!-- Projects Row -->
<div class="row">
    <div class="col-md-6 img-portfolio">
        <%= link_to page_path('portfolio-item') do %>
          <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
        <% end %>
        <h3>
            <%= link_to 'Project', page_path('portfolio-item') %>
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
    </div>
    <div class="col-md-6 img-portfolio">
        <%= link_to page_path('portfolio-item') do %>
          <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
        <% end %>
        <h3>
            <%= link_to 'Project', page_path('portfolio-item') %>
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
    </div>
</div>
<!-- /.row -->

<!-- Projects Row -->
<div class="row">
    <div class="col-md-6 img-portfolio">
        <%= link_to page_path('portfolio-item') do %>
          <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
        <% end %>
        <h3>
            <%= link_to 'Project', page_path('portfolio-item') %>
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
    </div>
    <div class="col-md-6 img-portfolio">
        <%= link_to page_path('portfolio-item') do %>
          <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
        <% end %>
        <h3>
            <%= link_to 'Project', page_path('portfolio-item') %>
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
    </div>
</div>
<!-- /.row -->

<hr>

<!-- Pagination -->
<div class="row text-center">
    <div class="col-lg-12">
        <ul class="pagination">
            <li>
                <a href="#">&laquo;</a>
            </li>
            <li class="active">
                <a href="#">1</a>
            </li>
            <li>
                <a href="#">2</a>
            </li>
            <li>
                <a href="#">3</a>
            </li>
            <li>
                <a href="#">4</a>
            </li>
            <li>
                <a href="#">5</a>
            </li>
            <li>
                <a href="#">&raquo;</a>
            </li>
        </ul>
    </div>
</div>
<!-- /.row -->

</div> <!– /.container –>