Komponente "Fußzeilennavigation"
Eine einfache Fußzeilennavigationskomponente, die nach Material Design-Prinzipien und einem analogen Farbschema für Geschäfts-/Unternehmenswebsites gestaltet ist. Es unterstützt den Dunkelmodus und ist reaktionsschnell.
HTML-Code
<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>Verwandte Komponenten
Komponente "Fußzeilennavigation"
Eine responsive Footer-Navigationskomponente mit einem dunklen Thema, die für eine Portfolio-Website geeignet ist. Es verfügt über ein monochromatisches Farbschema mit verschiedenen Schattierungen einer einzigen Farbe, mittlere Komplexität mit einigen interaktiven Funktionen und verwendet Tailwind CSS für das Styling, einschließlich der Unterstützung des Dunkelmodus mit dem Präfix dark:.
Retro/Vintage E-Commerce Fußzeile
Retro / Vintage Footer Navigation Component mit Erdtönen, einfachem Layout, responsivem Design und Unterstützung für dunkle Themen für den E-Commerce.
Brutalistischer E-Commerce Footer Navigation
Brutalistische E-Commerce-Fußzeilennavigation mit analogen Farben, komplex, reaktionsschnell, Unterstützung des Dunkelmodus, kein JS