Composants Pied de page Composant de pied de page neumorphe

Composant de pied de page neumorphe

Un composant de pied de page de style Neumorphic pour les interfaces de médias sociaux avec des couleurs vives et une mise en page complexe, prenant en charge le mode sombre.

Aperçu

HTML Code

<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>

Composants associés

Composant de pied de page

Un composant de pied de page neumorphique pour un site Web de blog/contenu, schéma de couleurs monochromatique, avec prise en charge du mode sombre. Il s’agit d’un composant modérément complexe. Il est réactif.

Ouvrir

Pied de page de blog rétro

Un composant de pied de page rétro/vintage pour un blog avec une palette de couleurs monochromatiques, une mise en page simple, un design réactif et une prise en charge du thème sombre.

Ouvrir

Composant de pied de page de neumorphisme

Composant de pied de page de neumorphisme réactif avec prise en charge du thème sombre

Ouvrir