<style> .customer-love-badge { display: flex; align-items: center; background-color: #e7ddcc; border-radius: 30px; padding: 4px 10px; font-family: 'Arial', sans-serif; font-size: 12px; color: #000; font-weight: 500; width: fit-content; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12); } .customer-love-badge .star { color: #A58B5C; margin-right: 6px; font-size: 14px; } .customer-love-badge .avatars { display: flex; margin-left: 10px; } .customer-love-badge .avatar { width: 24px; height: 24px; border-radius: 50%; overflow: hidden; border: 2px solid #fff; margin-left: -6px; box-shadow: 0 0 0 1px #ccc; } .customer-love-badge .avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } </style> <div class="customer-love-badge"> <span class="star">⭐</span> Loved by +3,000 customers <div class="avatars"> <div class="avatar"><img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Customer 1"></div> <div class="avatar"><img src="https://randomuser.me/api/portraits/men/22.jpg" alt="Customer 2"></div> <div class="avatar"><img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Customer 3"></div> <div class="avatar"><img src="https://randomuser.me/api/portraits/men/10.jpg" alt="Customer 4"></div> <div class="avatar"><img src="https://randomuser.me/api/portraits/women/55.jpg" alt="Customer 5"></div> </div> </div> #increasesales #onlinebussiness #ecommerce #entrepreneur - @rhsecom