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 en pied de page - Océan industriel
Un composant de navigation de pied de page complexe et réactif dans un style industriel avec une palette de couleurs océan/bleu, adapté aux sites Web d’événements/conférences. Comprend des liens multi-colonnes, des icônes de médias sociaux, des droits d’auteur et la prise en charge du mode sombre.
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.
Composant de navigation artistique de pied de page à l’aquarelle
Il s’agit d’un composant de navigation de pied de page complexe et réactif conçu pour les sites Web à but non lucratif/caritatifs, avec un style artistique aquarelle avec des tons doux et sépia/brun et la prise en charge du mode sombre. Comprend plusieurs liens de navigation, des icônes de médias sociaux et une section sur les droits d’auteur.