Componente de visualización de contenido
Un componente de visualización de contenido simple y receptivo diseñado en un estilo brutalista con colores complementarios. Adecuado para sitios web comerciales / corporativos, compatible con el modo oscuro.
Código HTML
<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>Componentes relacionados
Componente de visualización de contenido
Un componente de pantalla nostálgico con diseño retro, con efectos responsivos y soporte para temas oscuros.
Componente de visualización de contenido
Un componente de visualización de contenido diseñado en un estilo skeuomórfico para el comercio electrónico con un tema oscuro. Exhibe productos con elementos mínimos, utilizando un esquema de color análogo para una estética agradable.
SimpleContentDisplay
Un componente de visualización de contenido simple con diseño receptivo y soporte de tema oscuro usando Tailwind CSS.