Componente de navegación de pie de página
Un componente de navegación de pie de página receptivo para paneles con soporte de temas oscuros, con microinteracciones en los desplazamientos de enlaces con colores triádicos y elementos complejos. Sin JavaScript, solo HTML con Tailwind CSS.
Código HTML
<footer class="bg-blue-100 dark:bg-blue-900">
<div class="container mx-auto px-6 py-8">
<div class="flex flex-col items-center text-center">
<div class="flex flex-wrap justify-center -mx-4">
<a href="#" class="mx-4 text-sm text-blue-800 dark:text-blue-200 hover:text-blue-600 dark:hover:text-blue-400 transition duration-300 ease-in-out transform hover:scale-110">About</a>
<a href="#" class="mx-4 text-sm text-red-800 dark:text-red-200 hover:text-red-600 dark:hover:text-red-400 transition duration-300 ease-in-out transform hover:scale-110">Blog</a>
<a href="#" class="mx-4 text-sm text-yellow-800 dark:text-yellow-200 hover:text-yellow-600 dark:hover:text-yellow-400 transition duration-300 ease-in-out transform hover:scale-110">Careers</a>
<a href="#" class="mx-4 text-sm text-blue-800 dark:text-blue-200 hover:text-blue-600 dark:hover:text-blue-400 transition duration-300 ease-in-out transform hover:scale-110">Contact Us</a>
</div>
<p class="mt-4 text-sm text-blue-800 dark:text-blue-200">© 2023 Dashboard Inc. All rights reserved.</p>
</div>
</div>
</footer>Componentes relacionados
Componente de navegación de pie de página
Un componente de navegación a pie de página diseñado en un estilo retro/vintage inspirado en la estética de los años 80 y 90. Cuenta con un soporte de tema oscuro y es totalmente responsivo.
Componente de navegación de pie de página
Componente de navegación de pie de página para comercio electrónico con Material Design: un componente simple con soporte de modo responsivo y oscuro, con un esquema de color complementario.
Industrial_Rainbow_Footer_Navigation
Un componente de navegación de pie de página simple y receptivo con una estética industrial, elementos expuestos y un fondo degradado de arco iris multicolor, diseñado para interfaces financieras / bancarias. Incluye soporte para modo oscuro.