Composant de pied de page
Un composant simple de pied de page en mode sombre pour les médias sociaux avec une palette de couleurs complémentaire.
HTML Code
<footer class="bg-gray-800 text-white py-4">
<div class="container mx-auto flex flex-col items-center">
<div class="flex space-x-4 mb-3">
<a href="#" class="text-gray-400 hover:text-gray-200">About</a>
<a href="#" class="text-gray-400 hover:text-gray-200">Contact</a>
<a href="#" class="text-gray-400 hover:text-gray-200">Privacy Policy</a>
</div>
<div class="flex space-x-4 mb-3">
<a href="#" class="text-gray-400 hover:text-gray-200">
<img src="https://picsum.photos/30/30" alt="Facebook" class="inline-block">
</a>
<a href="#" class="text-gray-400 hover:text-gray-200">
<img src="https://picsum.photos/30/30" alt="Twitter" class="inline-block">
</a>
<a href="#" class="text-gray-400 hover:text-gray-200">
<img src="https://picsum.photos/30/30" alt="Instagram" class="inline-block">
</a>
</div>
<div class="text-center">
<p class="text-gray-400">© 2023 Your Company. All rights reserved.</p>
</div>
</div>
</footer>Composants associés
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.
Luxury_Premium_Crypto_Footer
Un composant de pied de page élégant et réactif pour les applications de crypto-monnaie/blockchain, avec un nombre limité de liens, de droits d’auteur et d’icônes de médias sociaux. Utilise un schéma de couleurs bleu d’entreprise avec prise en charge du mode sombre.
Corporate_Industrial_Footer_Ocean_Blue
Un composant de pied de page réactif, sur le thème de l’entreprise et de l’industrie, avec une palette de couleurs océan/bleu, conçu pour les entreprises manufacturières. Comprend des liens de navigation, des informations de contact, des médias sociaux et des droits d’auteur, avec une prise en charge complète du mode sombre.