Content Display Component
A simple, responsive content display component designed in a Brutalist style with complementary colors. Suitable for business/corporate websites, supporting dark mode.
HTML Code
<div class="bg-white dark:bg-gray-800 text-black dark:text-white border border-black dark:border-white p-6 max-w-lg mx-auto">
<h1 class="text-3xl font-bold mb-4">Company Title</h1>
<img src="https://picsum.photos/500/300" alt="Content Image" class="w-full rounded-lg mb-4">
<p class="text-lg mb-6">This is a brief description of the company. Emphasizing clear, bold statements to convey professionalism and competence in a raw form.</p>
<div class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full mr-3">
<div class="">
<h2 class="text-xl font-semibold">John Doe</h2>
<p class="text-gray-600 dark:text-gray-400">CEO</p>
</div>
</div>
</div>Related Components
Content Display Components Component
A simple, responsive content display component with a glassmorphism effect, dark theme support, and a complementary color scheme, suitable for blogs or content consumption.
Industrial_3D_Content_Display
A simple, responsive content display component for manufacturing/industrial companies, featuring a subtle 3D design using muted colors and dark mode support.
Content Display Components Component
A content display component with microinteractions, responsive design, and dark theme support using Tailwind CSS. Features subtleHover effects and focus animations on interactive elements.