Glassmorphism Footer
Un composant de pied de page réactif conçu avec le style glassmorphism, avec des effets de verre givré et la prise en charge des thèmes sombres à l’aide de Tailwind CSS.
HTML Code
<footer class="bg-white bg-opacity-30 backdrop-blur-md dark:bg-gray-800 dark:bg-opacity-30 border-t border-gray-200 dark:border-gray-700 py-10">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row justify-between items-center text-center md:text-left">
<div class="mb-4 md:mb-0">
<h3 class="text-xl font-semibold">Your Company</h3>
<p class="text-sm text-gray-600 dark:text-gray-400">Your slogan or tagline goes here.</p>
</div>
<div class="flex items-center space-x-4">
<img src="https://picsum.photos/50/50" alt="Random placeholder" class="rounded-full border border-gray-300 dark:border-gray-600">
<p class="text-sm text-gray-600 dark:text-gray-400">Contact us: [email protected]</p>
</div>
</div>
<div class="flex flex-col md:flex-row justify-center md:justify-between mt-8">
<div class="mb-4 md:mb-0">
<ul class="flex space-x-4">
<li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-white">Home</a></li>
<li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-white">About</a></li>
<li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-white">Services</a></li>
<li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-white">Contact</a></li>
</ul>
</div>
<div>
<p class="text-sm text-gray-600 dark:text-gray-400">© 2023 Your Company. All rights reserved.</p>
</div>
</div>
</div>
</footer>Composants associés
Composant de pied de page - Réservation/Réservation - Dark Mode Candy
Un composant de pied de page complexe et réactif conçu pour les systèmes de réservation. Dispose d’une interface utilisateur en mode sombre avec des couleurs vives, de plusieurs liens de navigation, d’icônes de médias sociaux et d’un abonnement à la newsletter. Entièrement réactif et prend en charge le mode sombre.
Composant de pied de page
Un composant de pied de page minimaliste avec des couleurs complémentaires, une complexité modérée et une intégration des médias sociaux. Dispose d’un design réactif et d’une prise en charge du mode sombre.
Organic_Nature_Inspired_Real_Estate_Footer
Un composant de pied de page complexe, inspiré de la nature et de couleur complémentaire pour les plateformes immobilières, avec des lignes fluides, des formes naturelles, de multiples éléments interactifs et une réactivité totale avec la prise en charge du mode sombre.