Componente multimediale retrò
Un componente multimediale reattivo con un design retrò/vintage, supporta la modalità oscura.
Codice HTML
<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>Componenti correlati
Brutalismo Pastello Media Componente
Un componente multimediale semplice e brutalista con una combinazione di colori pastello, progettato per un blog. Reattivo con supporto per la modalità oscura.
Componente multimediale analogo Bauhaus
Un componente multimediale reattivo con un design ispirato al Bauhaus, che utilizza una combinazione di colori analoga, adatto per siti Web governativi/di servizio pubblico. Presenta forme geometriche, colori primari analoghi e supporto per la modalità scura.
Componente dei componenti dei media di Glassmorphism
Componente multimediale Glassmorphism con effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS