Composant de navigation en pied de page
Un composant de navigation de pied de page simple conçu dans le style Glassmorphism avec une palette de couleurs monochromatique. Il est réactif, prend en charge le mode sombre et convient aux sites Web de commerce électronique.
HTML Code
<footer class="bg-white bg-opacity-40 backdrop-blur-lg p-6 rounded-lg shadow-lg dark:bg-gray-800 dark:bg-opacity-50">
<div class="container mx-auto flex flex-col sm:flex-row justify-between items-center">
<div class="text-center sm:text-left">
<h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200">Shop with Us</h2>
<p class="text-sm text-gray-600 dark:text-gray-400">Your online shopping experience starts here.</p>
</div>
<div class="mt-4 sm:mt-0">
<ul class="flex space-x-4">
<li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">Home</a></li>
<li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">Products</a></li>
<li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">About Us</a></li>
<li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">Contact</a></li>
</ul>
</div>
</div>
<div class="mt-6 text-center text-sm text-gray-600 dark:text-gray-400">
<p>© 2023 Your E-commerce. All rights reserved.</p>
</div>
</footer>Composants associés
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
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.
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.