Navegación minimalista por el pie de página
Un componente de navegación de pie de página minimalista para blogs con diseño responsivo y soporte para modo oscuro.
Código HTML
<footer class="bg-gray-100 dark:bg-gray-900 text-gray-700 dark:text-gray-300 py-8">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<p class="text-sm">© 2023 Your Blog Name. All rights reserved.</p>
</div>
<nav>
<ul class="flex space-x-4">
<li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">Home</a></li>
<li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">About</a></li>
<li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">Contact</a></li>
</ul>
</nav>
</div>
</div>
</footer>
Componentes relacionados
Componente de navegación de pie de página
Un componente de navegación de pie de página responsivo diseñado con un estilo esqueuomórfico, con elementos interactivos adecuados para el comercio electrónico. Sigue un esquema de color triádico y admite el modo oscuro.
Glassmorphism Footer Navigation
Componente de navegación de pie de página con estilo Glassmorphism, combinación de colores vibrantes y diseño complejo para fines de tablero. Diseño responsivo con soporte para modo oscuro usando Tailwind CSS.
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.