Footer-Komponente
Eine einfache, reaktionsschnelle Fußzeilenkomponente im Retro-/Vintage-Stil mit Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS. Es verfügt über ein grundlegendes Layout, das für Geschäfts-/Unternehmenswebsites geeignet ist.
HTML-Code
<footer class="bg-blue-900 text-white py-6 mt-10 dark:bg-gray-800">
<div class="container mx-auto text-center">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<img src="https://picsum.photos/100/50" alt="Company Logo" class="mx-auto mb-2">
<h2 class="text-lg font-bold">Company Name</h2>
<p class="text-sm">Your tagline goes here.</p>
</div>
<div>
<h3 class="text-md font-semibold mb-2">Follow Us</h3>
<div class="flex justify-center space-x-4">
<a href="#" class="text-gray-400 hover:text-gray-200"><img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Facebook" class="h-6 w-6"></a>
<a href="#" class="text-gray-400 hover:text-gray-200"><img src="https://randomuser.me/api/portraits/men/2.jpg" alt="Twitter" class="h-6 w-6"></a>
<a href="#" class="text-gray-400 hover:text-gray-200"><img src="https://randomuser.me/api/portraits/women/1.jpg" alt="Instagram" class="h-6 w-6"></a>
</div>
</div>
</div>
<div class="mt-6 border-t border-gray-600 pt-4">
<p class="text-xs">© 2023 Company Name. All rights reserved.</p>
</div>
</div>
</footer>Verwandte Komponenten
Footer-Komponente
Eine neumorphe Fußzeilenkomponente für einen Blog/eine Content-Website, monochromatisches Farbschema, mit Unterstützung für den Dunkelmodus. Es handelt sich um ein mäßig komplexes Bauteil. Es ist reaktionsschnell.
Neumorphe Fußzeilenkomponente
Eine Fußzeilenkomponente im Neumorphic-Stil für Social-Media-Schnittstellen mit lebendigen Farben und einem komplexen Layout, die den Dunkelmodus unterstützt.
Footer-Komponente
Eine Fußzeilenkomponente, die im Neumorphism-Stil gestaltet wurde und responsive Effekte und dunkle Designs mit Tailwind CSS unterstützt.