Pagination

            <div class="px-4 py-32 font-sans">
    <div class="flex items-center justify-center space-x-2">
        <button
            class="inline-flex items-center justify-center w-6 h-6 text-sm leading-none text-gray-700 rounded-full focus:outline-none focus:ring focus:ring-blue-500"
        >
            <i data-feather="chevron-left" class="w-4 h-4"></i>
        </button>
        <!-- Current Page -->
        <button
            class="inline-flex items-center justify-center w-6 h-6 text-sm leading-none text-white bg-gray-900 rounded-full focus:outline-none focus:ring focus:ring-blue-500"
        >
            1
        </button>
        <!-- Other Pages -->
        <button
            class="inline-flex items-center justify-center w-6 h-6 text-sm leading-none rounded-full focus:outline-none focus:ring focus:ring-blue-500"
        >
            2
        </button>    
        <button
            class="inline-flex items-center justify-center w-6 h-6 text-sm leading-none rounded-full focus:outline-none focus:ring focus:ring-blue-500"
        >
            3
        </button>
        <button
            class="inline-flex items-center justify-center w-6 h-6 text-sm leading-none text-gray-700 rounded-full focus:outline-none focus:ring focus:ring-blue-500"
        >
            <i data-feather="chevron-right" class="w-4 h-4"></i>
        </button>        
    </div>
</div>