Composant Avis sur les produits
Composant avec conception matérielle, effets réactifs et prise en charge du thème sombre.
HTML Code
<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>Composants associés
Composant - Tons de bijoux ludiques avec accent sur la réservation
Un élément complexe et ludique d’évaluation de produits axé sur la réservation. Dispose de couleurs de tons de bijoux, d’éléments arrondis et d’une réactivité totale avec prise en charge du mode sombre.
Neumorphic_Product_Reviews_Component_High_Contrast
Il s’agit d’un composant complexe et contrasté neumorphique d’avis sur les produits, doté de fonctions de réservation, conçu pour la réactivité et le mode sombre, offrant une interface utilisateur riche et interactive.
Composant Avis sur les produits
Un composant d’avis sur les produits simple et réactif avec un design inspiré de l’agriculture biologique, des tons sépia/bruns, une prise en charge du mode sombre et adapté aux plateformes de divertissement/médias.