Happy Customer v2

Posted on: 15/04/2025
Updated on: 16/04/2025
Code Preview
How to add your shopify Code
<div class="happy-customersV2">
    <div class="avatarsV2">
        <img src="https://img.freepik.com/free-photo/stylish-african-american-woman-smiling_23-2148770405.jpg" alt="Customer 1" class="avatarV2" />
        <img src="https://thumbs.dreamstime.com/b/beautiful-african-american-woman-relaxing-outside-happy-middle-aged-smiling-46298787.jpg" alt="Customer 2" class="avatarV2" />
        <img src="https://media.istockphoto.com/id/1320651997/photo/young-woman-close-up-isolated-studio-portrait.jpg?s=612x612&w=0&k=20&c=lV6pxz-DknISGT2jjiSvUmSaw0hpMDf-dBpT8HTSAUI=" alt="Customer 3" class="avatarV2" />
    </div>
    <span class="textV2">
<span style = "font-weight: 900;">Michelle</span>
    <span class="verifiedV2">
      <img
        src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Twitter_Verified_Badge.svg/800px-Twitter_Verified_Badge.svg.png"
        alt="verified badge"
        class="verifiedV2">
    </span> 
   <span>and <strong>758</strong> people purchased</span>
</span>
</div>

<style>
    .happy-customersV2 {
        display: flex;
        align-items: center;
        background-color: #ffffff;
        border-radius: 8px;
        padding: 5px 15px;
        font-family: Roboto, sans-serif !important;
        font-size: 12px;
        color: #000;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    }

    .avatarsV2 {
        display: flex;
        margin-right: 10px;
    }

    .avatarV2 {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 2px solid white;
        margin-left: -7px;
        object-fit: cover;
    }

.textV2 {
    font-weight: normal;
    font-size: 12px;
    color: #000;
    line-height: 0px;
    display: flex;
    align-items: center;
    gap: 3px;
}

    .textV2 strong {
        font-weight: 800;
        font-family: Roboto, sans-serif;
    }

    .verifiedV2 {
        vertical-align: middle;
        height: 13px;
        width: 13px;
    }
</style>

Other Elements

Copyright Jumping Monkey © 2025 All Rights Reserved
bookmark