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

46 lines
3.5 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_wavy_grid" name="Wavy Grid">
<section class="s_wavy_grid pt32 pb32" data-oe-shape-data="{'shape':'web_editor/Bold/06_001','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}" style="position: relative;">
<div class="o_we_shape o_web_editor_Bold_06_001"/>
<div class="container">
<div class="row o_grid_mode" data-row-count="30">
<div class="o_grid_item g-col-lg-4 g-height-3 col-lg-4" style="grid-area: 14 / 5 / 17 / 9; z-index: 1;">
<h2 style="text-align: center;">What we offer to our customers</h2>
</div>
<div class="o_grid_item o_grid_item_image g-height-10 g-col-lg-7 col-lg-7" style="--grid-item-padding-y: 0px; grid-area: 1 / 1 / 11 / 8; z-index: 2;">
<img src="/web/image/website.s_wavy_grid_default_image_1" alt="" class="img img-fluid rounded o_we_custom_image"/>
</div>
<div class="o_grid_item g-col-lg-7 g-height-3 col-lg-7" style="--grid-item-padding-y: 16px; grid-area: 11 / 1 / 14 / 8; z-index: 3;">
<h3 class="h5-fs">Tailored Solutions</h3>
<p>We provide personalized solutions to meet your unique needs. Our team works with you to ensure optimal results from start to finish.</p>
</div>
<div class="o_grid_item o_grid_item_image g-col-lg-3 g-height-9 col-lg-3" style="--grid-item-padding-y: 0px; grid-area: 4 / 10 / 13 / 13; z-index: 4;">
<img src="/web/image/website.s_wavy_grid_default_image_2" alt="" class="img img-fluid rounded o_we_custom_image"/>
</div>
<div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3" style="--grid-item-padding-y: 16px; grid-area: 13 / 10 / 16 / 13; z-index: 5;">
<h3 class="h5-fs">Eco-Friendly Solutions</h3>
<p>Customer satisfaction is our priority. Our support team is always ready to assist, ensuring you have a smooth and successful experience.</p>
</div>
<div class="o_grid_item o_grid_item_image g-col-lg-3 g-height-9 col-lg-3" style="--grid-item-padding-y: 0px; grid-area: 14 / 1 / 23 / 4; z-index: 6;">
<img src="/web/image/website.s_wavy_grid_default_image_3" alt="" class="img img-fluid rounded o_we_custom_image"/>
</div>
<div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3" style="--grid-item-padding-y: 16px; grid-area: 23 / 1 / 26 / 4; z-index: 7;">
<h3 class="h5-fs">Quality and Excellence</h3>
<p>With extensive experience and deep industry knowledge, we provide insights and solutions that keep you ahead of the curve.</p>
</div>
<div class="o_grid_item o_grid_item_image g-col-lg-7 g-height-10 col-lg-7" style="--grid-item-padding-y: 0px; grid-area: 18 / 6 / 28 / 13; z-index: 8;">
<img src="/web/image/website.s_wavy_grid_default_image_4" alt="" class="img img-fluid rounded o_we_custom_image"/>
</div>
<div class="o_grid_item g-col-lg-7 g-height-3 col-lg-7" style="--grid-item-padding-y: 16px; grid-area: 28 / 6 / 31 / 13; z-index: 9;">
<h3 class="h5-fs">Expertise and Knowledge</h3>
<p>We offer cutting-edge products and services to tackle modern challenges. Leveraging the latest technology, we help you achieve your goals.</p>
</div>
</div>
</div>
</section>
</template>
</odoo>