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

<template id="s_company_team_grid" name="Company Team Grid">
    <section class="s_company_team_grid o_colored_level o_cc o_cc1 pt48 pb48">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="25">
                <div class="o_grid_item g-height-2 g-col-lg-12 col-lg-12" style="grid-area: 1 / 1 / 3 / 13; z-index: 1;">
                    <h2>Get to know us</h2>
                </div>
                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 3 / 1 / 14 / 5; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 2;">
                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="Card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_1" style="padding: 16px;"/>
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title h5-fs" style="text-align: center;">Tony Fred</h3>
                            <p class="card-text" style="text-align: center;">Chief Executive Officer</p>
                        </div>
                    </div>
                </div>
                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 4 / 5 / 15 / 9; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 3;">
                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="Card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_2" style="padding: 16px;"/>
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title h5-fs" style="text-align: center;">Mich Stark</h3>
                            <p class="card-text" style="text-align: center;">Chief Technical Manager</p>
                        </div>
                    </div>
                </div>
                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 3 / 9 / 14 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 4;">
                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_3" style="padding: 16px;"/>
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title h5-fs" style="text-align: center;">Aline Turner</h3>
                            <p class="card-text" style="text-align: center;">Chief Financial Officer</p>
                        </div>
                    </div>
                </div>
                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 14 / 1 / 25 / 5; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 5;">
                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_4" style="padding: 16px;"/>
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title h5-fs" style="text-align: center;">Iris Joe</h3>
                            <p class="card-text" style="text-align: center;">Chief Operational Officer</p>
                        </div>
                    </div>
                </div>
                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 15 / 5 / 26 / 9; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 6;">
                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_5" style="padding: 16px;"/>
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title h5-fs" style="text-align: center;">Pete Bluestork</h3>
                            <p class="card-text" style="text-align: center;">Chief Communication Officer</p>
                        </div>
                    </div>
                </div>
                <div data-name="Team Member" class="o_grid_item g-col-lg-4 g-height-11 col-lg-4" style="grid-area: 14 / 9 / 25 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px; z-index: 7;">
                    <div class="s_card o_card_img_top card o_cc o_cc2" data-vxml="001" data-snippet="s_card" data-name="card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper ratio ratio-1x1 mb-0">
                            <img class="o_card_img card-img-top rounded pb-0" src="/web/image/website.s_company_team_image_6" style="padding: 16px;"/>
                        </figure>
                        <div class="card-body">
                            <h3 class="card-title h5-fs" style="text-align: center;">Sophia Langston</h3>
                            <p class="card-text" style="text-align: center;">Chief Marketing Officer</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</template>

</odoo>
