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

Acuarela/Pie de página de neón artístico

Un componente de pie de página simple y receptivo con una estética artística / acuarela y un esquema de color neón vibrante, adecuado para un sitio web de portafolio. Incluye soporte para modo oscuro.

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

Portafolio-Minimalista-Triádico-Complejo-Pie de página

Un pie de página complejo y de estilo minimalista para un sitio web de portafolio, que utiliza un esquema de color triádico. Incluye enlaces de navegación, iconos de redes sociales, derechos de autor y una llamada a la acción para el contacto, con capacidad de respuesta total y compatibilidad con el modo oscuro.

Abrir