RetroInfographicsComposant
Un composant d’infographie réactif avec un design rétro/vintage, une palette de couleurs pastel et une prise en charge du mode sombre. Utilise Tailwind CSS pour le style et comprend plusieurs éléments interactifs pour une interface complexe adaptée aux blogs et à la consommation de contenu. Comprend une chronologie, des barres de progression, des graphiques et un appel à l’action, le tout avec une esthétique des années 80/90 et des couleurs pastel. Utilise des images aléatoires de picsum.photos et randomuser.me pour les avatars.
HTML Code
<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>Composants associés
Infographie rétro
Un composant infographique rétro/vintage simple et réactif pour les portfolios avec prise en charge du mode sombre. Utilise une palette de couleurs complémentaires et des éléments minimaux.
Composant Infographie
Composant d’infographie avec design minimaliste / plat, palette de couleurs de tons de terre, complexité modérée pour les entreprises / les entreprises, réactif avec prise en charge du mode sombre.
Composant Infographie
Un composant d’infographie réactif conçu dans un style skeuomorphe à l’aide de Tailwind CSS avec prise en charge du thème sombre. Il imite des éléments du monde réel pour afficher visuellement les informations.