Composant de pied de page
Un composant Footer conçu dans un style Neumorphism, prenant en charge les effets réactifs et les thèmes sombres à l’aide de Tailwind CSS.
HTML Code
<footer class="bg-gray-200 dark:bg-gray-800 p-6 rounded-lg shadow-lg">
<div class="container mx-auto">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<h5 class="text-lg font-semibold text-gray-800 dark:text-gray-200">About Us</h5>
<p class="text-gray-600 dark:text-gray-400">We are dedicated to providing the best service to our customers.</p>
</div>
<div class="mb-4 md:mb-0">
<h5 class="text-lg font-semibold text-gray-800 dark:text-gray-200">Follow Us</h5>
<div class="flex space-x-4">
<a href="#" class="text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200">Facebook</a>
<a href="#" class="text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200">Twitter</a>
<a href="#" class="text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200">Instagram</a>
</div>
</div>
<div class="mb-4 md:mb-0">
<h5 class="text-lg font-semibold text-gray-800 dark:text-gray-200">Contact Us</h5>
<p class="text-gray-600 dark:text-gray-400">Email: [email protected]</p>
</div>
<div class="hidden md:block">
<img src="https://picsum.photos/50" alt="Placeholder" class="rounded-full w-10 h-10" />
</div>
</div>
<div class="text-center mt-6">
<p class="text-gray-600 dark:text-gray-400">© 2023 Company. All Rights Reserved.</p>
</div>
</div>
</footer>Composants associés
Composant de pied de page skeuomorphe
Composant de pied de page réactif avec un design skeuomorphe, une palette de couleurs analogue (verts, bleus-verts) et une complexité modérée adaptée aux sites Web d’entreprise. Comprend des liens, un espace réservé pour le logo et un effet Skeuomorphic subtil obtenu avec des ombres et des dégradés. Prend en charge les modes clair et sombre.
Composant de pied de page neumorphe
Un composant de pied de page de style Neumorphic pour les interfaces de médias sociaux avec des couleurs vives et une mise en page complexe, prenant en charge le mode sombre.
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.