Style 01
<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
<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>
