Breadcrumb 1

<div class="container mx-auto py-4 px-6">
    <nav aria-label="breadcrumb" class="flex items-center space-x-4 text-gray-600">
        <a href="#" class="hover:text-blue-500 transition-colors">Home</a>
        <svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
            <path d="M9.29 6.71a1 1 0 011.42 0L15 11l-4.29 4.29a1 1 0 01-1.42-1.42L12.17 12l-2.88-2.88a1 1 0 010-1.42z"></path>
        </svg>
        <a href="#" class="hover:text-blue-500 transition-colors">Category</a>
        <svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
            <path d="M9.29 6.71a1 1 0 011.42 0L15 11l-4.29 4.29a1 1 0 01-1.42-1.42L12.17 12l-2.88-2.88a1 1 0 010-1.42z"></path>
        </svg>
        <span aria-current="page" class="font-semibold text-gray-900">Current Page</span>
    </nav>
</div>