Componenti Navigazione a piè di pagina Componente di navigazione del piè di pagina

Componente di navigazione del piè di pagina

Un componente di navigazione a piè di pagina reattivo con uno stile glassmorphism con elementi traslucidi simili al vetro smerigliato ed effetti di sfocatura. Supporta la modalità oscura e include immagini segnaposto.

Anteprima

Codice HTML

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

Componenti correlati

Componente di navigazione del piè di pagina

Un componente di navigazione a piè di pagina reattivo progettato per un cruscotto, caratterizzato da uno stile Skeuomorphic con colori vivaci. Include collegamenti di navigazione, un logo e icone dei social media, con supporto completo della modalità oscura utilizzando Tailwind CSS. Il design mira a una complessità moderata con effetti di hover interattivi.

Aperto

Piè di pagina per e-commerce retrò/vintage

Componente di navigazione a piè di pagina retrò / vintage con toni della Terra, layout semplice, design reattivo e supporto per temi scuri, per l'e-commerce.

Aperto

Componente di navigazione del piè di pagina

Un componente di navigazione a piè di pagina reattivo con uno stile di design retrò/vintage, che utilizza colori vivaci e su misura per le interfacce dei social media.

Aperto