Piè di pagina minimalista per social media
Un componente minimalista del piè di pagina con una combinazione di colori dei toni della terra per le interfacce dei social media. Reattivo con supporto per il tema scuro.
Codice HTML
<footer class="bg-gray-200 dark:bg-gray-800 py-6">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<p class="text-gray-700 dark:text-gray-300 text-sm">© 2023 SocialMedia. All rights reserved.</p>
</div>
<div class="flex space-x-4">
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
<i class="fab fa-instagram"></i>
</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
</div>
</div>
</footer>
Componenti correlati
Componente piè di pagina dei social media
Un componente piè di pagina reattivo per le interfacce di social networking, progettato con i principi del Material Design utilizzando una combinazione di colori blu monocromatica. Presenta layout basati su griglia, effetti di profondità (ombre), animazioni al passaggio del mouse e di transizione per elementi interattivi, un modulo di iscrizione alla newsletter, icone social, avatar utente e supporto per la modalità oscura tramite il modificatore dark: di Tailwind.
Neumorfismo Earth Footer
Componente piè di pagina reattivo con supporto per neumorfismo, toni della terra e tema scuro
Componente piè di pagina
Un semplice componente a piè di pagina in modalità oscura per i social media con combinazione di colori complementari.