Fiche produit e-commerce rétro
Une fiche produit e-commerce rétro/vintage avec un design réactif et une prise en charge du mode sombre.
HTML Code
<div class="max-w-sm rounded overflow-hidden shadow-lg m-4 bg-white dark:bg-gray-800">
<img class="w-full" src="https://picsum.photos/seed/retro1/400/300" alt="Retro product image">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2 text-gray-900 dark:text-white">Retro Collectible</div>
<p class="text-gray-700 dark:text-gray-300 text-base">
A truly unique retro item that brings back memories of a bygone era. Perfect for collectors and enthusiasts.
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 dark:bg-gray-700 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 dark:text-gray-200 mr-2 mb-2">#retro</span>
<span class="inline-block bg-gray-200 dark:bg-gray-700 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 dark:text-gray-200 mr-2 mb-2">#vintage</span>
<span class="inline-block bg-gray-200 dark:bg-gray-700 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2">#collectible</span>
</div>
<div class="px-6 py-4 flex items-center justify-between">
<span class="font-bold text-xl text-gray-900 dark:text-white">$19.99</span>
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded dark:bg-blue-700 dark:hover:bg-blue-600">
Add to Cart
</button>
</div>
</div>Composants associés
Fiche produit e-commerce Neumorphic
Un composant de carte produit e-commerce de style soft UI (Neumorphism) avec des couleurs en niveaux de gris, conçu pour les sites Web d’entreprise. Il comporte une image de produit, un titre, un prix et un bouton « Ajouter au panier », entièrement réactif et avec prise en charge du mode sombre.
Composant Composants de commerce électronique
Composant de commerce électronique pour un site Web d’entreprise minimaliste, avec un design réactif et une prise en charge du thème sombre.
Industrial_Monochrome_Blog_Card
Une carte de consommation de blog/contenu complexe et réactive à l’esthétique industrielle, utilisant une palette de couleurs noir/blanc avec un seul accent vif. Comprend des éléments exposés et un design utilitaire, avec prise en charge du mode sombre.