<!– Page Content –> <div class=“container”>
<!-- Page Heading/Breadcrumbs --> <div class="row"> <div class="col-lg-12"> <h1 class="page-header">Three Column Portfolio <small>Subheading</small> </h1> <ol class="breadcrumb"> <li><%= link_to 'Home', root_path %> </li> <li class="active">Three Column Portfolio</li> </ol> </div> </div> <!-- /.row --> <!-- Projects Row --> <div class="row"> <div class="col-md-4 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 Name', 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-4 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 Name', 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-4 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 Name', 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-4 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 Name', 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-4 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 Name', 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-4 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 Name', 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> <!-- Projects Row --> <div class="row"> <div class="col-md-4 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 Name', 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-4 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 Name', 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-4 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 Name', 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="#">«</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="#">»</a> </li> </ul> </div> </div> <!-- /.row -->
</div> <!– /.container –>