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

<template id="s_image_hexagonal" name="Image Hexagonal">
    <section class="s_image_hexagonal">
        <div class="container-fluid">
            <div class="row o_grid_mode" data-row-count="14">
                <div class="o_grid_item o_grid_item_image g-col-lg-4 g-height-9 col-lg-4" style="grid-area: 3 / 2 / 12 / 6; z-index: 1;">
                    <img src="/html_editor/image_shape/website.s_image_hexagonal_default_image_1/html_builder/geometric/geo_hexagon.svg" class="img img-fluid" data-shape="html_builder/geometric/geo_hexagon" data-file-name="s_image_text.webp" data-format-mimetype="image/webp" alt=""/>
                </div>
                <div class="o_grid_item g-col-lg-4 g-height-10 col-lg-4" style="grid-area: 3 / 5 / 13 / 9; z-index: 2;">
                    <h2 class="display-4-fs">Empowering<br/>Innovative<br/>Solutions</h2>
                    <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
                    <p>Start with the customer – find out what they want and give it to them.</p>
                    <p>
                        <a t-att-href="cta_btn_href" class="btn btn-primary btn-lg o_translate_inline">Contact Us</a>
                    </p>
                </div>
                <div class="o_grid_item o_grid_item_image o_snippet_mobile_invisible g-col-lg-4 g-height-14 col-lg-4 d-none d-lg-block" style="grid-area: 1 / 9 / 15 / 13; z-index: 3; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
                    <img src="/web/image/website.s_image_hexagonal_default_image" class="img img-fluid" alt=""/>
                </div>
            </div>
        </div>
    </section>
</template>

</odoo>
