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
Navigazione minimalista a piè di pagina
Un componente di navigazione a piè di pagina minimalista per blog con design reattivo e supporto per la modalità scura.
Componente di navigazione del piè di pagina
Un componente di navigazione a piè di pagina reattivo e complesso in stile neumorfismo per siti Web aziendali che utilizza una combinazione di colori in scala di grigi con supporto della modalità scura. Niente JavaScript.
Componente di navigazione del piè di pagina
Un componente di navigazione a piè di pagina reattivo con uno stile di design retrò/vintage, che utilizza colori vivaci e su misura per le interfacce dei social media.