Composant Composants multimédias
Composant multimédia complexe et réactif pour la consommation de contenu de blog, stylisé en mode sombre avec une palette de couleurs monochromatiques. Il comprend une image, un titre, une description et un avatar de l’auteur.
HTML Code
<div class="max-w-2xl mx-auto bg-gray-900 text-gray-100 p-6 rounded-lg shadow-md">
<img class="w-full h-48 rounded-lg object-cover mb-4" src="https://picsum.photos/800/400" alt="Media Content">
<h2 class="text-2xl font-bold mb-2">Article Title</h2>
<p class="text-gray-400 mb-4">This is a short description of the content that provides a brief overview of what the article is about.</p>
<div class="flex items-center mt-4">
<img class="w-10 h-10 rounded-full mr-3" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Author Avatar">
<div>
<p class="text-sm font-semibold">John Doe</p>
<p class="text-xs text-gray-500">Published on January 1, 2023</p>
</div>
</div>
</div>Composants associés
Composant Composants multimédias
Composant multimédia 3D pour les médias sociaux avec une palette de couleurs complémentaire, une complexité modérée et une prise en charge du thème sombre.
Composant Composants multimédias
Un composant multimédia réactif pour le commerce électronique avec Material Design et une palette de couleurs monochromatiques.
Brutalisme Pastel Media Composante
Un composant médiatique simple et brutaliste avec une palette de couleurs pastel, conçu pour un blog. Réactif avec prise en charge du mode sombre.