Composant multimédia rétro
Un composant multimédia réactif avec un design rétro/vintage, prend en charge le mode sombre.
HTML Code
<div class="bg-gray-200 dark:bg-gray-800 p-6 rounded-lg shadow-md transform hover:scale-105 transition duration-300">
<img class="w-full h-48 object-cover rounded-t-lg mb-4" src="https://picsum.photos/seed/retro/600/400" alt="Retro Image">
<div class="text-gray-700 dark:text-gray-300">
<h2 class="text-xl font-bold mb-2">Retro Media Title</h2>
<p class="text-base mb-4">This is a description of the retro media component, evoking a sense of nostalgia with its vintage design and colors.</p>
<div class="flex items-center text-sm">
<img class="w-8 h-8 rounded-full mr-2" src="https://randomuser.me/api/portraits/men/1.jpg" alt="Author Avatar">
<span>By John Doe</span>
<span class="ml-auto">Posted on 1995-10-26</span>
</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 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.
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.