Piè di pagina per e-commerce retrò/vintage
Componente di navigazione a piè di pagina retrò / vintage con toni della Terra, layout semplice, design reattivo e supporto per temi scuri, per l'e-commerce.
Codice HTML
<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>Componenti correlati
Componente di navigazione a piè di pagina - Monospace/Stile sviluppatore
Un componente di navigazione a piè di pagina complesso e reattivo progettato per siti Web di agricoltura/allevamento, caratterizzato da un'estetica monospace/sviluppatore con una combinazione di colori arcobaleno sfumato e supporto per la modalità scura.
Componente di navigazione del piè di pagina
Componente di navigazione a piè di pagina per l'e-commerce con Material Design - un componente semplice con supporto per la modalità reattiva e scura, con una combinazione di colori complementare.
Componente di navigazione del piè di pagina
Un componente di navigazione a piè di pagina reattivo con uno stile glassmorphism con elementi traslucidi simili al vetro smerigliato ed effetti di sfocatura. Supporta la modalità oscura e include immagini segnaposto.