Componenti Piè di pagina Componente piè di pagina

Componente piè di pagina

Un semplice componente del piè di pagina reattivo progettato in uno stile retrò/vintage con un supporto per il tema scuro, utilizzando Tailwind CSS. Presenta un layout di base adatto a siti Web aziendali/aziendali.

Anteprima

Codice HTML

<footer class="bg-blue-900 text-white py-6 mt-10 dark:bg-gray-800">
    <div class="container mx-auto text-center">
        <div class="flex flex-col md:flex-row justify-between items-center">
            <div class="mb-4 md:mb-0">
                <img src="https://picsum.photos/100/50" alt="Company Logo" class="mx-auto mb-2">
                <h2 class="text-lg font-bold">Company Name</h2>
                <p class="text-sm">Your tagline goes here.</p>
            </div>
            <div>
                <h3 class="text-md font-semibold mb-2">Follow Us</h3>
                <div class="flex justify-center space-x-4">
                    <a href="#" class="text-gray-400 hover:text-gray-200"><img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Facebook" class="h-6 w-6"></a>
                    <a href="#" class="text-gray-400 hover:text-gray-200"><img src="https://randomuser.me/api/portraits/men/2.jpg" alt="Twitter" class="h-6 w-6"></a>
                    <a href="#" class="text-gray-400 hover:text-gray-200"><img src="https://randomuser.me/api/portraits/women/1.jpg" alt="Instagram" class="h-6 w-6"></a>
                </div>
            </div>
        </div>
        <div class="mt-6 border-t border-gray-600 pt-4">
            <p class="text-xs">&copy; 2023 Company Name. All rights reserved.</p>
        </div>
    </div>
</footer>

Componenti correlati

Piè di pagina Componente Piè di pagina

Un semplice componente del piè di pagina con un sottile design di scheumorfismo, che utilizza una combinazione di colori analoga. Include un avviso di copyright, alcuni link di navigazione e icone dei social media. Il design è reattivo e supporta la modalità oscura.

Aperto

Organic_Nature_Inspired_Real_Estate_Footer

Un componente piè di pagina complesso, ispirato alla natura e dai colori complementari per piattaforme immobiliari, caratterizzato da linee fluide, forme naturali, più elementi interattivi e piena reattività con supporto della modalità oscura.

Aperto

Industrial_Charity_Footer

Un componente del piè di pagina complesso e reattivo per siti Web senza scopo di lucro/beneficenza, caratterizzato da un'estetica industriale e grezza con una tavolozza di colori retrò/vintage. Include navigazione, informazioni di contatto, collegamenti social e iscrizione alla newsletter, con supporto completo per la modalità scura.

Aperto