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
Carte d’annonce immobilière - Aquarelle/Néon
Une carte d’annonce immobilière complexe avec un arrière-plan doux aquarelle/artistique et une palette de couleurs néon/électrique. Comprend les détails de la propriété, les informations sur l’agent et le prix, avec une réactivité totale et une prise en charge du mode sombre.
Conteneur de médias sociaux neumorphe
Un composant de conteneur Neumorphic simple pour les médias sociaux, avec des couleurs en niveaux de gris et la prise en charge du mode sombre.