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
|
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_freegrid" name="Free grid">
<section class="s_freegrid o_cc o_cc1 pt64 pb64">
<div class="container-fluid">
<div class="row o_grid_mode" data-row-count="16">
<div class="o_grid_item o_grid_item_image g-col-lg-1 g-height-8 col-lg-1 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 1; grid-area: 2 / 1 / 10 / 2; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
<img class="img img-fluid mx-auto" src="/web/image/website.library_image_03" alt=""/>
</div>
<div class="o_grid_item o_grid_item_image g-col-lg-3 g-height-5 col-lg-3 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 2; grid-area: 1 / 2 / 6 / 5; --grid-item-padding-y: 8px; --grid-item-padding-x: 16px;">
<img class="img img-fluid mx-auto" src="/web/image/website.library_image_13" alt=""/>
</div>
<div class="o_grid_item o_grid_item_image g-col-lg-3 g-height-5 col-lg-3 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 3; grid-area: 6 / 2 / 11 / 5; --grid-item-padding-y: 8px; --grid-item-padding-x: 16px;">
<img class="img img-fluid mx-auto" src="/web/image/website.library_image_10" alt=""/>
</div>
<div class="o_grid_item o_grid_item_image g-col-lg-3 g-height-8 col-lg-3 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 4; grid-area: 2 / 5 / 10 / 8; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
<img class="img img-fluid mx-auto" src="/web/image/website.library_image_05" alt=""/>
</div>
<div class="o_grid_item o_grid_item_image g-col-lg-3 g-height-10 col-lg-3" style="z-index: 5; grid-area: 1 / 8 / 11 / 11; --grid-item-padding-y: 8px; --grid-item-padding-x: 16px;">
<img class="img img-fluid mx-auto" src="/web/image/website.library_image_14" alt=""/>
</div>
<div class="o_grid_item o_grid_item_image g-col-lg-2 g-height-8 col-lg-2 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 6; grid-area: 2 / 11 / 10 / 13; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
<img class="img img-fluid mx-auto" src="/web/image/website.library_image_16" alt=""/>
</div>
<div class="o_grid_item g-height-5 g-col-lg-7 col-lg-7" style="z-index: 7; grid-area: 12 / 2 / 17 / 9; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
<h2 style="text-align: left;">A deep dive into what makes our products innovative</h2>
<p class="lead" style="text-align: left;">Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers. Start with the customer – find out what they want and give it to them.</p>
</div>
<div class="o_grid_item g-height-2 g-col-lg-3 col-lg-3" style="z-index: 8; grid-area: 12 / 9 / 14 / 12; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
<p style="text-align: right;">
<a href="#" class="btn btn-primary btn-lg">Learn more</a>
</p>
</div>
</div>
</div>
</section>
</template>
</odoo>
|
