Componente de navegación de pie de página
Un componente de navegación de pie de página simple diseñado en un estilo brutalista con un esquema de color triádico para interfaces de redes sociales. Incluye enlaces e imágenes de avatar, con soporte para modo oscuro.
Código 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>Componentes relacionados
Componente de navegación de pie de página
Componente de navegación de pie de página con modo oscuro y efectos responsivos
Componente de navegación de pie de página
Un componente de navegación de pie de página complejo y receptivo diseñado para un mercado, con una interfaz de usuario de modo oscuro con un esquema de color en blanco y negro y un color de acento brillante (índigo). Incluye múltiples secciones para navegación, información de la empresa, enlaces legales y redes sociales, con soporte completo para el modo oscuro.
Componente de navegación de pie de página
Un componente de navegación de pie de página simple diseñado con los principios de Material Design y un esquema de color análogo para sitios web comerciales/corporativos. Es compatible con el modo oscuro y responde.