Media Embed Component - Toni della terra minimalisti
Un componente multimediale minimalista incorporato per le dashboard, con design reattivo e supporto per temi scuri, che utilizza i toni della terra. Visualizza un lettore video, un titolo, una descrizione e le informazioni sul canale.
Codice 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>Componenti correlati
Componente di incorporamento multimediale
Un componente Media Embed reattivo con design Glassmorphism, colori della terra e supporto per la modalità scura, costruito con Tailwind CSS per i casi d'uso dei social media. Include un effetto vetro smerigliato e utilizza immagini/avatar segnaposto.
Componente di incorporamento multimediale
Un componente di incorporamento multimediale semplice e reattivo con un'estetica cyberpunk e blu aziendale, progettato per le interfacce dei social media con supporto per la modalità oscura.
Componente di incorporamento dei media di neumorfismo
Un componente di incorporamento multimediale neumorfico per siti Web aziendali, con design reattivo e supporto per temi scuri utilizzando colori complementari.