Componente de visualización de contenido
Un componente de visualización de contenido responsivo con un estilo de diseño minimalista y plano, ideal para blogs y consumo de contenido. Tiene un esquema de color en escala de grises y está equipado con elementos interactivos a la vez que admite el modo oscuro.
Código HTML
<div class="max-w-xl mx-auto p-6 bg-white dark:bg-gray-800 rounded-lg shadow-lg">
<div class="flex items-center mb-4">
<img class="w-12 h-12 rounded-full" src="https://randomuser.me/api/portraits/men/10.jpg" alt="Avatar">
<div class="ml-4">
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">John Doe</h2>
<p class="text-gray-600 dark:text-gray-400">January 1, 2023</p>
</div>
</div>
<h3 class="text-lg font-bold text-gray-800 dark:text-gray-200">Understanding Minimalism in Design</h3>
<img class="w-full h-48 object-cover rounded-md my-4" src="https://picsum.photos/640/360?random=1" alt="Content Image">
<p class="text-gray-700 dark:text-gray-300 mb-4">Minimalism in design is all about simplicity and the use of space. By focusing on fewer elements, designers can create engaging experiences that are not only functional but also aesthetically pleasing. In this blog post, we will explore the principles of minimalism and how they can be applied.</p>
<a href="#" class="inline-block bg-gray-800 text-white rounded-md px-4 py-2 hover:bg-gray-700 dark:bg-gray-300 dark:text-gray-800 dark:hover:bg-gray-400">Read More</a>
</div>Componentes relacionados
Exhibición de tarjetas de productos de comercio electrónico retro
Un componente de visualización de productos de comercio electrónico complejo y receptivo con una estética retro / vintage de los años 80 / 90, con un esquema de color púrpura / violeta, elementos interactivos y soporte de modo oscuro.
Playful_Farming_Content_Card
Una tarjeta de visualización de contenido simple, lúdica y de alto contraste adecuada para sitios web agrícolas y agrícolas, con elementos redondeados y soporte para modo oscuro.
Componente Componentes de visualización de contenido
Componente de visualización de contenido de Glassmorphism con tonos tierra