Componente de pie de página
Un componente de pie de página de modo oscuro simple para redes sociales con combinación de colores complementaria.
Código 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>Componentes relacionados
Componente de pie de página
Un componente de pie de página diseñado en un estilo de neumorfismo, que admite efectos responsivos y temas oscuros mediante Tailwind CSS.
Pie de página monocromático de glassmorphism
Un componente de pie de página de glassmorphism simple y monocromático para un blog, con diseño responsivo y soporte para modo oscuro.
Pie de página SaaS de lujo
Un componente de pie de página elegante y sofisticado para una aplicación SaaS, con múltiples secciones de navegación, suscripción a boletines informativos, enlaces a redes sociales e información sobre derechos de autor. Diseñado con una paleta de colores océano/azul, capacidad de respuesta total y compatibilidad con modo oscuro.