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.
HTML Code
<footer class="bg-gray-100 dark:bg-gray-900 p-4 shadow-lg rounded-lg">
<div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center mb-4 md:mb-0">
<img src="https://picsum.photos/50" alt="Logo" class="rounded-full mr-2">
<h2 class="text-xl font-semibold dark:text-white">Shop Logo</h2>
</div>
<nav class="flex flex-col md:flex-row text-gray-600 dark:text-gray-300">
<a href="#" class="mx-2 transition-colors duration-300 hover:text-blue-500 dark:hover:text-blue-400">Home</a>
<a href="#" class="mx-2 transition-colors duration-300 hover:text-blue-500 dark:hover:text-blue-400">Products</a>
<a href="#" class="mx-2 transition-colors duration-300 hover:text-blue-500 dark:hover:text-blue-400">About Us</a>
<a href="#" class="mx-2 transition-colors duration-300 hover:text-blue-500 dark:hover:text-blue-400">Contact</a>
</nav>
</div>
<div class="mt-4 text-center text-gray-600 dark:text-gray-300">
<p>© 2023 E-Commerce. All rights reserved.</p>
</div>
</footer>Composants associés
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.
Composant de navigation en pied de page
Composant de navigation en pied de page avec conception Neumorphism, palette de couleurs monochromatique, complexité complexe et objectif de médias sociaux. Conception réactive avec prise en charge du thème sombre.
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.