# 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://content.gitbook.com/content/h6eC4pApOLA0inzPl7Cw/blobs/ZAA6ies9gelskSdVqpfY/image%20(35).png" 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>
```