Componenti Navigazione a piè di pagina Componente di navigazione del piè di pagina

Componente di navigazione del piè di pagina

Un semplice componente di navigazione a piè di pagina progettato in stile Glassmorphism con una combinazione di colori monocromatica. È reattivo, supporta la modalità oscura ed è adatto per i siti di e-commerce.

Anteprima

Codice HTML

<footer class="bg-white bg-opacity-40 backdrop-blur-lg p-6 rounded-lg shadow-lg dark:bg-gray-800 dark:bg-opacity-50">
    <div class="container mx-auto flex flex-col sm:flex-row justify-between items-center">
        <div class="text-center sm:text-left">
            <h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200">Shop with Us</h2>
            <p class="text-sm text-gray-600 dark:text-gray-400">Your online shopping experience starts here.</p>
        </div>
        <div class="mt-4 sm:mt-0">
            <ul class="flex space-x-4">
                <li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">Home</a></li>
                <li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">Products</a></li>
                <li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">About Us</a></li>
                <li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">Contact</a></li>
            </ul>
        </div>
    </div>
    <div class="mt-6 text-center text-sm text-gray-600 dark:text-gray-400">
        <p>&copy; 2023 Your E-commerce. All rights reserved.</p>
    </div>
</footer>

Componenti correlati

Piè di pagina per e-commerce retrò/vintage

Componente di navigazione a piè di pagina retrò / vintage con toni della Terra, layout semplice, design reattivo e supporto per temi scuri, per l'e-commerce.

Aperto

Componente di navigazione del piè di pagina

Un componente di navigazione a piè di pagina reattivo con un tema scuro, adatto per un sito web portfolio. Presenta una combinazione di colori monocromatici con diverse sfumature di un singolo colore, una complessità media con alcune funzionalità interattive e utilizza Tailwind CSS per lo stile, incluso il supporto della modalità oscura con il prefisso dark:.

Aperto

Componente di navigazione del piè di pagina

Un componente di navigazione a piè di pagina semplice e reattivo con una combinazione di colori caldi e ispirati al tramonto, progettato per i marchi di moda e bellezza. Presenta sottili effetti al passaggio del mouse e supporto per la modalità oscura.

Aperto