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.
HTML Code
<footer class="bg-gray-800 text-gray-200 py-6">
<div class="container mx-auto flex justify-between items-center flex-wrap">
<div class="flex flex-col w-full md:w-1/3 mb-4">
<h4 class="font-bold text-lg">Company Info</h4>
<p class="text-sm">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptatum.</p>
</div>
<div class="flex flex-col w-full md:w-1/3 mb-4">
<h4 class="font-bold text-lg">Quick Links</h4>
<ul>
<li><a href="#" class="text-gray-400 hover:text-gray-100 transition">Home</a></li>
<li><a href="#" class="text-gray-400 hover:text-gray-100 transition">About Us</a></li>
<li><a href="#" class="text-gray-400 hover:text-gray-100 transition">Services</a></li>
<li><a href="#" class="text-gray-400 hover:text-gray-100 transition">Contact</a></li>
</ul>
</div>
<div class="flex flex-col w-full md:w-1/3 mb-4">
<h4 class="font-bold text-lg">Contact Us</h4>
<div class="flex items-center mb-2">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-10 h-10 rounded-full mr-2">
<div class="text-sm">
<p>John Doe</p>
<p>[email protected]</p>
</div>
</div>
<p class="text-sm">Reach out to us for any inquiries.</p>
</div>
</div>
<div class="bg-gray-700 text-center py-4 mt-4">
<p class="text-sm">© 2023 Company Name. All rights reserved.</p>
</div>
</footer>Composants associés
Composant de navigation en pied de page 38
Un composant de navigation de pied de page réactif conçu avec un style skeuomorphique pour imiter les éléments du monde réel, avec la prise en charge du thème sombre et l’utilisation de Tailwind CSS. Ce composant comprend des liens, des images d’espace réservé et des avatars.
Composant de navigation de pied de page de conception 3D
Un composant de navigation de pied de page de style 3D avec un design réactif et une prise en charge du mode sombre.
Retro_Jewel_Tone_Dashboard_Footer_Navigation
Un composant de navigation en pied de page réactif pour un tableau de bord, inspiré de l’esthétique rétro/vintage avec des couleurs de bijoux (émeraude, saphir, rubis) et la prise en charge du mode sombre. Il comprend des liens de navigation, des icônes de médias sociaux et des informations sur les droits d’auteur.