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

<template id="s_banner_connected" name="Banner Connected">
    <section
        class="s_banner_connected o_cc o_cc5 pt128 pb136 parallax"
        data-oe-shape-data="{'shape':'html_builder/Connections/13','colors':{'c5':'rgb(255, 255, 255)'},'showOnMobile':true}"
        data-scroll-background-ratio="0.75"
        data-parallax-type="zoomOut"
        >
        <span
            class="s_parallax_bg oe_img_bg"
            style="background-image: url('/web/image/website.s_banner_connected_default_image'); background-position: 50% 75%;"
            />
        <div
            class="o_we_bg_filter"
            style="background-image: radial-gradient(circle farthest-side at 25% 25%, rgba(222, 222, 222, 0) 0%, rgb(69, 69, 69) 100%);"
            />
        <div
            class="o_we_shape o_html_builder_Connections_13 o_shape_show_mobile"
            style="background-image: url('/html_editor/shape/html_builder/Connections/13.svg?c5=rgb%28255%2C255%2C255%29');"
            />
        <div class="container">
            <div class="row">
                <div class="o_colored_level col-lg-5 offset-lg-7 pb32 pt32">
                    <h1>The Ultimate Experience of Connecting</h1>
                    <p class="lead">Innovation transforms possibilities into reality.</p>
                    <p>
                        <a t-att-href="cta_btn_href" class="o_translate_inline btn btn-lg btn-secondary">Discover</a>
                    </p>
                </div>
            </div>
        </div>
    </section>
</template>

</odoo>
