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
Navigation minimaliste dans le pied de page
Un composant de navigation en pied de page minimaliste pour les blogs avec un design réactif et une prise en charge du mode sombre.
Composant de navigation en pied de page
Un composant de navigation de pied de page réactif pour les tableaux de bord avec prise en charge du thème sombre, avec des micro-interactions sur les survols de liens à l’aide de couleurs triadiques et d’éléments complexes. Pas de JavaScript, seulement du HTML avec Tailwind CSS.
Composant de navigation en pied de page
Composant de navigation de pied de page inspiré de l’agriculture et de la nature pour une place de marché, avec des lignes fluides, une palette de couleurs analogues, plusieurs sections et un design réactif avec prise en charge du mode sombre.