59 lines
3.8 KiB
XML
59 lines
3.8 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<template id="s_quadrant" name="Quadrant">
|
|
<section class="s_quadrant">
|
|
<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-6 g-height-7 col-lg-6 d-lg-block d-none o_snippet_mobile_invisible order-lg-0" style="order: 1; z-index: 1; grid-area: 1 / 1 / 8 / 7; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
|
|
<img class="img img-fluid" src="/web/image/website.s_quadrant_default_image_1" alt=""/>
|
|
</div>
|
|
<div class="o_grid_item o_grid_item_image g-col-lg-6 g-height-7 col-lg-6 order-lg-0" style="order: 2; z-index: 2; grid-area: 1 / 7 / 8 / 13; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
|
|
<img class="img img-fluid" src="/web/image/website.s_quadrant_default_image_2" alt=""/>
|
|
</div>
|
|
<div class="o_grid_item o_grid_item_image g-col-lg-6 g-height-7 col-lg-6 order-lg-0" style="order: 4; z-index: 3; grid-area: 8 / 1 / 15 / 7; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
|
|
<img class="img img-fluid" src="/web/image/website.s_quadrant_default_image_3" alt=""/>
|
|
</div>
|
|
<div class="o_grid_item o_grid_item_image g-col-lg-6 g-height-7 col-lg-6 d-lg-block d-none o_snippet_mobile_invisible order-lg-0" style="order: 5; z-index: 4; grid-area: 8 / 7 / 15 / 13; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
|
|
<img class="img img-fluid" src="/web/image/website.s_quadrant_default_image_4" alt=""/>
|
|
</div>
|
|
<div class="o_grid_item g-col-lg-6 g-height-8 col-lg-6 o_cc o_cc1 rounded justify-content-center order-lg-0" style="order: 3; z-index: 5; grid-area: 4 / 4 / 12 / 10; --grid-item-padding-y: 32px; --grid-item-padding-x: 32px;">
|
|
<h2 style="text-align: center;">Understanding the Innovation</h2>
|
|
<p class="lead" style="text-align: center;">Explore how our cutting-edge solutions redefine industry standards. To achieve excellence, we focus on what truly matters to our customers. <br/><br/> Begin by identifying their needs and exceed their expectations.</p>
|
|
<p style="text-align: center;">
|
|
<a t-att-href="cta_btn_href" class="btn btn-primary btn-lg"><t t-out="cta_btn_text">Discover</t></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<template id="s_quadrant_options" inherit_id="website.snippet_options">
|
|
<!-- Box Vertical Alignment -->
|
|
<xpath expr="//div[@data-js='WebsiteAnimate']" position="after">
|
|
<div data-selector=".s_quadrant .o_grid_item" data-exclude=".o_grid_item_image">
|
|
<we-button-group string="Vert. Alignment" title="Vertical Alignment">
|
|
<we-button title="Align Top"
|
|
data-select-class=""
|
|
data-img="/website/static/src/img/snippets_options/align_solo_top.svg"/>
|
|
<we-button title="Align Middle"
|
|
data-select-class="justify-content-center"
|
|
data-img="/website/static/src/img/snippets_options/align_solo_middle.svg"/>
|
|
<we-button title="Align Bottom"
|
|
data-select-class="justify-content-end"
|
|
data-img="/website/static/src/img/snippets_options/align_solo_bottom.svg"/>
|
|
</we-button-group>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Assets -->
|
|
<record id="website.s_quadrant_000_scss" model="ir.asset">
|
|
<field name="name">Quadrant 000 SCSS</field>
|
|
<field name="bundle">web.assets_frontend</field>
|
|
<field name="path">website/static/src/snippets/s_quadrant/000.scss</field>
|
|
</record>
|
|
|
|
</odoo>
|