Composants Composants multimédias Composant multimédia rétro

Composant multimédia rétro

Un composant multimédia réactif avec un design rétro/vintage, prend en charge le mode sombre.

Aperçu

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.

Ouvrir

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.

Ouvrir

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.

Ouvrir