WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un code de Developer7
359
Developer7
Ouvrir dans l'éditeur
Publiez votre code
Precisa de um site?
Recommandé
26 May 2025
Un code par mironovbogdan341
29 August 2024
Interface utilisateur de la calculatrice - Neumorphisme - Drak
5 March 2024
Animation de texte CSS
HTML
Copy
<section class="testimonials"> <h2>What Our Clients Say</h2> <div class="testimonial-container"> <div class="testimonial"> <p>"This service was amazing! Totally exceeded my expectations."</p> <h4>- Sarah Johnson</h4> </div> <div class="testimonial"> <p>"Professional and prompt. Highly recommended!"</p> <h4>- James Lee</h4> </div> <div class="testimonial"> <p>"The best experience I've had in years. Will definitely return."</p> <h4>- Linda Carter</h4> </div> </div> </section>
CSS
Copy
.testimonials { background-color: #f9f9f9; padding: 60px 20px; text-align: center; font-family: 'Segoe UI', sans-serif; } .testimonials h2 { font-size: 2.5rem; margin-bottom: 40px; color: #333; } .testimonial-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; } .testimonial { background-color: #fff; border-radius: 12px; padding: 20px; max-width: 300px; box-shadow: 0 8px 16px rgba(0,0,0,0.1); transition: transform 0.3s ease; } .testimonial:hover { transform: translateY(-5px); } .testimonial p { font-size: 1rem; color: #555; margin-bottom: 15px; } .testimonial h4 { font-size: 1.1rem; color: #222; margin: 0; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
