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.
Código HTML
<footer class="bg-white bg-opacity-30 backdrop-blur-md rounded-lg p-6 dark:bg-gray-800 dark:bg-opacity-30 transition duration-300 ease-in-out">
<div class="container mx-auto">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="text-center md:text-left">
<h2 class="text-xl font-bold text-gray-800 dark:text-white">Connect with Us</h2>
<p class="text-gray-600 dark:text-gray-300">Stay updated with our latest news and offers.</p>
</div>
<div class="mt-4 md:mt-0">
<a href="#" class="text-gray-500 hover:text-gray-800 dark:hover:text-white mx-2"><img src="https://picsum.photos/40/40?random=1" alt="Avatar" class="rounded-full " /></a>
<a href="#" class="text-gray-500 hover:text-gray-800 dark:hover:text-white mx-2"><img src="https://picsum.photos/40/40?random=2" alt="Avatar" class="rounded-full " /></a>
<a href="#" class="text-gray-500 hover:text-gray-800 dark:hover:text-white mx-2"><img src="https://picsum.photos/40/40?random=3" alt="Avatar" class="rounded-full " /></a>
</div>
</div>
<div class="flex justify-center mt-4">
<a href="#" class="text-gray-500 hover:text-gray-800 dark:hover:text-white mx-2">Privacy Policy</a>
<span class="text-gray-500 dark:text-gray-300">|</span>
<a href="#" class="text-gray-500 hover:text-gray-800 dark:hover:text-white mx-2">Terms of Service</a>
</div>
</div>
</footer>Componentes relacionados
Componente de pie de página de Cyberpunk
Un componente de pie de página simple y receptivo con una estética cyberpunk futurista que utiliza tonos morados/violetas, adecuado para aplicaciones de tecnología/SaaS. Incluye soporte para modo oscuro.
Organic_Nature_Inspired_Real_Estate_Footer
Un componente de pie de página complejo, inspirado en la naturaleza y de colores complementarios para plataformas inmobiliarias, con líneas fluidas, formas naturales, múltiples elementos interactivos y capacidad de respuesta total con 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.