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 Component
A responsive content display component that incorporates microinteractions with engaging animations focused on user actions. It includes support for dark mode and placeholders for images and avatars.
Content Display Components Component
A responsive content display component designed for business/corporate websites with dark mode support and a vibrant color scheme. It includes sections for user avatars, text content, and images.
Swiss_International_Typography_Content_Display_Component
A clean, minimalist content display component for dashboards, emphasizing typography and grid systems with cool neutral colors and full responsiveness.