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 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"

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

Komponente "Fußzeilennavigation"

Eine reaktionsschnelle Fußzeilennavigationskomponente, die für Geschäfts-/Unternehmenswebsites im Dunkelmodus entwickelt wurde, mit einem triadischen Farbschema und mittlerer Komplexität mit interaktiven Funktionen.

Offen