Rétro/Vintage E-commerce Footer
Composant de navigation de pied de page rétro / vintage avec des tons de terre, une mise en page simple, un design réactif et la prise en charge du thème sombre, pour le commerce électronique.
HTML Code
<footer class="bg-stone-100 text-amber-900 dark:bg-stone-900 dark:text-amber-100 py-8">
<div class="container mx-auto px-4">
<div class="flex flex-wrap justify-between items-center">
<div class="w-full md:w-1/4 mb-4 md:mb-0">
<h3 class="text-lg font-bold mb-2">E-commerce Store</h3>
<p class="text-sm">© 2023 All rights reserved.</p>
</div>
<div class="w-full md:w-1/4 mb-4 md:mb-0">
<h4 class="text-md font-semibold mb-2">Quick Links</h4>
<ul class="text-sm">
<li class="mb-1"><a href="#" class="hover:underline">Home</a></li>
<li class="mb-1"><a href="#" class="hover:underline">Shop</a></li>
<li class="mb-1"><a href="#" class="hover:underline">About Us</a></li>
<li class="mb-1"><a href="#" class="hover:underline">Contact</a></li>
</ul>
</div>
<div class="w-full md:w-1/4 mb-4 md:mb-0">
<h4 class="text-md font-semibold mb-2">Follow Us</h4>
<div class="flex space-x-4">
<a href="#" class="hover:text-amber-700 dark:hover:text-amber-300"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="hover:text-amber-700 dark:hover:text-amber-300"><i class="fab fa-twitter"></i></a>
<a href="#" class="hover:text-amber-700 dark:hover:text-amber-300"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="w-full md:w-1/4 mb-4 md:mb-0">
<h4 class="text-md font-semibold mb-2">Contact Us</h4>
<p class="text-sm">123 Retro Lane</p>
<p class="text-sm">Vintage City, VC 45678</p>
<p class="text-sm">[email protected]</p>
<p class="text-sm">+(123) 456-7890</p>
</div>
</div>
</div>
</footer>Composants associés
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.
NéonGlowFooterNavigation
Un composant de navigation de pied de page réactif avec des effets de néon/lueur, conçu pour les plateformes musicales/audio. Dispose d’une palette de couleurs noir et blanc avec une couleur d’accentuation vibrante, la prise en charge du mode sombre et le HTML sémantique.
Bauhaus_Retro_News_Footer
Composant de navigation de pied de page complexe et réactif pour les sites d’actualités/journalisme, doté d’un design inspiré du Bauhaus avec des formes géométriques et une palette de couleurs rétro/vintage, y compris la prise en charge du mode sombre.