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 Componentes de visualización de contenido
Componente de visualización de contenido de Glassmorphism con tonos tierra
Componente de visualización de contenido
Un componente con estilo glassmorphism para mostrar contenido de portafolio con elementos interactivos, compatible con el modo oscuro.
Industrial_3D_Content_Display
Un componente de visualización de contenido simple y receptivo para empresas manufactureras/industriales, con un sutil diseño 3D que utiliza colores apagados y compatibilidad con el modo oscuro.