Pagination comes handy when there are many posts/items which can't be shown all at once.
Pagination is same as Bootstrap pagination. Read more about it here .
.cl-maintain-layout is used for RTL support. Read more about RTL support in Theme Documentation.
<div class="cl-maintain-layout">
<ul class="pagination">
<!-- Previous page link -->
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<i class="fas fa-long-arrow-alt-left"></i>
</a>
</li>
<!-- Page link numbers -->
<li class="page-item"><a class="page-link active" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">...</a></li>
<li class="page-item"><a class="page-link" href="#">7</a></li>
<li class="page-item"><a class="page-link" href="#">8</a></li>
<li class="page-item"><a class="page-link" href="#">9</a></li>
<!-- Next page link -->
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<i class="fas fa-long-arrow-alt-right"></i>
</a>
</li>
</ul> <!-- Pagination ends -->
</div> <!-- Pagination wrapper ends -->