Componente delle recensioni dei prodotti
Componente con Material Design, effetti reattivi e supporto per temi scuri.
Codice HTML
<div class="container mx-auto p-4 dark:bg-gray-800">
<h2 class="text-2xl font-bold mb-4 dark:text-white">Customer Reviews</h2>
<div class="bg-white shadow-md rounded-lg p-4 mb-4 dark:bg-gray-700">
<div class="flex items-center mb-4">
<img class="w-10 h-10 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar">
<div>
<h3 class="text-lg font-semibold dark:text-white">John Doe</h3>
<div class="text-yellow-500">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600 dark:text-gray-300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget justo nec libero luctus feugiat.</p>
</div>
<div class="bg-white shadow-md rounded-lg p-4 mb-4 dark:bg-gray-700">
<div class="flex items-center mb-4">
<img class="w-10 h-10 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/2.jpg" alt="User Avatar">
<div>
<h3 class="text-lg font-semibold dark:text-white">Jane Smith</h3>
<div class="text-yellow-500">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600 dark:text-gray-300">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
</div>Componenti correlati
Componente delle recensioni dei prodotti
Un componente di recensione di prodotti di moda/bellezza ispirato al cyberpunk, con accenti di tonalità della terra su uno sfondo scuro. È reattivo e include il supporto per la modalità oscura.
Componente delle recensioni dei prodotti
Un componente reattivo per le recensioni dei prodotti creato con Tailwind CSS, con microinterazioni al passaggio del mouse, supporto per temi scuri e immagini segnaposto. Non viene utilizzato alcun JavaScript.
Componente delle recensioni dei prodotti
Un componente semplice e reattivo per le recensioni dei prodotti con un'estetica di design 3D, una combinazione di colori in bianco e nero con un accento luminoso, progettato per CRM/Business Tools, incluso il supporto della modalità scura.