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
Piè di pagina di Glassmorphism
Un componente del piè di pagina reattivo progettato con lo stile glassmorphism, con effetti simili al vetro smerigliato e supporto per temi scuri utilizzando Tailwind CSS.
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.
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.