Pagination

Home
Pagination

Style 01

Prev
1
2
3
Next


<div aria-label="Page navigation example">
    <ul class="pagination">
        <li class="page-item"><a class="page-link" href="#!">Prev</a></li>
        <li class="page-item"><a class="page-link" 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="#!">Next</a></li>
    </ul>
</div>

Style 02

1
2
3


<div aria-label="Page navigation example">
    <ul class="pagination">
        <li class="page-item"><a class="page-link" href="#!"><i class="fas fa-long-arrow-alt-left"></i></a></li>
        <li class="page-item"><a class="page-link" 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="#!"><i class="fas fa-long-arrow-alt-right"></i></a></li>
    </ul>
</div>