Pagination
Examples for showing pagination to indicate a series of related content exists across multiple pages.
Front page link v1
Paging with modern style which is more suitable for portfolio pages.
<nav class="clearfix">
<div class="row no-gutters">
<a class="col-sm-5 order-sm-1 u-paging-v1 u-gradient-overlay-half-primary-v2 u-bg-img-hero u-space-1 u-space-3--sm text-right" href="#" data-bg-img-src="../assets/img/1920x800/img14.jpg">
<div class="px-7">
<span class="text-warning">Prev</span>
<div class="d-flex justify-content-between align-items-center">
<span class="fa fa-arrow-left u-paging-v1__arrow-icon-prev text-warning"></span>
<h2 class="text-white font-weight-bold mb-0">Harvey Corp</h2>
</div>
</div>
</a>
<a class="col-sm-5 order-sm-3 u-paging-v1 u-gradient-overlay-half-primary-v1 u-bg-img-hero u-space-1 u-space-3--sm" href="#" data-bg-img-src="../assets/img/1920x800/img15.jpg">
<div class="px-7">
<span class="text-warning">Next</span>
<div class="d-flex justify-content-between align-items-center">
<h2 class="text-white font-weight-bold mb-0">L'OR Milford</h2>
<span class="fa fa-arrow-right u-paging-v1__arrow-icon-next text-warning"></span>
</div>
</div>
</a>
<a class="col-sm-2 order-sm-2 u-paging-v1-view-all u-space-1 u-space-3--sm" href="#">
<span class="fa fa-th u-paging-v1-view-all__icon"></span>
View All
</a>
</div>
</nav>