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 multimédia minimaliste
Un composant multimédia simple, propre et réactif pour les sites Web d’entreprise, avec des couleurs bonbons/douces et la prise en charge du mode sombre.
Cyberpunk_Dating_Media_Component
Un composant multimédia réactif pour les plateformes de rencontres/sociales avec une esthétique cyberpunk, avec des couleurs vives de bonbon, des arrière-plans sombres et des éléments interactifs. Prend en charge le mode sombre.
Memphis_Media_Component_Educational
Un composant multimédia réactif pour les plateformes éducatives, conçu avec une esthétique de style Memphis utilisant des couleurs vives, des formes géométriques et une palette de couleurs néon/électrique. Prend en charge le mode sombre.