RetroInfograficaComponente
Un componente infografico reattivo con un design retrò/vintage, combinazione di colori pastello e supporto per la modalità scura. Utilizza Tailwind CSS per lo stile e include più elementi interattivi per un'interfaccia complessa adatta ai blog e al consumo di contenuti. Include una sequenza temporale, barre di avanzamento, grafici e un invito all'azione, il tutto con un'estetica anni '80/'90 e colori pastello. Utilizza immagini casuali da picsum.photos e randomuser.me per gli avatar.
Codice HTML
<div class="bg-gradient-to-b from-pink-200 to-purple-200 dark:from-gray-800 dark:to-gray-900 min-h-screen p-8 font-mono">
<div class="container mx-auto">
<h1 class="text-4xl text-center text-gray-800 dark:text-white mb-12 uppercase tracking-wide">Digital Voyage: An Infographic</h1>
</div>
</div>
</div>Componenti correlati
Componente Infografica
Un componente infografico interattivo ispirato al 3D con una tavolozza di colori retrò/vintage per piattaforme educative, che supporta il design reattivo e la modalità oscura.
Componente Infografica
Componente infografica per il portfolio - Material Design, combinazione di colori analoga, complessità moderata, reattiva, supporto per temi scuri
Componente Infografica
Un componente infografico semplice e reattivo con elementi di design 3D e una combinazione di colori analoga per l'uso di blog/contenuti. Include il supporto per il tema scuro utilizzando Tailwind CSS.