Volet Composantes sociales
Un composant social simple conçu avec un style skeuomorphe utilisant des couleurs vives pour un site d’entreprise professionnel, un design réactif avec prise en charge du mode sombre.
HTML Code
<div class="max-w-md mx-auto bg-white shadow-lg rounded-lg overflow-hidden dark:bg-gray-800">
<div class="p-6">
<div class="flex items-center mb-4">
<img class="w-16 h-16 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Avatar">
<div>
<h2 class="text-xl font-bold text-gray-800 dark:text-white">John Doe</h2>
<p class="text-gray-600 dark:text-gray-400">Business Analyst</p>
</div>
</div>
<p class="text-gray-700 dark:text-gray-300">Follow us on our platforms!</p>
<div class="flex mt-4 space-x-4">
<a href="#" class="flex items-center justify-center w-10 h-10 bg-blue-500 rounded-full hover:bg-blue-600 dark:bg-blue-700 dark:hover:bg-blue-600">
<img src="https://picsum.photos/30/30?random=1" alt="Facebook" class="w-5 h-5">
</a>
<a href="#" class="flex items-center justify-center w-10 h-10 bg-blue-400 rounded-full hover:bg-blue-500 dark:bg-blue-600 dark:hover:bg-blue-500">
<img src="https://picsum.photos/30/30?random=2" alt="Twitter" class="w-5 h-5">
</a>
<a href="#" class="flex items-center justify-center w-10 h-10 bg-red-500 rounded-full hover:bg-red-600 dark:bg-red-700 dark:hover:bg-red-600">
<img src="https://picsum.photos/30/30?random=3" alt="Instagram" class="w-5 h-5">
</a>
</div>
</div>
</div>Composants associés
Volet Composantes sociales
Composant social rétro/vintage avec palette de couleurs monochromatique et complexité simple, conçu pour les blogs/contenus, avec prise en charge du thème sombre.
Volet Composantes sociales
Une composante sociale pour un tableau de bord au design brutaliste et pastel. Il affiche un profil utilisateur avec un nom, un titre et un avatar, et comprend des boutons pour les actions sociales telles que le suivi, la messagerie et le partage. Le composant est réactif et prend en charge le mode sombre.
Volet Composantes sociales
Un composant de médias sociaux de style rétro/vintage doté d’une interface riche avec de multiples éléments interactifs, conçu avec des couleurs complémentaires et prenant en charge le mode sombre.