<!-- Pagination Primary -->
<nav aria-label="Page navigation example">
  <ul class="pagination pagination-primary mb-0">
    <li class="page-item">
      <a class="page-link page-prev" href="javascript:void(0)"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
    </li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">1</a></li>
    <li class="page-item active"><a class="page-link" href="javascript:void(0)">2</a></li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">4</a></li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">5</a></li>
    <li class="page-item">
      <a class="page-link page-next" href="javascript:void(0)">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
    </li>
  </ul>
</nav>

<!-- Pagination Secondary -->
<nav aria-label="Page navigation example">
  <ul class="pagination pagination-secondary mb-0">
    <li class="page-item">
      <a class="page-link page-prev" href="javascript:void(0)"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
    </li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">1</a></li>
    <li class="page-item active"><a class="page-link" href="javascript:void(0)">2</a></li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">4</a></li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">5</a></li>
    <li class="page-item">
      <a class="page-link page-next" href="javascript:void(0)">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
    </li>
  </ul>
</nav>

<!-- Pagination Dark -->
<nav aria-label="Page navigation example">
  <ul class="pagination pagination-dark mb-0">
    <li class="page-item">
      <a class="page-link page-prev" href="javascript:void(0)"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
    </li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">1</a></li>
    <li class="page-item active"><a class="page-link" href="javascript:void(0)">2</a></li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">4</a></li>
    <li class="page-item"><a class="page-link" href="javascript:void(0)">5</a></li>
    <li class="page-item">
      <a class="page-link page-next" href="javascript:void(0)">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
    </li>
  </ul>
</nav>

<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-primary mb-0">
        <li class="page-item disabled">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item disabled"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>

<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-primary-light mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>
<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-secondary-light mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>
<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-secondary-light mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>

<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-rounded pagination-primary mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>
<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-rounded pagination-secondary mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>
<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-rounded pagination-dark mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>

<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-rounded pagination-primary-light mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>
<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-rounded pagination-secondary-light mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>
<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-rounded pagination-dark-light mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>

<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-sm mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>

<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-md mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>

<!-- Pagination -->
<nav aria-label="Page navigation example">
    <ul class="pagination pagination-lg mb-0">
        <li class="page-item">
             <a class="page-link page-prev" href="#"><i class="ri-arrow-left-s-line fs-22"></i>Prev</a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
          <a class="page-link page-next" href="#">Next<i class="ri-arrow-right-s-line fs-22"></i></a>
        </li>
    </ul>
</nav>