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

Komponente "Fußzeilennavigation"

Eine reaktionsschnelle Fußzeilennavigationskomponente mit einem Glasmorphismus-Stil mit mattglasähnlichen, durchscheinenden Elementen und Unschärfeeffekten. Es unterstützt den Dunkelmodus und enthält Platzhalterbilder.

Vorschau

HTML-Code 

<footer class="bg-white bg-opacity-30 backdrop-blur-lg dark:bg-gray-900 dark:bg-opacity-30 py-8">
    <div class="container mx-auto px-4">
        <div class="flex flex-col md:flex-row justify-between items-center">
            <div class="flex items-center space-x-4">
                <img src="https://picsum.photos/40/40" alt="Avatar" class="rounded-full">
                <span class="text-lg font-bold text-gray-800 dark:text-gray-200">Your Company</span>
            </div>
            <nav class="flex flex-col md:flex-row space-y-2 md:space-y-0 md:space-x-6 mt-4 md:mt-0">
                <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">Home</a>
                <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">About</a>
                <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">Services</a>
                <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">Contact</a>
            </nav>
        </div>
        <div class="mt-6 text-center">
            <p class="text-gray-500 dark:text-gray-400">© 2023 Your Company. All rights reserved.</p>
        </div>
    </div>
</footer>

Verwandte Komponenten

Komponente "Fußzeilennavigation"

Fußzeilennavigationskomponente mit Dunkelmodus und responsiven Effekten

Offen

Retro_Earth_Tone_Portfolio_Footer

Eine reaktionsschnelle Fußzeilennavigationskomponente im Retro-Design für eine Portfolio-Website mit Unterstützung für Erdtöne und Unterstützung des Dunkelmodus. Entworfen mit Blick auf die Ästhetik der 80er/90er Jahre und mit einem nostalgischen Gefühl.

Offen

Komponente "Fußzeilennavigation"

Eine einfache, reaktionsschnelle Fußzeilennavigationskomponente mit einem warmen, vom Sonnenuntergang inspirierten Farbschema, das für Mode- und Beauty-Marken entwickelt wurde. Verfügt über subtile Hover-Effekte und Unterstützung für den Dunkelmodus.

Offen