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
Un portfolio di progettazione 3D che mostra lavori o prodotti con una combinazione di colori in scala di grigi e un design reattivo, che supporta la modalità scura.
Componente Visualizzazione contenuto
Un componente di visualizzazione nostalgico con un design retrò, con effetti reattivi e supporto per temi scuri.
Scheda di contenuto Material Design per l'istruzione
Una scheda di contenuti semplice e reattiva progettata con i principi del Material Design, la combinazione di colori blu aziendale e il supporto della modalità scura, adatta per le piattaforme educative.