mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[IMP] theme_enark: revamp the theme
task-4178071 Part of task-4177978 closes odoo/design-themes#932 Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
This commit is contained in:
@@ -2,9 +2,14 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_cta_box" inherit_id="website.s_cta_box">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc2 pt0" remove="pt80" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Card -->
|
||||
<xpath expr="//div[hasclass('card')]" position="attributes">
|
||||
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
|
||||
<attribute name="style" add="border-radius: 0px !important;" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
@@ -17,6 +22,7 @@
|
||||
<!-- Image -->
|
||||
<xpath expr="//img" position="attributes">
|
||||
<attribute name="src">/theme_enark/static/src/img/snippets/library_image_02.jpg</attribute>
|
||||
<attribute name="class" remove="rounded-end" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Button -->
|
||||
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
|
||||
|
||||
@@ -2,25 +2,70 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_features_wall" inherit_id="website.s_features_wall">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/10','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('o_we_shape')]" position="replace">
|
||||
<div class="o_we_shape o_web_editor_Airy_10"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('o_grid_mode')]" position="attributes">
|
||||
<attribute name="style">gap: 0px 16px;</attribute>
|
||||
</xpath>
|
||||
<!-- Intro -->
|
||||
<xpath expr="//div[hasclass('o_grid_item')]" position="attributes">
|
||||
<attribute name="style">z-index: 1; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; grid-area: 1 / 8 / 22 / 13;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//h2" position="attributes">
|
||||
<attribute name="class"/>
|
||||
<attribute name="style">text-align: right;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//p[hasclass('lead')]" position="attributes">
|
||||
<attribute name="style">text-align: right;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
|
||||
Discover our latest collection: sustainable, innovative designs that blend modern elegance with timeless architectural beauty.
|
||||
</xpath>
|
||||
<!-- Card 1 -->
|
||||
<xpath expr="//div[hasclass('g-col-lg-3')]//h3" position="replace" mode="inner">
|
||||
<xpath expr="//div[hasclass('o_grid_item_image')]" position="attributes">
|
||||
<attribute name="class" add="g-height-8" remove="g-height-6" separator=" "/>
|
||||
<attribute name="style">z-index: 2; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; grid-area: 2 / 1 / 10 / 4;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[3]" position="attributes">
|
||||
<attribute name="style">z-index: 3; --grid-item-padding-y: 12px; --grid-item-padding-x: 0px; grid-area: 10 / 1 / 14 / 4;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[3]//h3" position="replace" mode="inner">
|
||||
Innovative Design Solutions
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('g-col-lg-3')]//p" position="replace" mode="inner">
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[3]//p" position="replace" mode="inner">
|
||||
Transform your vision into reality with cutting-edge architectural designs tailored to your unique needs and aesthetic preferences.
|
||||
</xpath>
|
||||
<!-- Card 2 -->
|
||||
<xpath expr="//div[hasclass('g-col-lg-3')][4]//h3" position="replace" mode="inner">
|
||||
<xpath expr="(//div[hasclass('o_grid_item_image')])[2]" position="attributes">
|
||||
<attribute name="class" add="g-height-3" remove="g-height-6" separator=" "/>
|
||||
<attribute name="style">z-index: 4; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; grid-area: 1 / 4 / 4 / 7;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[5]" position="attributes">
|
||||
<attribute name="style">z-index: 5; --grid-item-padding-y: 12px; --grid-item-padding-x: 0px; grid-area: 4 / 4 / 8 / 7;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[5]//h3" position="replace" mode="inner">
|
||||
Sustainable Building Practices
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('g-col-lg-3')][4]//p" position="replace" mode="inner">
|
||||
Embrace eco-friendly architecture with sustainable design solutions that enhance efficiency and reduce environmental impact.
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[5]//p" position="replace" mode="inner">
|
||||
Embrace eco-friendly architecture with sustainable design solutions that reduce environmental impact.
|
||||
</xpath>
|
||||
<!-- Card 3 -->
|
||||
<xpath expr="//div[hasclass('g-col-lg-3')][6]//h3" position="replace" mode="inner">
|
||||
<xpath expr="(//div[hasclass('o_grid_item_image')])[3]" position="attributes">
|
||||
<attribute name="class" add="g-height-4" remove="g-height-6" separator=" "/>
|
||||
<attribute name="style">z-index: 6; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; grid-area: 8 / 4 / 12 / 7;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[7]" position="attributes">
|
||||
<attribute name="style">z-index: 7; --grid-item-padding-y: 12px; --grid-item-padding-x: 0px; grid-area: 12 / 4 / 16 / 7;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('o_grid_item')][7]//h3" position="replace" mode="inner">
|
||||
Detailed Project Management
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('g-col-lg-3')][6]//p" position="replace" mode="inner">
|
||||
<xpath expr="//div[hasclass('o_grid_item')][7]//p" position="replace" mode="inner">
|
||||
Experience seamless project execution with meticulous planning, budgeting, and oversight from concept to completion.
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
@@ -2,9 +2,30 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_freegrid" inherit_id="website.s_freegrid">
|
||||
<!-- Layout -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/04_001','colors':{'c3':'o-color-5'},'flip':[],'showOnMobile':true,'shapeAnimationSpeed':'0'}</attribute>
|
||||
<attribute name="class" add="pt128" remove="pt64" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('o_grid_mode')]" position="attributes">
|
||||
<attribute name="data-row-count">17</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('container-fluid')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Origins_04_001 o_shape_show_mobile" style="background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-5');"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('container-fluid')]" position="attributes">
|
||||
<attribute name="class" add="container" remove="container-fluid" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[7]" position="attributes">
|
||||
<attribute name="class" add="g-height-6" remove="g-height-5" separator=" "/>
|
||||
<attribute name="style">z-index: 7; grid-area: 12 / 1 / 18 / 8; --grid-item-padding-y: 16px; --grid-item-padding-x: 0px;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('o_grid_item')])[8]" position="attributes">
|
||||
<attribute name="style">z-index: 8; grid-area: 12 / 10 / 14 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 0px;"</attribute>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
Architectural Excellence for Corporate Success
|
||||
<xpath expr="//h2" position="replace">
|
||||
<h1 class="display-4">Architectural Excellence for Corporate Success</h1>
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
|
||||
|
||||
@@ -6,17 +6,6 @@
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Row 1 - Layout -->
|
||||
<xpath expr="(//div[hasclass('row')])[2]" position="attributes">
|
||||
<attribute name="class" add="border rounded" separator=" "/>
|
||||
<attribute name="style" add="border-width: 1px !important; border-color: rgb(70, 77, 83) !important; border-radius: 4px !important;" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-4')]" position="attributes">
|
||||
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-8')]" position="attributes">
|
||||
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Row #1 - Title & paragraph -->
|
||||
<xpath expr="//div[hasclass('s_media_list_body')]//h3" position="replace" mode="inner">
|
||||
Construction site
|
||||
@@ -24,11 +13,6 @@
|
||||
<xpath expr="//div[hasclass('s_media_list_body')]//p" position="replace" mode="inner">
|
||||
Our mastery of construction techniques has been built up over time through our close collaboration with the workers and our sustained presence on the construction sites.
|
||||
</xpath>
|
||||
<!-- Row 2 - Layout -->
|
||||
<xpath expr="(//div[hasclass('row')])[3]" position="attributes">
|
||||
<attribute name="class" add="border rounded" separator=" "/>
|
||||
<attribute name="style" add="border-width: 1px !important; border-color: rgb(70, 77, 83) !important; border-radius: 4px !important;" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Row #2 - Title & paragraph -->
|
||||
<xpath expr="(//div[hasclass('s_media_list_body')])[2]//h3" position="replace" mode="inner">
|
||||
Nature friendly
|
||||
@@ -36,11 +20,6 @@
|
||||
<xpath expr="(//div[hasclass('s_media_list_body')])[2]//p" position="replace" mode="inner">
|
||||
Our creations integrate and are in perfect harmony with their environment.
|
||||
</xpath>
|
||||
<!-- Row 3 - Layout -->
|
||||
<xpath expr="(//div[hasclass('row')])[4]" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc5 flex-row-reverse border rounded" remove="o_cc o_cc1" separator=" "/>
|
||||
<attribute name="style" add="border-width: 1px !important; border-color: rgb(70, 77, 83) !important; border-radius: 4px !important;" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Row #3 - Title & paragraph -->
|
||||
<xpath expr="(//div[hasclass('s_media_list_body')])[3]//h3" position="replace" mode="inner">
|
||||
Know our clients.
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_numbers_list" inherit_id="website.s_numbers_list">
|
||||
<xpath expr="//div[hasclass('col-lg-5')]//p" position="after">
|
||||
<p><br/></p>
|
||||
<p><a href="#" class="btn btn-secondary">More details</a></p>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_references" inherit_id="website.s_references">
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_title" inherit_id="website.s_title">
|
||||
<xpath expr="//h2" position="attributes">
|
||||
<attribute name="class"/>
|
||||
<attribute name="style">text-align: left;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
Innovative architecture <br/>and sustainable design solutions
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
Reference in New Issue
Block a user