Retro-Medienkomponente
Eine reaktionsschnelle Medienkomponente im Retro-/Vintage-Design, die den Dunkelmodus unterstützt.
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>Verwandte Komponenten
Komponente "Medienkomponenten"
Eine responsive Medienkomponente für den E-Commerce mit Material Design und monochromatischer Farbgebung.
Bauhaus Analoge Medienkomponente
Eine responsive Medienkomponente mit einem vom Bauhaus inspirierten Design in einem analogen Farbschema, das für Websites von Behörden und öffentlichen Diensten geeignet ist. Verfügt über geometrische Formen, analoge Primärfarben und Unterstützung für den Dunkelmodus.
Komponente "Medienkomponenten"
Eine komplexe, reaktionsschnelle Medienkomponente für den Konsum von Blog-Inhalten, die im Dunkelmodus mit einem monochromatischen Farbschema gestaltet ist. Es enthält ein Bild, einen Titel, eine Beschreibung und einen Avatar des Autors.