Componente de incrustación de medios: tonos tierra minimalistas
Un componente minimalista de incrustación de medios para paneles, con diseño responsivo y soporte de temas oscuros, utilizando tonos tierra. Muestra un reproductor de vídeo, el título, la descripción y la información del canal.
Código HTML
<div class="p-4 bg-white dark:bg-gray-800 rounded-lg shadow-md">
<div class="aspect-w-16 aspect-h-9 mb-4">
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="rounded-lg"></iframe>
</div>
<h3 class="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-2">Engaging Data Visualization Techniques</h3>
<p class="text-gray-600 dark:text-gray-400 text-sm mb-4">Explore innovative ways to present complex data for better insights and decision-making.</p>
<div class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Channel Avatar" class="w-8 h-8 rounded-full mr-3 border-2 border-green-500">
<span class="text-gray-700 dark:text-gray-300 text-sm">Data Insights Pro</span>
</div>
</div>Componentes relacionados
Componente de incrustación de medios
Componente de incrustación de medios de Glassmorphism con tonos de tierra para sitios web comerciales/corporativos. Diseño simple, responsivo y soporte de temas oscuros.
Componente de incrustación de medios
Un componente de incrustación de medios diseñado para el comercio electrónico con un estilo de diseño 3D, una combinación de colores complementaria y un diseño receptivo que admite el modo oscuro.
Componente de incrustación de medios
Un componente responsivo de Media Embed con un estilo esqueuomórfico, utilizando colores en tono tierra y adecuado para el comercio electrónico, con soporte para temas oscuros.