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
Brutalist_Pastel_News_Footer
Un componente de navegación de pie de página complejo de estilo brutalista para sitios web de noticias/periodismo, con colores pastel, alto contraste y diseños inusuales. Es totalmente sensible y es compatible con el modo oscuro.
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.
Componente de navegación de pie de página
Un componente de navegación de pie de página receptivo diseñado para sitios web comerciales/corporativos en modo oscuro, con un esquema de color triádico y complejidad media con funciones interactivas.