1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
<?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>
|
