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

Footer-Navigationskomponente - Industrieller Ozean

Eine komplexe, reaktionsschnelle Fußzeilennavigationskomponente im industriellen Stil mit Ozean-/Blau-Farbschema, geeignet für Event-/Konferenz-Websites. Enthält mehrspaltige Links, Social-Media-Symbole, Urheberrecht und Unterstützung für den Dunkelmodus.

Offen

3D-Design-Fußzeilennavigationskomponente

Eine Fußzeilennavigationskomponente im 3D-Stil mit responsivem Design und Unterstützung für den Dunkelmodus.

Offen

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.

Offen