Composant d’intégration de média
Un composant d’intégration multimédia réactif pour le commerce électronique avec un design minimaliste, des couleurs vives et une prise en charge du mode sombre.
HTML Code
<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>Composants associés
Composant d’intégration de média
Un composant d’intégration multimédia simple et réactif à l’esthétique cyberpunk et bleu d’entreprise, conçu pour les interfaces de médias sociaux avec prise en charge du mode sombre.
Composant d’intégration de média
Un composant d’intégration multimédia minimaliste et plat avec une palette de couleurs de tons de terre, adapté aux sites Web d’entreprise / d’entreprise. Il s’agit d’un composant de complexité modérée avec une conception réactive et une prise en charge du thème sombre à l’aide de Tailwind CSS. Aucun JavaScript n’est inclus.
Composant d’intégration multimédia - Tons de terre minimalistes
Un composant multimédia minimaliste pour les tableaux de bord, avec un design réactif et une prise en charge du thème sombre, en utilisant des tons de terre. Il affiche un lecteur vidéo, un titre, une description et des informations sur la chaîne.