Componentes Pie de página Componente de pie de página neumórfico

Componente de pie de página neumórfico

Un componente de pie de página de estilo neumórfico para interfaces de redes sociales con colores vibrantes y un diseño complejo, compatible con el modo oscuro.

Vista previa

Código HTML

<footer class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg dark:shadow-2xl">
    <div class="flex flex-col items-center">
        <div class="flex space-x-6 mb-4">
            <a href="#" class="bg-blue-500 dark:bg-blue-700 text-white p-2 rounded-full shadow-md hover:shadow-lg transition transform hover:scale-105">
                <img src="https://picsum.photos/50?random=1" alt="Facebook" class="h-8 w-8 rounded-full">
            </a>
            <a href="#" class="bg-blue-400 dark:bg-blue-600 text-white p-2 rounded-full shadow-md hover:shadow-lg transition transform hover:scale-105">
                <img src="https://picsum.photos/50?random=2" alt="Twitter" class="h-8 w-8 rounded-full">
            </a>
            <a href="#" class="bg-red-500 dark:bg-red-700 text-white p-2 rounded-full shadow-md hover:shadow-lg transition transform hover:scale-105">
                <img src="https://picsum.photos/50?random=3" alt="Instagram" class="h-8 w-8 rounded-full">
            </a>
            <a href="#" class="bg-purple-500 dark:bg-purple-700 text-white p-2 rounded-full shadow-md hover:shadow-lg transition transform hover:scale-105">
                <img src="https://picsum.photos/50?random=4" alt="LinkedIn" class="h-8 w-8 rounded-full">
            </a>
        </div>
        <p class="text-gray-700 dark:text-gray-300 text-sm mb-2">© 2023 Your Company</p>
        <p class="text-gray-500 dark:text-gray-400 text-xs">Follow us on social media!</p>
    </div>
</footer>

Componentes relacionados

Componente de pie de página

Un componente de pie de página responsivo simple diseñado en un estilo retro / vintage con soporte para temas oscuros, usando Tailwind CSS. Cuenta con un diseño básico adecuado para sitios web comerciales / corporativos.

Abrir

Industrial_Candy_Footer_Component

Un componente de pie de página responsivo para una plataforma de foro/comunidad, con una estética "industrial" con acentos de color "dulces/dulces". Incluye enlaces de navegación, iconos de redes sociales, derechos de autor y suscripción a un boletín, con soporte completo para el modo oscuro.

Abrir

Componente de pie de página - Swiss Pastel Consulting

Un componente de pie de página limpio, minimalista y receptivo con una influencia de diseño suizo, con colores pastel y tipografía clara, adecuado para sitios web de consultoría / servicios. Incluye soporte para modo oscuro.

Abrir