CCHub Logo CCHub Tailwind Collection
Komponenten Fußzeilen-Navigation Komponente "Fußzeilennavigation"

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.

Vorschau

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>&copy; 2023 E-Commerce. All rights reserved.</p>
    </div>
</footer>

Verwandte Komponenten

Komponente "Fußzeilennavigation"

Eine Navigationskomponente für die Fußzeile, die im Retro-/Vintage-Stil gestaltet ist und von der Ästhetik der 80er und 90er Jahre inspiriert ist. Es verfügt über eine Unterstützung für dunkle Themen und ist vollständig reaktionsschnell.

Offen

Komponente "Fußzeilennavigation"

Fußzeilennavigationskomponente mit Neumorphismus-Design, monochromatischem Farbschema, komplexer Komplexität und Social-Media-Zweck. Responsives Design mit Unterstützung für dunkle Themen.

Offen

Komponente "Fußzeilennavigation"

Footer Navigation Component for E-Commerce with Material Design - eine einfache Komponente mit Unterstützung für Responsive und Dark Mode mit einem komplementären Farbschema.

Offen