Komponenten Fußzeilen-Navigation Komponente "Fußzeilennavigation"

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.

Vorschau

HTML-Code

<footer class="bg-gray-800 dark:bg-gray-900 text-white py-4">
    <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
        <div class="flex flex-col md:flex-row items-center">
            <img src="https://picsum.photos/50/50" alt="Avatar" class="rounded-full mb-2 md:mb-0 md:mr-4">
            <ul class="flex space-x-4">
                <li><a href="#" class="hover:text-blue-400 dark:hover:text-blue-300">Home</a></li>
                <li><a href="#" class="hover:text-red-400 dark:hover:text-red-300">About</a></li>
                <li><a href="#" class="hover:text-green-400 dark:hover:text-green-300">Contact</a></li>
            </ul>
        </div>
        <div class="flex space-x-4 mt-4 md:mt-0">
            <a href="#" class="hover:text-blue-400 dark:hover:text-blue-300">Facebook</a>
            <a href="#" class="hover:text-red-400 dark:hover:text-red-300">Twitter</a>
            <a href="#" class="hover:text-green-400 dark:hover:text-green-300">Instagram</a>
        </div>
    </div>
</footer>

Verwandte Komponenten

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.

Offen

Brutalismus E-Commerce Footer Navigation

Eine einfache, brutalistische Fußzeilennavigationskomponente für den E-Commerce mit Pastellfarben und Unterstützung des Dunkelmodus.

Offen

Komponente "Fußzeilennavigation"

Eine reaktionsschnelle und komplexe Fußzeilennavigationskomponente im Neumorphism-Stil für Unternehmenswebsites, die ein Graustufen-Farbschema mit Unterstützung für den Dunkelmodus verwenden. Kein JavaScript.

Offen