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

46 lines
3.1 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template name="Numbers Grid" id="s_numbers_grid">
<section class="s_numbers_grid o_cc o_cc2 pt56 pb56">
<div class="container">
<div class="row o_grid_mode" data-row-count="6" style="gap: 8px;">
<div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 1 / 1 / 4 / 4; z-index: 1; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
<p>Revenue Growth</p>
<span class="display-5">54%</span>
</div>
<div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 1 / 4 / 4 / 7;; z-index: 2; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
<p>Projects deployed</p>
<span class="display-5">+225</span>
</div>
<div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 1 / 7 / 4 / 10; z-index: 3; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
<p>Expected revenue</p>
<span class="display-5">$50M</span>
</div>
<div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 1 / 10 / 4 / 13; z-index: 4; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
<p>Online Members</p>
<span class="display-5">235,403</span>
</div>
<div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 4 / 1 / 7 / 4; z-index: 5; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
<p>Customer Retention</p>
<span class="display-5">85%</span>
</div>
<div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 4 / 4 / 7 / 7; z-index: 6; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
<p>Inventory turnover</p>
<span class="display-5">4x</span>
</div>
<div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 4 / 7 / 7 / 10; z-index: 7; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
<p>Website visitors</p>
<span class="display-5">100,000</span>
</div>
<div class="o_grid_item g-col-lg-3 g-height-3 col-lg-3 col-6 o_cc o_cc1 border rounded" data-name="Number Cell" style="grid-area: 4 / 10 / 7 / 13; z-index: 8; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
<p>Transactions</p>
<span class="display-5">45,958</span>
</div>
</div>
</div>
</section>
</template>
</odoo>