Pager

<nav class="pagination" role="navigation" aria-labelledby="pagination-heading">
    <h4 id="pagination-heading" class="visually-hidden">
        Pagination
    </h4>
    <ul class="pager__items js-pager__items">
        <li class="pager__item first">
            <a href="?search=&amp;page=0" title="Go to first page">
                <span class="visually-hidden">First page</span>
                <span aria-hidden="true">« First</span>
            </a>
        </li>
        <li class="pager__item previous">
            <a href="?search=&amp;page=0" title="Go to previous page" rel="prev">
                <span class="visually-hidden">Previous page</span>
                <span aria-hidden="true">‹‹</span>
            </a>
        </li>
        <li class="pager__item">
            <a href="?search=&amp;page=0" title="Go to page 1">
                <span class="visually-hidden">Page</span>1
            </a>
        </li>
        <li class="pager__item active">
            <a href="?search=&amp;page=1" title="Current page">
                <span class="visually-hidden">Current page</span>2
            </a>
        </li>
        <li class="pager__item">
            <a href="?search=&amp;page=2" title="Go to page 3">
                <span class="visually-hidden">Page</span>3
            </a>
        </li>
        <li class="pager__item next">
            <a href="?search=&amp;page=2" title="Go to next page" rel="next">
                <span class="visually-hidden">Next page</span>
                <span aria-hidden="true">››</span>
            </a>
        </li>
        <li class="pager__item last">
            <a href="?search=&amp;page=2" title="Go to last page">
                <span class="visually-hidden">Last page</span>
                <span aria-hidden="true">Last »</span>
            </a>
        </li>
    </ul>
</nav>