Review Box
Home
Snippets
Review Box
HTML
CSS
JS
<div class="review-box"> <div class="review-header"> <img src="https://learning-axis.com/wp-content/uploads/2024/05/feedback.webp" alt="User Photo"> <div> <div class="name">Sarah Malik</div> <div class="stars">★★★★☆</div> </div> </div> <div class="review-message"> I absolutely love this! The design is clean and easy to use. Highly recommended if you're looking for something professional. </div> </div>
body { margin: 0; font-family: Arial, sans-serif; background: #f0f2f5; display: flex; justify-content: center; align-items: center; height: 100vh; } .review-box { background: #fff; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); padding: 20px; width: 300px; max-width: 90%; } .review-header { display: flex; align-items: center; margin-bottom: 12px; } .review-header img { width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; } .review-header .name { font-weight: bold; color: #333; } .stars { margin-top: 4px; color: #ffc107; font-size: 16px; } .review-message { font-size: 14px; color: #555; line-height: 1.5; margin-top: 10px; }
//javascript
Ad #1
Ad #2
Scroll to Top