Media Embed Component - Minimalistische Erdtöne
Eine minimalistische Medieneinbettungskomponente für Dashboards mit responsivem Design und Unterstützung für dunkle Themen in Erdtönen. Es werden ein Videoplayer, ein Titel, eine Beschreibung und Kanalinformationen angezeigt.
HTML-Code
<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>Verwandte Komponenten
Komponente "Medien einbetten"
Eine Retro-/Vintage-Medien-Embed-Komponente, die mit Nostalgie aus den 80er und 90er Jahren gestaltet wurde. Es bietet reaktionsschnelles Styling und Unterstützung für den Dunkelmodus mit Tailwind CSS.
Komponente "Medien einbetten"
Eine Media Embed-Komponente, die für den E-Commerce mit einem 3D-Designstil, einem komplementären Farbschema und einem responsiven Layout entwickelt wurde und den Dunkelmodus unterstützt.
Media Embed Komponente - Krypto/Blockchain
Eine einfache, reaktionsschnelle Medieneinbettungskomponente, die für Kryptowährungs- oder Blockchain-Anwendungen entwickelt wurde, mit Sepia-/Brauntönen und Unterstützung des Dunkelmodus, um die Belastung der Augen zu reduzieren.