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 de Glassmorphism
Un componente de pie de página interactivo con un estilo de morfismo de vidrio con elementos translúcidos similares al vidrio esmerilado con efectos de desenfoque, y admite un tema oscuro.
Pie de página vibrante neumórfico
Un componente de pie de página simple y receptivo diseñado con principios de diseño neumórfico y colores vibrantes. Presenta una apariencia suave y extruida con sombras sutiles mientras mantiene los colores de acento de alta saturación. El pie de página incluye secciones básicas para la navegación del sitio, enlaces sociales e información de derechos de autor con soporte completo para el modo oscuro.
Pie de página de blog simple análogo en 3D
Componente de pie de página responsivo con soporte de tema oscuro usando Tailwind CSS. El pie de página tiene un diseño 3D simple con colores análogos. Está optimizado para sitios web de blogs/contenidos.