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.
HTML Code
<footer class="bg-white bg-opacity-30 backdrop-blur-md rounded-lg p-6 dark:bg-gray-800 dark:bg-opacity-30 transition duration-300 ease-in-out">
<div class="container mx-auto">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="text-center md:text-left">
<h2 class="text-xl font-bold text-gray-800 dark:text-white">Connect with Us</h2>
<p class="text-gray-600 dark:text-gray-300">Stay updated with our latest news and offers.</p>
</div>
<div class="mt-4 md:mt-0">
<a href="#" class="text-gray-500 hover:text-gray-800 dark:hover:text-white mx-2"><img src="https://picsum.photos/40/40?random=1" alt="Avatar" class="rounded-full " /></a>
<a href="#" class="text-gray-500 hover:text-gray-800 dark:hover:text-white mx-2"><img src="https://picsum.photos/40/40?random=2" alt="Avatar" class="rounded-full " /></a>
<a href="#" class="text-gray-500 hover:text-gray-800 dark:hover:text-white mx-2"><img src="https://picsum.photos/40/40?random=3" alt="Avatar" class="rounded-full " /></a>
</div>
</div>
<div class="flex justify-center mt-4">
<a href="#" class="text-gray-500 hover:text-gray-800 dark:hover:text-white mx-2">Privacy Policy</a>
<span class="text-gray-500 dark:text-gray-300">|</span>
<a href="#" class="text-gray-500 hover:text-gray-800 dark:hover:text-white mx-2">Terms of Service</a>
</div>
</div>
</footer>Composants associés
Composant de pied de page
Un composant de pied de page conçu dans un style skeuomorphe avec une palette de couleurs triadique et une complexité modérée, adapté à une mise en page Blog/Contenu.
Composant de pied de page
Composant de pied de page simple, propre et fiable, adapté aux systèmes de réservation et de réservation d’entreprise/professionnels, doté d’une bordure subtile en dégradé arc-en-ciel et d’une réactivité totale avec prise en charge du mode sombre.
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.