Bauhaus Monochromatique Healthcare Footer
Un composant de pied de page simple et fonctionnel pour les applications de santé, inspiré des principes de conception du Bauhaus. Dispose d’une palette de couleurs monochromatiques, d’une mise en page réactive et d’une prise en charge du mode sombre.
HTML Code
<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>Composants associés
Composant de pied de page
Un composant de pied de page simple et réactif conçu dans un style rétro/vintage avec un support de thème sombre, utilisant Tailwind CSS. Il dispose d’une mise en page de base adaptée aux sites Web d’entreprise.
Composant de pied de page Glassmorphism
Il s’agit d’un composant de pied de page réactif avec un style glassmorphism, avec des éléments translucides semblables à du verre dépoli avec des effets de flou, et prend en charge un thème sombre.
Pied de page vibrant neumorphe
Un composant de pied de page simple et réactif conçu avec des principes de conception neumorphiques et des couleurs vives. Il présente un aspect doux et extrudé avec des ombres subtiles tout en conservant des couleurs d’accent à haute saturation. Le pied de page comprend des sections de base pour la navigation sur le site, les liens sociaux et les informations sur les droits d’auteur avec une prise en charge complète du mode sombre.