Pagination

Basic examples

You can use class -left, -center, -right to switch horizontal position.

Default
Variant

78 fiches

Show code


<div class="paginationWrapper -center">
  <a href="#" class="pagination__previous"><span class="icon-arrow -previous "><span class="path1"></span><span class="path2"></span><span class="path3"></span></span></a>
  <ul class="pagination">
    <li><a href="#">1</a></li>
    <li class="-current"><a href="#">2</a></li>
    <li><span>...</span></li>
    <li><a href="#">6</a></li>
  </ul>
  <a href="#" class="pagination__next"></a><a href="#"><span class="icon-arrow -next "><span class="path1"></span><span class="path2"></span><span class="path3"></span></span></a>
</div>


<div class="paginationWrapper -center">
  <a href="#" class="pagination__previous"><span class="icon-arrow -previous "><span class="path1"></span><span class="path2"></span><span class="path3"></span></span></a>
  <ul class="pagination">
    <li class="pagination__item"><span>78 fiches</span></li>
  </ul>
  <a href="#" class="pagination__next"></a><a href="#"><span class="icon-arrow -next "><span class="path1"></span><span class="path2"></span><span class="path3"></span></span></a>
</div>