<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template name="Avatars" id="s_avatars">
    <div class="s_avatars o_not_editable d-flex flex-row flex-wrap">
        <div class="s_avatars_wrapper d-flex">
            <img src="/web/image/website.s_company_team_image_1" class="s_avatars_avatar o_editable_media o_avatar img border rounded-circle" style="border-color: var(--body-bg) !important; --box-border-left-width: 3px; --box-border-bottom-width: 3px; --box-border-right-width: 3px; --box-border-top-width: 3px;" alt=""/>
            <img src="/web/image/website.s_company_team_image_2" class="s_avatars_avatar o_editable_media o_avatar img border rounded-circle" style="border-color: var(--body-bg) !important; --box-border-left-width: 3px; --box-border-bottom-width: 3px; --box-border-right-width: 3px; --box-border-top-width: 3px;" alt=""/>
            <img src="/web/image/website.s_company_team_image_3" class="s_avatars_avatar o_editable_media o_avatar img border rounded-circle" style="border-color: var(--body-bg) !important; --box-border-left-width: 3px; --box-border-bottom-width: 3px; --box-border-right-width: 3px; --box-border-top-width: 3px;" alt=""/>
            <div class="s_avatars_more s_avatars_avatar d-flex justify-content-center align-items-center text-bg-light border rounded-circle o-contenteditable-true" style="border-color: var(--body-bg) !important; --box-border-left-width: 3px; --box-border-bottom-width: 3px; --box-border-right-width: 3px; --box-border-top-width: 3px;">
                <p class="m-0">10+</p>
            </div>
        </div>
        <p class="s_avatars_label o_small-fs m-0 o-contenteditable-true">
            <strong>100+</strong><br/>
            Happy customers
        </p>
    </div>
</template>

<asset id="website.s_avatars_000_scss" name="Avatars 000 SCSS">
    <bundle>web.assets_frontend</bundle>
    <path>website/static/src/snippets/s_avatars/000.scss</path>
</asset>

</odoo>
