Componente lettore video
Componente lettore video dal design minimalista/piatto per l'e-commerce, reattivo con supporto per temi scuri
Codice HTML
<div class="max-w-sm mx-auto bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
<div class="relative">
<video controls class="w-full">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="p-4">
<h3 class="text-lg font-semibold text-gray-800 dark:text-white">Product Title</h3>
<p class="text-gray-600 dark:text-gray-300 text-sm mt-1">Brief product description goes here.</p>
<div class="flex justify-between items-center mt-4">
<span class="text-lg font-bold text-gray-900 dark:text-white">$99.99</span>
<button class="px-3 py-1 bg-blue-500 text-white text-xs font-bold uppercase rounded dark:bg-blue-700">Add to Cart</button>
</div>
</div>
</div>Componenti correlati
Componente lettore video
Un componente per lettore video minimalista progettato per le interfacce dei social media, caratterizzato da un layout reattivo con supporto per temi scuri.
Componente lettore video
Componente lettore video con stile Glassmorphism, combinazione di colori analoga e complessità moderata per scopi di blog/contenuti, con design reattivo e supporto per temi scuri utilizzando Tailwind CSS. Nessun Javascript.
Componente lettore video
Un componente per lettore video in stile retrò/vintage con design reattivo e supporto per la modalità oscura utilizzando Tailwind CSS.