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

<template id="s_references_grid" name="References Grid">
    <section class="s_references_grid o_cc o_cc1 pt64 pb64">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="4">
                <div class="o_grid_item g-height-4 g-col-lg-5 col-lg-5" style="grid-area: 1 / 1 / 5 / 6; z-index: 1;">
                    <h2>Trusted references</h2>
                    <p class="lead">We are in good company.</p>
                    <a href="#" class="btn btn-primary">See our case studies</a>
                </div>
                <div class="o_grid_item o_grid_item_image g-col-lg-2 g-height-2 col-6 col-lg-2" style="grid-area: 1 / 7 / 3 / 9; z-index: 2;">
                    <img src="/web/image/website.s_reference_demo_image_1" class="img img-fluid" alt=""/>
                </div>
                <div class="o_grid_item o_grid_item_image g-col-lg-2 g-height-2 col-6 col-lg-2" style="grid-area: 1 / 9 / 3 / 11; z-index: 3;">
                    <img src="/web/image/website.s_reference_demo_image_2" class="img img-fluid" alt=""/>
                </div>
                <div class="o_grid_item o_grid_item_image g-col-lg-2 g-height-2 col-6 col-lg-2" style="grid-area: 1 / 11 / 3 / 13; z-index: 4;">
                    <img src="/web/image/website.s_reference_demo_image_3" class="img img-fluid" alt=""/>
                </div>
                <div class="o_grid_item o_grid_item_image g-col-lg-2 g-height-2 col-6 col-lg-2" style="grid-area: 3 / 7 / 5 / 9; z-index: 5;">
                    <img src="/web/image/website.s_reference_demo_image_4" class="img img-fluid" alt=""/>
                </div>
                <div class="o_grid_item o_grid_item_image g-col-lg-2 g-height-2 col-6 col-lg-2" style="grid-area: 3 / 9 / 5 / 11; z-index: 6;">
                    <img src="/web/image/website.s_reference_demo_image_5" class="img img-fluid" alt=""/>
                </div>
                <div class="o_grid_item o_grid_item_image g-col-lg-2 g-height-2 col-6 col-lg-2" style="grid-area: 3 / 11 / 5 / 13; z-index: 7;">
                    <img src="/web/image/website.s_reference_default_image_6" class="img img-fluid" alt=""/>
                </div>
            </div>
        </div>
    </section>
</template>

</odoo>
