Composant Infographie
Un composant infographique simple conçu avec le style Neumorphism et une palette de couleurs pastel. Il affiche une carte de profil et des statistiques de base dans une mise en page visuellement attrayante adaptée aux sites Web d’entreprise ou d’entreprise.
HTML Code
<div class="bg-gray-100 dark:bg-gray-800 p-6 rounded-lg shadow-md flex flex-col items-center">
<div class="bg-white dark:bg-gray-700 p-4 rounded-full shadow-lg mb-4">
<img src="https://picsum.photos/80/80" alt="Infographic Image" class="rounded-full">
</div>
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">John Doe</h2>
<p class="text-gray-600 dark:text-gray-400">CEO, Company XYZ</p>
<div class="mt-4 flex justify-between w-full">
<div class="bg-white dark:bg-gray-700 p-4 rounded-lg shadow-lg text-center">
<h3 class="text-lg font-medium text-gray-800 dark:text-gray-200">Projects</h3>
<p class="text-2xl font-bold text-gray-800 dark:text-gray-200">120</p>
</div>
<div class="bg-white dark:bg-gray-700 p-4 rounded-lg shadow-lg text-center">
<h3 class="text-lg font-medium text-gray-800 dark:text-gray-200">Clients</h3>
<p class="text-2xl font-bold text-gray-800 dark:text-gray-200">80</p>
</div>
</div>
<div class="mt-4 bg-white dark:bg-gray-700 p-4 rounded-lg shadow-lg w-full text-center">
<h3 class="text-lg font-medium text-gray-800 dark:text-gray-200">Satisfaction Rate</h3>
<p class="text-2xl font-bold text-gray-800 dark:text-gray-200">95%</p>
</div>
</div>Composants associés
Composant Infographie
Il s’agit d’un composant infographique complexe et minimaliste pour les portfolios, présentant des statistiques ou des réalisations clés. Il utilise une palette de couleurs complémentaire et comprend un design réactif avec prise en charge du mode sombre.
Composant Infographie
Un composant infographique de complexité modérée pour le gouvernement/les services publics, avec des couleurs de bonbons sucrés et une conception subtile de micro-interaction.
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.