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
Piè di pagina del blog semplice analogo 3D
Componente piè di pagina reattivo con supporto per temi scuri utilizzando Tailwind CSS. Il piè di pagina ha un semplice design 3D con colori analoghi. È ottimizzato per blog/siti Web di contenuti.
Componente piè di pagina
Un componente piè di pagina neumorfico per un blog/sito Web di contenuti, combinazione di colori monocromatica, con supporto per la modalità scura. Si tratta di un componente moderatamente complesso. È reattivo.
Componente piè di pagina
Componente piè di pagina reattivo con stile Skeuomorphism, combinazione di colori dei toni della Terra e supporto per temi scuri, progettato per i social media.