Composant Composants multimédias
Un composant multimédia réactif inspiré des styles de design rétro/vintage, avec une esthétique nostalgique des années 80/90. Il prend en charge le thème sombre avec Tailwind CSS et comprend des images et des avatars de remplacement.
HTML Code
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6 max-w-sm mx-auto">
<img class="rounded-lg w-full h-48 object-cover mb-4" src="https://picsum.photos/seed/media/400/200" alt="Media Thumbnail">
<h2 class="text-2xl font-bold mb-2 text-gray-800 dark:text-gray-200">Retro Media Title</h2>
<p class="text-gray-600 dark:text-gray-400 mb-4">This is a brief description of the media component, capturing the essence of the nostalgia from the 80s and 90s.</p>
<div class="flex items-center">
<img class="w-10 h-10 rounded-full mr-3" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar">
<div>
<p class="text-gray-800 dark:text-gray-200 font-semibold">User Name</p>
<p class="text-gray-500 dark:text-gray-400 text-sm">Posted on March 1, 2023</p>
</div>
</div>
</div>Composants associés
Composant Composants multimédias
Un composant multimédia réactif pour le commerce électronique avec Material Design et une palette de couleurs monochromatiques.
Composant Composants multimédias
Un composant multimédia complexe et réactif conçu pour les interfaces finance/banque, avec une palette de couleurs Ocean/Blue et une prise en charge native du mode sombre.
Skeuomorphic_Grayscale_Media_Component
Un composant multimédia complexe et réactif conçu dans un style skeuomorphe en niveaux de gris pour les sites Web d’entreprise, avec plusieurs éléments interactifs et la prise en charge du mode sombre.