Componente di navigazione del piè di pagina
Un semplice componente di navigazione a piè di pagina con i principi di Material Design e una combinazione di colori analoga per siti Web aziendali/aziendali. Supporta la modalità oscura ed è reattivo.
Codice HTML
<footer class="bg-gray-100 dark:bg-gray-800 py-6">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<img src="https://picsum.photos/200/50" alt="Company Logo" class="h-10" />
</div>
<div class="flex flex-col md:flex-row space-x-4">
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">About Us</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Services</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Contact</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Privacy Policy</a>
</div>
</div>
<div class="mt-6 text-center">
<p class="text-gray-600 dark:text-gray-400 text-sm">© 2023 Company Name. All rights reserved.</p>
</div>
</div>
</footer>Componenti correlati
Componente di navigazione del piè di pagina
Un semplice componente di navigazione a piè di pagina progettato in stile Glassmorphism con una combinazione di colori monocromatica. È reattivo, supporta la modalità oscura ed è adatto per i siti di e-commerce.
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.
Componente di navigazione del piè di pagina
Componente di navigazione a piè di pagina con design del neumorfismo, combinazione di colori monocromatici, complessità complessa e scopo dei social media. Design reattivo con supporto per temi scuri.