Componente di navigazione del piè di pagina
Un semplice componente di navigazione a piè di pagina progettato in stile brutalista con una combinazione di colori triadica per le interfacce dei social media. Include collegamenti e immagini avatar, con supporto per la modalità oscura.
Codice HTML
<footer class="bg-gray-800 dark:bg-gray-900 text-white py-4">
<div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
<div class="flex flex-col md:flex-row items-center">
<img src="https://picsum.photos/50/50" alt="Avatar" class="rounded-full mb-2 md:mb-0 md:mr-4">
<ul class="flex space-x-4">
<li><a href="#" class="hover:text-blue-400 dark:hover:text-blue-300">Home</a></li>
<li><a href="#" class="hover:text-red-400 dark:hover:text-red-300">About</a></li>
<li><a href="#" class="hover:text-green-400 dark:hover:text-green-300">Contact</a></li>
</ul>
</div>
<div class="flex space-x-4 mt-4 md:mt-0">
<a href="#" class="hover:text-blue-400 dark:hover:text-blue-300">Facebook</a>
<a href="#" class="hover:text-red-400 dark:hover:text-red-300">Twitter</a>
<a href="#" class="hover:text-green-400 dark:hover:text-green-300">Instagram</a>
</div>
</div>
</footer>Componenti correlati
3D_Music_Footer_Navigation
Un complesso componente di navigazione a piè di pagina ispirato al 3D per piattaforme musicali/audio, caratterizzato da neutri caldi e reattività completa con 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.
Retro_Earth_Tone_Portfolio_Footer
Un componente di navigazione a piè di pagina reattivo e a tema retrò per un sito web di portfolio, con i toni della terra e il supporto della modalità scura. Progettato pensando all'estetica degli anni '80/'90, offre un tocco nostalgico.