<?xml version="1.0"?>
<t name="Framed Intro" t-name="website.s_framed_intro">
    <section class="s_framed_intro pt56 pb56">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="14">
                <div class="o_grid_item g-col-lg-6 g-height-10 col-lg-6" style="grid-area: 1 / 1 / 11 / 7; z-index: 1; order:2;">
                    <h1 class="display-4">Experience<br/>the World's Best<br/><strong>Quality Services</strong></h1>
                </div>
                <div class="o_grid_item g-col-lg-6 g-height-4 col-lg-6 align-content-end" style="grid-area: 11 / 1 / 15 / 7; z-index: 2; order:3;">
                    <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
                    <p style="text-align: left;">
                        <a t-att-href="cta_btn_href" class="btn btn-lg btn-primary o_translate_inline">Discover</a>
                    </p>
                </div>
                <div class="o_grid_item g-col-lg-5 g-height-14 col-lg-5 o_grid_item_image o_cc o_cc2 order-lg-0" style="grid-area: 1 / 8 / 15 / 13; z-index: 3; --grid-item-padding-y: 32px; --grid-item-padding-x: 32px; order:1;">
                    <img class="img img-fluid" style="width: 100% !important" src="/web/image/website.s_framed_intro_default_image" alt=""/>
                </div>
            </div>
        </div>
    </section>
</t>

