Glassmorphism Pied de page monochromatique
Un composant de pied de page simple et monochromatique pour un blog, avec un design réactif et une prise en charge du mode sombre.
HTML Code
<footer class="backdrop-blur-md bg-white/30 dark:bg-gray-800/30 text-gray-800 dark:text-gray-200 p-6">
<div class="container mx-auto flex flex-col items-center justify-between md:flex-row">
<div class="mb-4 md:mb-0 text-center md:text-left">
<p>© 2023 Blog Name. All rights reserved.</p>
</div>
<div class="flex space-x-4">
<a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Privacy Policy</a>
<a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Terms of Service</a>
<a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Contact</a>
</div>
</div>
</footer>
Composants associés
Composant de pied de page financier
Un composant de pied de page réactif pour les interfaces financières et bancaires, doté d’une palette de couleurs complémentaires, de principes de conception matérielle et d’une prise en charge complète du mode sombre. Comprend des liens de navigation, des icônes de médias sociaux et un avis de droit d’auteur.
Pied de page minimaliste des médias sociaux
Un composant de pied de page minimaliste avec des couleurs de tons de terre pour les interfaces de médias sociaux. Réactif avec prise en charge du thème sombre.
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.