<nav aria-label="Page navigation example">
    <ul class="pagination justify-content-center {{modifier_class}}">
        <li class="page-item">
            <a class="page-link icon-angle-double-left" href="#" aria-label="First">
                <span class="icon" aria-hidden="true"></span>
                <span class="sr-only">First</span>
            </a>
        </li>
        <li class="page-item">
            <a class="page-link icon-angle-left" href="#" aria-label="Previous">
                <span class="icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
        </li>
        <li class="page-item">
            <a class="page-link" href="#">1</a>
        </li>
        <li class="page-item active">
            <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 icon-angle-right" href="#" aria-label="Next">
                <span class="sr-only">Next</span>
                <span class="icon" aria-hidden="true"></span>
            </a>
        </li>
        <li class="page-item">
            <a class="page-link icon-angle-double-right" href="#" aria-label="First">
                <span class="sr-only">Last</span>
                <span class="icon" aria-hidden="true"></span>
            </a>
        </li>
    </ul>
</nav>