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

Retro_Earth_Tone_Portfolio_Footer

Un componente di navigazione a piè di pagina reattivo e a tema retrò per un sito web di portfolio, con i toni della terra e il supporto della modalità scura. Progettato pensando all'estetica degli anni '80/'90, offre un tocco nostalgico.

Aperto

Componente di navigazione a piè di pagina 38

Un componente di navigazione a piè di pagina reattivo progettato con uno stile scheumorfico per imitare gli elementi del mondo reale, con supporto per il tema scuro e utilizzando Tailwind CSS. Questo componente include link, immagini segnaposto e avatar.

Aperto

Skeuomorphic_Grayscale_Business_Footer

Un componente di navigazione a piè di pagina in scala di grigi reattivo e skeumorfico per siti Web aziendali/aziendali, che supporta la modalità scura.

Aperto