Volet Composantes sociales
Un composant de médias sociaux réactif avec prise en charge du mode sombre pour les sites Web d’entreprise, avec une palette de couleurs triadique.
HTML Code
<div class="dark:bg-gray-900 bg-teal-100 p-6 flex flex-col md:flex-row items-center justify-around">
<div class="dark:bg-gray-800 bg-teal-200 rounded-lg shadow-lg p-6 m-4 w-full md:w-1/3">
<h3 class="dark:text-white text-teal-900 text-xl font-semibold mb-4">Our Latest Post</h3>
<img src="https://picsum.photos/400/200" alt="Blog Post Image" class="rounded-md mb-4">
<p class="dark:text-gray-300 text-teal-800 mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<a href="#" class="dark:text-purple-400 text-blue-700 hover:underline">Read More</a>
</div>
<div class="dark:bg-gray-800 bg-red-200 rounded-lg shadow-lg p-6 m-4 w-full md:w-1/3">
<h3 class="dark:text-white text-red-900 text-xl font-semibold mb-4">Connect With Us</h3>
<div class="flex items-center mb-4">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User Avatar" class="w-10 h-10 rounded-full mr-4">
<p class="dark:text-gray-300 text-red-800">Follow us on Twitter!</p>
</div>
<button class="dark:bg-purple-600 bg-blue-600 text-white px-4 py-2 rounded-md hover:dark:bg-purple-700 hover:bg-blue-700">Follow</button>
</div>
<div class="dark:bg-gray-800 bg-orange-200 rounded-lg shadow-lg p-6 m-4 w-full md:w-1/3">
<h3 class="dark:text-white text-orange-900 text-xl font-semibold mb-4">Our Community</h3>
<ul class="list-disc list-inside dark:text-gray-300 text-orange-800">
<li>10K+ Members</li>
<li>Active Discussions</li>
<li>Exclusive Content</li>
</ul>
<a href="#" class="dark:text-purple-400 text-blue-700 hover:underline mt-4 block">Join Our Community</a>
</div>
</div>Composants associés
Volet Composantes sociales
Un composant social simple et élégant conçu pour les plateformes musicales et audio avec une palette de couleurs à contraste élevé et un style luxueux, avec le profil de l’utilisateur, les abonnés et les mesures d’engagement. Entièrement réactif avec prise en charge du mode sombre.
Volet Composantes sociales
Il s’agit d’un composant social complexe de style industriel pour les systèmes de réservation et de réservation, avec des neutres froids, des éléments exposés et la prise en charge du mode sombre. Conçu pour les systèmes de rendez-vous et de réservation.
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.