Composant de navigation en pied de page
Un composant simple de navigation en pied de page conçu dans un style brutaliste avec une palette de couleurs triadique pour les interfaces de médias sociaux. Il comprend des liens et des images d’avatar, avec prise en charge du mode sombre.
HTML Code
<footer class="bg-gray-800 dark:bg-gray-900 text-white py-4">
<div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
<div class="flex flex-col md:flex-row items-center">
<img src="https://picsum.photos/50/50" alt="Avatar" class="rounded-full mb-2 md:mb-0 md:mr-4">
<ul class="flex space-x-4">
<li><a href="#" class="hover:text-blue-400 dark:hover:text-blue-300">Home</a></li>
<li><a href="#" class="hover:text-red-400 dark:hover:text-red-300">About</a></li>
<li><a href="#" class="hover:text-green-400 dark:hover:text-green-300">Contact</a></li>
</ul>
</div>
<div class="flex space-x-4 mt-4 md:mt-0">
<a href="#" class="hover:text-blue-400 dark:hover:text-blue-300">Facebook</a>
<a href="#" class="hover:text-red-400 dark:hover:text-red-300">Twitter</a>
<a href="#" class="hover:text-green-400 dark:hover:text-green-300">Instagram</a>
</div>
</div>
</footer>Composants associés
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
Un composant de navigation en pied de page réactif conçu avec un style skeuomorphe, avec des éléments interactifs adaptés au commerce électronique. Il suit un schéma de couleurs triadique et prend en charge le mode sombre.
Composant de navigation en pied de page
Composant de navigation de pied de page pour le commerce électronique avec Material Design - un composant simple avec prise en charge du mode réactif et sombre, avec une palette de couleurs complémentaire.