Bauhaus Monocromático Healthcare Pie de página
Un componente de pie de página simple y funcional para aplicaciones sanitarias, inspirado en los principios de diseño de la Bauhaus. Cuenta con un esquema de color monocromático, diseño receptivo y compatibilidad con modo oscuro.
Código HTML
<footer class="bg-gray-100 py-6 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center text-center">
<div class="mb-4">
<a href="#" class="text-gray-800 dark:text-gray-200 text-2xl font-bold tracking-tight">MediCare</a>
</div>
<nav class="flex flex-wrap justify-center space-x-4 sm:space-x-6 mb-4">
<a href="#" class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors duration-200 text-sm">Privacy Policy</a>
<a href="#" class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors duration-200 text-sm">Terms of Service</a>
<a href="#" class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors duration-200 text-sm">Contact Us</a>
</nav>
<p class="text-gray-500 dark:text-gray-500 text-xs sm:text-sm">© 2023 MediCare. All rights reserved.</p>
</div>
</footer>Componentes relacionados
Fundido de entrada del pie de página 3D
Pie de página responsivo con elementos de diseño 3D y compatibilidad con el modo oscuro
Pie de página Componente Pie de página
Un componente de pie de página simple con un sutil diseño de Skeuomorphism, que utiliza un esquema de color análogo. Incluye un aviso de derechos de autor, algunos enlaces de navegación e iconos de redes sociales. El diseño es responsivo y admite el modo oscuro.
Componente de pie de página de finanzas
Un componente de pie de página receptivo para interfaces financieras y bancarias, con un esquema de color complementario, principios de diseño de materiales y soporte completo para el modo oscuro. Incluye enlaces de navegación, iconos de redes sociales y un aviso de derechos de autor.