Komponente "Fußzeilennavigation"
Eine reaktionsschnelle Fußzeilennavigationskomponente, die in einem skeuomorphen Stil gestaltet ist und interaktive Elemente enthält, die für den E-Commerce geeignet sind. Es folgt einem triadischen Farbschema und unterstützt den Dunkelmodus.
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>
Verwandte Komponenten
3D_Music_Footer_Navigation
Eine komplexe, von 3D inspirierte Fußzeilennavigationskomponente für Musik-/Audioplattformen mit warmen Neutraltönen und voller Reaktionsfähigkeit mit Unterstützung des Dunkelmodus.
Brutalist_Pastel_News_Footer
Eine komplexe, brutalistisch anmutende Fußzeilennavigationskomponente für Nachrichten-/Journalismus-Websites mit Pastellfarben, hohem Kontrast und ungewöhnlichen Layouts. Es reagiert vollständig und unterstützt den Dunkelmodus.
Komponente "Fußzeilennavigation"
Eine einfache Fußzeilennavigationskomponente, die im brutalistischen Stil mit einem triadischen Farbschema für Social-Media-Schnittstellen gestaltet ist. Es enthält Links und Avatar-Bilder mit Unterstützung für den Dunkelmodus.