Minimalistische Social-Media-Fußzeile
Eine minimalistische Fußzeilenkomponente mit Erdtönen für Social-Media-Schnittstellen. Reaktionsschnell mit Unterstützung für dunkle Themen.
HTML-Code
<footer class="bg-gray-200 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">
<p class="text-gray-700 dark:text-gray-300 text-sm">© 2023 SocialMedia. All rights reserved.</p>
</div>
<div class="flex space-x-4">
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
<i class="fab fa-instagram"></i>
</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
</div>
</div>
</footer>
Verwandte Komponenten
Industrial_Candy_Footer_Component
Eine reaktionsschnelle Fußzeilenkomponente für ein Forum/eine Community-Plattform, die sich durch eine "industrielle" Ästhetik mit "Bonbons/süßen" Farbakzenten auszeichnet. Enthält Navigationslinks, Social-Media-Symbole, Urheberrecht und eine Newsletter-Anmeldung mit vollständiger Unterstützung des Dunkelmodus.
Cyberpunk Footer-Komponente
Eine einfache, reaktionsschnelle Fußzeilenkomponente mit einer futuristischen Cyberpunk-Ästhetik in Lila-/Violetttönen, die für Technologie-/SaaS-Anwendungen geeignet ist. Inklusive Unterstützung für den Dunkelmodus.
Fußzeile für Firmenbuchungen
Eine komplexe, reaktionsschnelle Fußzeilenkomponente für Unternehmen, die für Buchungs-/Reservierungssysteme entwickelt wurde, mit warmen Neutraltönen und Unterstützung für den Dunkelmodus, unter Verwendung von semantischem HTML und Tailwind CSS.