Composant de conteneur brutaliste
Un composant de conteneur simple mais audacieux conçu avec un style brutaliste et une palette de couleurs vives, adapté aux sites Web d’entreprise ou d’entreprise, prenant en charge le mode sombre à l’aide de Tailwind CSS.
HTML Code
<div class="container mx-auto p-4">
<div class="bg-yellow-400 dark:bg-yellow-600 border-4 border-red-800 dark:border-red-500 rounded-lg shadow-xl p-6">
<h1 class="text-2xl font-extrabold text-blue-900 dark:text-blue-200 mb-4">Business Title</h1>
<p class="text-base text-gray-800 dark:text-gray-200 mb-6">This is a simple yet bold container designed for a business or corporate website. The design embraces a brutalist style with vibrant colors.</p>
<img src="https://picsum.photos/400/200" alt="Random Image" class="w-full h-auto rounded-lg mb-4">
<div class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Avatar" class="w-12 h-12 rounded-full border-4 border-blue-900 dark:border-blue-200 mr-2">
<div class="text-sm">
<p class="font-bold text-gray-900 dark:text-gray-100">John Doe</p>
<p class="text-gray-700 dark:text-gray-300">CEO, Company Name</p>
</div>
</div>
</div>
</div>Composants associés
Composant de récipient Glassmorphism
Un composant de conteneur Glassmorphism réactif avec une palette de couleurs triadique, conçu pour les portefeuilles. Prend en charge le mode sombre.
Composant de conteneur
Un composant de conteneur de style 3D adapté aux sites Web d’entreprise, avec des couleurs vives et des éléments interactifs, ainsi qu’un design réactif avec prise en charge du thème sombre.
Conteneur professionnel 3D en niveaux de gris
Composant de conteneur 3D en niveaux de gris pour les sites Web d’entreprise/d’entreprise