<!– Page Content –> <div class=“container”>
<!-- Page Heading/Breadcrumbs --> <div class="row"> <div class="col-lg-12"> <h1 class="page-header">One Column Portfolio <small>Subheading</small> </h1> <ol class="breadcrumb"> <li><%= link_to 'Home', root_path %> </li> <li class="active">One Column Portfolio</li> </ol> </div> </div> <!-- /.row --> <!-- Project One --> <div class="row"> <div class="col-md-7"> <%= link_to page_path('portfolio-item') do %> <img class="img-responsive img-hover" src="http://placehold.it/700x300" alt=""> <% end %> </div> <div class="col-md-5"> <h3>Project One</h3> <h4>Subheading</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p> <%= link_to 'View Project', page_path('portfolio-item'), class: 'btn btn-primary' %> </div> </div> <!-- /.row --> <hr> <!-- Project Two --> <div class="row"> <div class="col-md-7"> <%= link_to page_path('portfolio-item') do %> <img class="img-responsive img-hover" src="http://placehold.it/700x300" alt=""> <% end %> </div> <div class="col-md-5"> <h3>Project Two</h3> <h4>Subheading</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, odit velit cumque vero doloremque repellendus distinctio maiores rem expedita a nam vitae modi quidem similique ducimus! Velit, esse totam tempore.</p> <%= link_to 'View Project', page_path('portfolio-item'), class: 'btn btn-primary' %> </div> </div> <!-- /.row --> <hr> <!-- Project Three --> <div class="row"> <div class="col-md-7"> <%= link_to page_path('portfolio-item') do %> <img class="img-responsive img-hover" src="http://placehold.it/700x300" alt=""> <% end %> </div> <div class="col-md-5"> <h3>Project Three</h3> <h4>Subheading</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, temporibus, dolores, at, praesentium ut unde repudiandae voluptatum sit ab debitis suscipit fugiat natus velit excepturi amet commodi deleniti alias possimus!</p> <%= link_to 'View Project', page_path('portfolio-item'), class: 'btn btn-primary' %> </div> </div> <!-- /.row --> <hr> <!-- Project Four --> <div class="row"> <div class="col-md-7"> <%= link_to page_path('portfolio-item') do %> <img class="img-responsive img-hover" src="http://placehold.it/700x300" alt=""> <% end %> </div> <div class="col-md-5"> <h3>Project Four</h3> <h4>Subheading</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, quidem, consectetur, officia rem officiis illum aliquam perspiciatis aspernatur quod modi hic nemo qui soluta aut eius fugit quam in suscipit?</p> <%= link_to 'View Project', page_path('portfolio-item'), class: 'btn btn-primary' %> </div> </div> <!-- /.row --> <hr> <!-- Project Five --> <div class="row"> <div class="col-md-7"> <a href="#"> <img class="img-responsive img-hover" src="http://placehold.it/700x300" alt=""> </a> </div> <div class="col-md-5"> <h3>Project Five</h3> <h4>Subheading</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, quo, minima, inventore voluptatum saepe quos nostrum provident ex quisquam hic odio repellendus atque porro distinctio quae id laboriosam facilis dolorum.</p> <a class="btn btn-primary" href="#">View Project</i></a> </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 –>