Pagination

Style 1

1
2
3
4


<div class="pagination">
    <ul class="m-0">
        <li><a href="#!"><i class="fas fa-long-arrow-alt-left"></i></a></li>
        <li class="active"><a href="#!">1</a></li>
        <li><a href="#!">2</a></li>
        <li><a href="#!">3</a></li>
        <li><a href="#!">4</a></li>
        <li><a href="#!"><i class="fas fa-long-arrow-alt-right"></i></a></li>
    </ul>
</div>

Style 2

Previous
1
2
3
4
Next


<div class="pagination">
    <ul class="m-0">
        <li><a href="#!">Previous</a></li>
        <li class="active"><a href="#!">1</a></li>
        <li><a href="#!">2</a></li>
        <li><a href="#!">3</a></li>
        <li><a href="#!">4</a></li>
        <li><a href="#!">Next</a></li>
    </ul>
</div>