Composant d’affichage du contenu
Un composant réactif pour présenter des travaux ou des produits dans un style sombre avec une palette de couleurs pastel.
HTML Code
<div class="bg-gray-800 dark:bg-gray-900 p-6 rounded-lg shadow-lg max-w-md mx-auto">
<h2 class="text-2xl font-bold text-pink-300 dark:text-pink-200 mb-4">Project Title</h2>
<img src="https://picsum.photos/400/200" alt="Project Image" class="rounded-lg mb-4 shadow-md">
<p class="text-gray-300 dark:text-gray-200 mb-4">This is a brief description of the project. It showcases the unique features and the value it brings to users.</p>
<div class="flex items-center mb-4">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Avatar" class="w-10 h-10 rounded-full mr-2 shadow-lg">
<span class="text-gray-400 dark:text-gray-200">Posted by John Doe</span>
</div>
<a href="#" class="inline-block bg-pink-500 hover:bg-pink-400 text-white font-semibold py-2 px-4 rounded mt-2">View More</a>
</div>Composants associés
Swiss_International_Typography_Content_Display_Component
Un composant d’affichage de contenu propre et minimaliste pour les tableaux de bord, mettant l’accent sur la typographie et les systèmes de grille avec des couleurs neutres froides et une réactivité totale.
Composant d’affichage du contenu
Un composant d’affichage de contenu réactif qui intègre des micro-interactions avec des animations attrayantes axées sur les actions de l’utilisateur. Il inclut la prise en charge du mode sombre et des espaces réservés pour les images et les avatars.
Composant Composants d’affichage de contenu
Un composant d’affichage de contenu avec des micro-interactions, des couleurs en niveaux de gris et une complexité modérée, conçu pour les portefeuilles avec prise en charge réactive des thèmes sombres.