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.
Código HTML
<footer class="bg-gray-100 dark:bg-gray-800 py-6">
<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">
<img src="https://picsum.photos/200/50" alt="Company Logo" class="h-10" />
</div>
<div class="flex flex-col md:flex-row space-x-4">
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">About Us</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Services</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Contact</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Privacy Policy</a>
</div>
</div>
<div class="mt-6 text-center">
<p class="text-gray-600 dark:text-gray-400 text-sm">© 2023 Company Name. 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 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 responsivo con un tema oscuro, adecuado para un sitio web de portafolio. Cuenta con un esquema de color monocromático con diferentes tonos de un solo color, complejidad media con algunas características interactivas y usa Tailwind CSS para el estilo, incluido el soporte del modo oscuro con el prefijo dark:.