<div class="w-100 my-4 d-flex justify-content-center">
    <div class="mb-0 d-flex justify-content-between pagination">
        <div class="page-item d-none d-md-block">
            <a class="p-3 pointer text-muted">First</a>
        </div>
        <div class="page-item disabled">
            <a class="p-3 pointer" aria-label="Previous">
                <i class="fa fa-chevron-left"></i>
            </a>
        </div>
        <div class="page-item active">
            <a class="p-3 pointer text-primary">1</a>
        </div>
        <div class="page-item">
            <a class="p-3 pointer text-dark">2</a>
        </div>
        <div class="page-item">
            <a class="p-3 pointer text-dark">3</a>
        </div>
        <div class="page-item">
            <a class="p-3 pointer" aria-label="Next">
                <i class="fa fa-chevron-right"></i>
            </a>
        </div>
        <div class="page-item d-none d-md-block">
            <a class="p-3 pointer">Last</a>
        </div>
    </div>
</div>