Componente piè di pagina
Un semplice componente a piè di pagina in modalità oscura per i social media con combinazione di colori complementari.
Codice HTML
<footer class="bg-gray-800 text-white py-4">
<div class="container mx-auto flex flex-col items-center">
<div class="flex space-x-4 mb-3">
<a href="#" class="text-gray-400 hover:text-gray-200">About</a>
<a href="#" class="text-gray-400 hover:text-gray-200">Contact</a>
<a href="#" class="text-gray-400 hover:text-gray-200">Privacy Policy</a>
</div>
<div class="flex space-x-4 mb-3">
<a href="#" class="text-gray-400 hover:text-gray-200">
<img src="https://picsum.photos/30/30" alt="Facebook" class="inline-block">
</a>
<a href="#" class="text-gray-400 hover:text-gray-200">
<img src="https://picsum.photos/30/30" alt="Twitter" class="inline-block">
</a>
<a href="#" class="text-gray-400 hover:text-gray-200">
<img src="https://picsum.photos/30/30" alt="Instagram" class="inline-block">
</a>
</div>
<div class="text-center">
<p class="text-gray-400">© 2023 Your Company. All rights reserved.</p>
</div>
</div>
</footer>Componenti correlati
Componente piè di pagina neumorfico
Un componente piè di pagina in stile neumorfico per interfacce di social media con colori vivaci e un layout complesso, che supporta la modalità scura.
Componente piè di pagina
Un componente Piè di pagina progettato in uno stile scheumorfico con una combinazione di colori triadica e complessità moderata, adatto per un layout Blog/Contenuto.
Corporate_Industrial_Footer_Ocean_Blue
Un componente piè di pagina reattivo, a tema aziendale e industriale con combinazione di colori oceano/blu, progettato per le aziende manifatturiere. Include collegamenti di navigazione, informazioni di contatto, social media e copyright, con supporto completo per la modalità scura.