Componente di navigazione del piè di pagina
Un componente di navigazione a piè di pagina reattivo con uno stile glassmorphism con elementi traslucidi simili al vetro smerigliato ed effetti di sfocatura. Supporta la modalità oscura e include immagini segnaposto.
Codice HTML
<footer class="bg-white bg-opacity-30 backdrop-blur-lg dark:bg-gray-900 dark:bg-opacity-30 py-8">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center space-x-4">
<img src="https://picsum.photos/40/40" alt="Avatar" class="rounded-full">
<span class="text-lg font-bold text-gray-800 dark:text-gray-200">Your Company</span>
</div>
<nav class="flex flex-col md:flex-row space-y-2 md:space-y-0 md:space-x-6 mt-4 md:mt-0">
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">Home</a>
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">About</a>
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">Services</a>
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">Contact</a>
</nav>
</div>
<div class="mt-6 text-center">
<p class="text-gray-500 dark:text-gray-400">© 2023 Your Company. All rights reserved.</p>
</div>
</div>
</footer>Componenti correlati
Brutalismo E-commerce Footer Navigation
Un componente di navigazione a piè di pagina semplice e brutale per l'e-commerce, con colori pastello e supporto per la modalità scura.
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.
Componente di navigazione del piè di pagina
Un componente di navigazione a piè di pagina progettato in uno stile retrò/vintage ispirato all'estetica degli anni '80 e '90. È dotato di un supporto per il tema scuro ed è completamente reattivo.