Componente di incorporamento multimediale
Un componente di incorporamento multimediale reattivo per l'e-commerce con un design minimalista, colori vivaci e supporto per la modalità scura.
Codice HTML
<div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl my-10 dark:bg-gray-800">
<div class="md:flex">
<div class="md:flex-shrink-0">
<img class="h-48 w-full object-cover md:w-48" src="https://picsum.photos/seed/picsum/400/300" alt="Product image">
</div>
<div class="p-8">
<div class="uppercase tracking-wide text-sm text-indigo-500 font-semibold dark:text-indigo-300">Product Name</div>
<a href="#" class="block mt-1 text-lg leading-tight font-medium text-black hover:underline dark:text-white">Amazing Product Title</a>
<p class="mt-2 text-gray-500 dark:text-gray-400">This is a brief description of the product, highlighting its key features and benefits. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="mt-4 flex items-center justify-between">
<span class="text-xl font-bold text-gray-900 dark:text-white">$29.99</span>
<button class="bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600">Add to Cart</button>
</div>
</div>
</div>
</div>Componenti correlati
Componente di incorporamento multimediale
Un componente multimediale incorporato minimalista progettato per dashboard con design reattivo e supporto per temi scuri utilizzando Tailwind CSS.
Componente di incorporamento multimediale
Un componente di incorporamento multimediale progettato per l'e-commerce con uno stile di progettazione 3D, una combinazione di colori complementari e un layout reattivo che supporta la modalità scura.
Componente di incorporamento multimediale
Un componente di incorporamento multimediale dal design minimalista e piatto con combinazione di colori dei toni della terra, adatto per siti Web aziendali/aziendali. Si tratta di un componente di complessità moderata con design reattivo e supporto per temi scuri utilizzando Tailwind CSS. Non è incluso alcun JavaScript.