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 progettato in uno stile retrò/vintage ispirato all'estetica degli anni '80 e '90. È dotato di un supporto per il tema scuro ed è completamente reattivo.

Anteprima

Codice HTML

<footer class="bg-gray-800 text-white py-8 mt-10">
    <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
        <div class="text-center md:text-left">
            <h2 class="text-2xl font-bold mb-2">Stay Connected!</h2>
            <p>Follow us on our social media channels:</p>
            <div class="flex justify-center md:justify-start mt-4 space-x-4">
                <a href="#" class="text-gray-400 hover:text-white">
                    <img src="https://picsum.photos/30/30?random=1" alt="Facebook" class="rounded-full">
                </a>
                <a href="#" class="text-gray-400 hover:text-white">
                    <img src="https://picsum.photos/30/30?random=2" alt="Twitter" class="rounded-full">
                </a>
                <a href="#" class="text-gray-400 hover:text-white">
                    <img src="https://picsum.photos/30/30?random=3" alt="Instagram" class="rounded-full">
                </a>
            </div>
        </div>
        <nav class="mt-6 md:mt-0">
            <ul class="flex flex-col md:flex-row space-x-4">
                <li><a href="#" class="hover:text-gray-400 transition">Home</a></li>
                <li><a href="#" class="hover:text-gray-400 transition">About</a></li>
                <li><a href="#" class="hover:text-gray-400 transition">Services</a></li>
                <li><a href="#" class="hover:text-gray-400 transition">Contact</a></li>
            </ul>
        </nav>
    </div>
    <div class="text-center mt-6">
        <p class="text-gray-500 text-sm">&copy; 2023 Your Company. All rights reserved.</p>
    </div>
</footer>

Componenti correlati

Brutalist E-commerce Navigazione a piè di pagina

Navigazione a piè di pagina per e-commerce brutalista con colori analoghi, complesso, reattivo, supporto per la modalità scura, senza JS

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

Retro_Jewel_Tone_Dashboard_Footer_Navigation

Un componente di navigazione a piè di pagina reattivo per una dashboard, ispirato all'estetica retrò/vintage con colori gioiello (smeraldo, zaffiro, rubino) e supporto per la modalità scura. Include collegamenti di navigazione, icone dei social media e informazioni sul copyright.

Aperto