Componente Visualizzazione contenuto
Un componente di visualizzazione dei contenuti semplice e reattivo progettato in stile brutalista con colori complementari. Adatto per siti Web aziendali/aziendali, supporta la modalità oscura.
Codice HTML
<div class="bg-white dark:bg-gray-800 text-black dark:text-white border border-black dark:border-white p-6 max-w-lg mx-auto">
<h1 class="text-3xl font-bold mb-4">Company Title</h1>
<img src="https://picsum.photos/500/300" alt="Content Image" class="w-full rounded-lg mb-4">
<p class="text-lg mb-6">This is a brief description of the company. Emphasizing clear, bold statements to convey professionalism and competence in a raw form.</p>
<div class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full mr-3">
<div class="">
<h2 class="text-xl font-semibold">John Doe</h2>
<p class="text-gray-600 dark:text-gray-400">CEO</p>
</div>
</div>
</div>Componenti correlati
Componenti di visualizzazione dei contenuti Componente 11
Un componente di visualizzazione dei contenuti in stile retrò/vintage con design nostalgici degli anni '80/'90, con effetti reattivi e supporto per temi scuri.
Pastel3DBlogContentCard
Un componente di visualizzazione dei contenuti reattivo per blog o sezioni di contenuti, progettato con Tailwind CSS. Presenta un layout semplice con un'estetica ispirata al 3D che utilizza ombre ed effetti al passaggio del mouse. La combinazione di colori è pastello tenue per la modalità chiara, con un tema compatibile con la modalità scura. Il componente include un'immagine, un titolo, metadati (autore/data), un estratto e un pulsante "Leggi di più". Le immagini segnaposto vengono utilizzate da picsum.photos e randomuser.me.
Componente Visualizzazione contenuto
Un componente di visualizzazione dei contenuti con design glassmorphism con layout reattivo e supporto per temi scuri.