Pagination

<nav>
    <ul class="pagination justify-content-center mx-auto mb-0">
        <li class="page-item disabled">
            <a class="page-link" href="#" data-page="0" tabindex="0">&lt;-</a>
        </li>
        <li class="page-item active">
            <a class="page-link" href="#" tabindex="0" data-page="1">1</a>
        </li>
        <li class="page-item">
            <a class="page-link" href="#" tabindex="0" data-page="2">2</a>
        </li>
        <li class="page-item">
            <a class="page-link" href="#" tabindex="0" data-page="3">3</a>
        </li>
        <li class="page-item">
            <a class="page-link" href="#" tabindex="0" data-page="4">4</a>
        </li>
        <li class="page-item">
            <a class="page-link" href="#" tabindex="0" data-page="5">5</a>
        </li>
        <li class="page-item">
            <a class="page-link" href="#" tabindex="0" data-page="6">6</a>
        </li>
        <li class="page-item">
            <a class="page-link" href="#" tabindex="0" data-page="7">7</a>
        </li>
        <li class="page-item disabled"><a class="page-link" tabindex="0">...</a></li>
        <li class="page-item">
            <a class="page-link" href="#" tabindex="0" data-page="18">18</a>
        </li>
        <li class="page-item">
            <a class="page-link" href="#" tabindex="0">-&gt;</a>
        </li>
    </ul>
</nav>