Componente Componenti multimediali
Un componente multimediale complesso e reattivo per il consumo di contenuti di blog, in modalità scura con una combinazione di colori monocromatica. Include un'immagine, un titolo, una descrizione e un avatar dell'autore.
Codice HTML
<div class="max-w-2xl mx-auto bg-gray-900 text-gray-100 p-6 rounded-lg shadow-md">
<img class="w-full h-48 rounded-lg object-cover mb-4" src="https://picsum.photos/800/400" alt="Media Content">
<h2 class="text-2xl font-bold mb-2">Article Title</h2>
<p class="text-gray-400 mb-4">This is a short description of the content that provides a brief overview of what the article is about.</p>
<div class="flex items-center mt-4">
<img class="w-10 h-10 rounded-full mr-3" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Author Avatar">
<div>
<p class="text-sm font-semibold">John Doe</p>
<p class="text-xs text-gray-500">Published on January 1, 2023</p>
</div>
</div>
</div>Componenti correlati
Skeuomorphic_Grayscale_Media_Component
Un componente multimediale complesso e reattivo progettato in uno stile scheumorfico in scala di grigi per siti Web aziendali/aziendali, con più elementi interattivi e supporto per la modalità scura.
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 multimediale retrò
Un componente multimediale reattivo con un design retrò/vintage, supporta la modalità oscura.