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

Komponente "Fußzeilennavigation"

Eine einfache Fußzeilennavigationskomponente, die im Glassmorphism-Stil mit einem monochromatischen Farbschema gestaltet ist. Es ist reaktionsschnell, unterstützt den Dunkelmodus und eignet sich für E-Commerce-Websites.

Vorschau

HTML-Code 

<footer class="bg-white bg-opacity-40 backdrop-blur-lg p-6 rounded-lg shadow-lg dark:bg-gray-800 dark:bg-opacity-50">
    <div class="container mx-auto flex flex-col sm:flex-row justify-between items-center">
        <div class="text-center sm:text-left">
            <h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200">Shop with Us</h2>
            <p class="text-sm text-gray-600 dark:text-gray-400">Your online shopping experience starts here.</p>
        </div>
        <div class="mt-4 sm:mt-0">
            <ul class="flex space-x-4">
                <li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">Home</a></li>
                <li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">Products</a></li>
                <li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">About Us</a></li>
                <li><a href="#" class="text-gray-800 dark:text-gray-200 hover:text-blue-500">Contact</a></li>
            </ul>
        </div>
    </div>
    <div class="mt-6 text-center text-sm text-gray-600 dark:text-gray-400">
        <p>&copy; 2023 Your E-commerce. All rights reserved.</p>
    </div>
</footer>

Verwandte Komponenten

Komponente "Fußzeilennavigation"

Eine komplexe, reaktionsschnelle Fußzeilennavigationskomponente, die für einen Marktplatz entwickelt wurde, mit einer Benutzeroberfläche im Dunkelmodus mit einem Schwarz-Weiß-Farbschema und einer hellen Akzentfarbe (Indigo). Enthält mehrere Abschnitte für Navigation, Unternehmensinformationen, rechtliche Links und soziale Medien mit vollständiger 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

Brutalismus E-Commerce Footer Navigation

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

Offen