Pagination

• Posted: December 11, 2015
• / By: Magda
• / In:

To add pagination, use the simple HTML markup:

HTML markup

CSS

<div class="ct-pagination ct-blog__pagination"> <a href=blog2.html class="btn btn-arrow btn-arrow-left"> <svg></path> </svg><span class="btn-arrow__text">Previous Posts</span> </a href=blog2.html> <a href=blog2.html class="btn btn-arrow btn-arrow-right"><span class="btn-arrow__text">Next Posts</span> <svg width="31" height="24" viewbox="0 0 31 24" class="btn-arrow__svg"> <path></path> </svg> </a href=blog2.html> </div>

1 2 3 4 5 6 7 8 9 10 11

<div class="ct-pagination ct-blog__pagination">   <a href=blog2.html class="btn btn-arrow btn-arrow-left">     <svg></path>     </svg><span class="btn-arrow__text">Previous Posts</span>   </a href=blog2.html>   <a href=blog2.html class="btn btn-arrow btn-arrow-right"><span class="btn-arrow__text">Next Posts</span>     <svg width="31" height="24" viewbox="0 0 31 24" class="btn-arrow__svg">       <path></path>     </svg>   </a href=blog2.html> </div>

Screenshot

Pagination