<nav aria-label="Pagina navigatie">
    <ul class="pagination">
        <li class="page-item disabled">
            <span class="page-link">
                <span aria-hidden="true"><i class="mdi mdi-chevron-left" aria-hidden="true"></i></span>
            <span class="sr-only">Vorige</span>
            </span>
        </li>
        <li class="page-item active">
            <a class="page-link" href="#">1 <span class="sr-only">(huidig)</span></a>
        </li>
        <li class="page-item"><a class="page-link" href="#">2</a></li>
        <li class="page-item"><a class="page-link" href="#">3</a></li>
        <li class="page-item"><a class="page-link" href="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item">
            <a class="page-link" href="#">
                <span aria-hidden="true"><i class="mdi mdi-chevron-right" aria-hidden="true"></i></span>
                <span class="sr-only">Volgende</span>
            </a>
        </li>
    </ul>
</nav>

Pagination

Based on the version from MDB:
https://mdbootstrap.com/components/pagination/#disabled-active

Using

No additional actions, aside from the markup, are needed to use this component.