Composant de navigation en pied de page
Un composant de navigation en pied de page conçu dans un style rétro/vintage inspiré de l’esthétique des années 80 et 90. Il dispose d’un support de thème sombre et est entièrement réactif.
HTML Code
<footer class="bg-gray-800 text-white py-8 mt-10">
<div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
<div class="text-center md:text-left">
<h2 class="text-2xl font-bold mb-2">Stay Connected!</h2>
<p>Follow us on our social media channels:</p>
<div class="flex justify-center md:justify-start mt-4 space-x-4">
<a href="#" class="text-gray-400 hover:text-white">
<img src="https://picsum.photos/30/30?random=1" alt="Facebook" class="rounded-full">
</a>
<a href="#" class="text-gray-400 hover:text-white">
<img src="https://picsum.photos/30/30?random=2" alt="Twitter" class="rounded-full">
</a>
<a href="#" class="text-gray-400 hover:text-white">
<img src="https://picsum.photos/30/30?random=3" alt="Instagram" class="rounded-full">
</a>
</div>
</div>
<nav class="mt-6 md:mt-0">
<ul class="flex flex-col md:flex-row space-x-4">
<li><a href="#" class="hover:text-gray-400 transition">Home</a></li>
<li><a href="#" class="hover:text-gray-400 transition">About</a></li>
<li><a href="#" class="hover:text-gray-400 transition">Services</a></li>
<li><a href="#" class="hover:text-gray-400 transition">Contact</a></li>
</ul>
</nav>
</div>
<div class="text-center mt-6">
<p class="text-gray-500 text-sm">© 2023 Your Company. All rights reserved.</p>
</div>
</footer>
Composants associés
Composant de navigation en pied de page
Un composant de navigation de pied de page réactif conçu pour un tableau de bord, avec un style Skeuomorphic avec des couleurs vives. Il comprend des liens de navigation, un logo et des icônes de médias sociaux, avec une prise en charge complète du mode sombre à l’aide de Tailwind CSS. La conception vise une complexité modérée avec des effets de vol stationnaire interactifs.
Composant de navigation en pied de page - Océan industriel
Un composant de navigation de pied de page complexe et réactif dans un style industriel avec une palette de couleurs océan/bleu, adapté aux sites Web d’événements/conférences. Comprend des liens multi-colonnes, des icônes de médias sociaux, des droits d’auteur et la prise en charge du mode sombre.
Composant de navigation en pied de page
Un composant de navigation de pied de page réactif conçu pour les sites Web d’entreprise/d’entreprise en mode sombre, doté d’une palette de couleurs triadique et d’une complexité moyenne avec des fonctionnalités interactives.