Composant de navigation en pied de page
Il s’agit d’un composant de navigation de pied de page simple conçu selon les principes de conception matérielle et une palette de couleurs analogue pour les sites Web d’entreprise. Il prend en charge le mode sombre et est réactif.
HTML Code
<footer class="bg-gray-100 dark:bg-gray-800 py-6">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<img src="https://picsum.photos/200/50" alt="Company Logo" class="h-10" />
</div>
<div class="flex flex-col md:flex-row space-x-4">
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">About Us</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Services</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Contact</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Privacy Policy</a>
</div>
</div>
<div class="mt-6 text-center">
<p class="text-gray-600 dark:text-gray-400 text-sm">© 2023 Company Name. All rights reserved.</p>
</div>
</div>
</footer>
Composants associés
Glassmorphism Footer Navigation
Composant de navigation en pied de page avec style Glassmorphism, palette de couleurs vives et mise en page complexe à des fins de tableau de bord. Conception réactive avec prise en charge du mode sombre à l’aide de Tailwind CSS.
Composant de navigation en pied de page
Composant de navigation en pied de page avec mode sombre et effets réactifs
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.