Odoo18-Base/addons/website/views/snippets/s_freegrid.xml
2025-01-06 10:57:38 +07:00

41 lines
3.3 KiB
XML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?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>