Pagination

Navigation for dividing content across multiple pages with numbered links.

<nav class="ethio-pagination">
    <li class="ethio-pagination-item">
      <a href="#" class="ethio-pagination-link">Previous</a>
    </li>
    <li class="ethio-pagination-item">
      <a href="#" class="ethio-pagination-link">1</a>
    </li>
    <li class="ethio-pagination-item">
      <a href="#" class="ethio-pagination-link active">2</a>
    </li>
    <li class="ethio-pagination-item">
      <a href="#" class="ethio-pagination-link">Next</a>
    </li>
  </nav>

<nav class="ethio-pagination ethio-pagination-sm">
    <!-- Small pagination -->
  </nav>
  
  <nav class="ethio-pagination">
    <!-- Default pagination -->
  </nav>
  
  <nav class="ethio-pagination ethio-pagination-lg">
    <!-- Large pagination -->
  </nav>