# Pagination

Pagination simplifies content navigation, offering clear and consistent controls for seamless user interaction and improved access to portal resources. For more information please refer to this link <https://sunbird-ed.github.io/sunbird-style-guide/dist/#/pagination>

<figure><img src="https://3233010154-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkgPDmvKwE_DgYJbvPS%2Fuploads%2FZz8ih8TjANjX4hCkEj4l%2Fimage.png?alt=media&#x26;token=4cf345de-fbb3-434d-afa5-fb748dd2fa31" alt=""><figcaption></figcaption></figure>

```html
<div class="sb-pagination-container">
    <div class="sb-pagination">
        <a class="sb-item">&laquo;</a>
        <a class="sb-item">&lt;</a>
        <a class="sb-item sb-item-active">1</a>
        <a class="sb-item no-border">...</a>
        <a class="sb-item">10</a>
        <a class="sb-item">11</a>
        <a class="sb-item">12</a>
        <a class="sb-item">&gt;</a>
        <a class="sb-item">&raquo;</a>
    </div>
</div>
```