[IMP] theme_*: adapt s_three_columns and s_comparisons

*: artists, avantgarde, aviato, bookstore, buzzy, clean, graphene, kea,
kiddo, loftspace, monglia, odoo_experts, orchid, paptic, real_estate,
vehicle

This commit mirrors the changes made to the `s_three_columns` and the
`s_comparisons` snippets, adding the use of the `s_card` snippet in them
in the community counterpart.

task-4115012
part of task-3619705

closes odoo/design-themes#868

Related: odoo/odoo#176684
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
This commit is contained in:
stefanorigano (SRI)
2024-08-13 23:24:11 +02:00
committed by Soukéina Bojabza
parent d60776bdd2
commit e7a6c43233
17 changed files with 140 additions and 73 deletions
@@ -12,7 +12,7 @@
<attribute name="style" add="border-width: 0px !important;" separator=";"/> <attribute name="style" add="border-width: 0px !important;" separator=";"/>
</xpath> </xpath>
<!-- Column #1 - Title --> <!-- Column #1 - Title -->
<xpath expr="//div[hasclass('card-body')]//h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('card-body')]//h5" position="replace" mode="inner">
My artistic process My artistic process
</xpath> </xpath>
<!-- Column #1 - Paragraph --> <!-- Column #1 - Paragraph -->
@@ -29,12 +29,12 @@
<attribute name="style" add="border-width: 0px !important;" separator=";"/> <attribute name="style" add="border-width: 0px !important;" separator=";"/>
</xpath> </xpath>
<!-- Column #2 - Title --> <!-- Column #2 - Title -->
<xpath expr="(//div[hasclass('card-body')])[2]//h3" position="replace" mode="inner"> <xpath expr="(//div[hasclass('card-body')])[2]//h5" position="replace" mode="inner">
My work My work
</xpath> </xpath>
<!-- Column #2 - Paragraph --> <!-- Column #2 - Paragraph -->
<xpath expr="(//div[hasclass('card-body')])[2]//p" position="replace" mode="inner"> <xpath expr="(//div[hasclass('card-body')])[2]//p" position="replace" mode="inner">
Here is a selection of my works, exhibited in my studio. Here is a selection of my works, exhibited in my studio and in galleries around the world.
</xpath> </xpath>
<!-- Column #2 - Add a button --> <!-- Column #2 - Add a button -->
<xpath expr="(//div[hasclass('card-body')])[2]//p" position="after"> <xpath expr="(//div[hasclass('card-body')])[2]//p" position="after">
@@ -46,7 +46,7 @@
<attribute name="style" add="border-width: 0px !important;" separator=";"/> <attribute name="style" add="border-width: 0px !important;" separator=";"/>
</xpath> </xpath>
<!-- Column #3 - Title --> <!-- Column #3 - Title -->
<xpath expr="(//div[hasclass('card-body')])[3]//h3" position="replace" mode="inner"> <xpath expr="(//div[hasclass('card-body')])[3]//h5" position="replace" mode="inner">
About me About me
</xpath> </xpath>
<!-- Column #3 - Paragraph --> <!-- Column #3 - Paragraph -->
+3 -3
View File
@@ -88,7 +88,7 @@
<attribute name="class" add="shadow border" separator=" "/> <attribute name="class" add="shadow border" separator=" "/>
<attribute name="style">border-color: var(--o-color-2) !important; box-shadow: var(--o-color-2) -25px -25px 0px 0px !important; border-width: 8px !important;</attribute> <attribute name="style">border-color: var(--o-color-2) !important; box-shadow: var(--o-color-2) -25px -25px 0px 0px !important; border-width: 8px !important;</attribute>
</xpath> </xpath>
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//h5" position="replace" mode="inner">
<span style="font-weight: bolder;">Excellence</span> <span style="font-weight: bolder;">Excellence</span>
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[1]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[1]" position="replace" mode="inner">
@@ -97,7 +97,7 @@
<attribute name="class" add="shadow border" separator=" "/> <attribute name="class" add="shadow border" separator=" "/>
<attribute name="style">border-color: var(--o-color-4) !important; border-width: 8px !important; box-shadow: var(--o-color-5) 0px 0px 100px -40px !important;</attribute> <attribute name="style">border-color: var(--o-color-4) !important; border-width: 8px !important; box-shadow: var(--o-color-5) 0px 0px 100px -40px !important;</attribute>
</xpath> </xpath>
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//h5)[2]" position="replace" mode="inner">
<span style="font-weight: bolder;">Collaboration</span> <span style="font-weight: bolder;">Collaboration</span>
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner">
@@ -107,7 +107,7 @@
<attribute name="class" add="shadow border" separator=" "/> <attribute name="class" add="shadow border" separator=" "/>
<attribute name="style">box-shadow: var(--o-color-1) 25px 25px 0px 0px !important; border-color: var(--o-color-1) !important; border-width: 8px !important;</attribute> <attribute name="style">box-shadow: var(--o-color-1) 25px 25px 0px 0px !important; border-color: var(--o-color-1) !important; border-width: 8px !important;</attribute>
</xpath> </xpath>
<xpath expr="(//h3)[3]" position="replace" mode="inner"> <xpath expr="(//h5)[3]" position="replace" mode="inner">
<span style="font-weight: bolder;">Sustainability</span> <span style="font-weight: bolder;">Sustainability</span>
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner">
+39 -18
View File
@@ -7,31 +7,52 @@
<attribute name="class" add="pt16 pb56 o_cc3" remove="pt32 pb32 o_cc2" separator=" "/> <attribute name="class" add="pt16 pb56 o_cc3" remove="pt32 pb32 o_cc2" separator=" "/>
</xpath> </xpath>
<!-- Column #01 --> <!-- Column #01 -->
<xpath expr="//div[hasclass('row')]/div[1]/div" position="replace"> <xpath expr="//*[hasclass('s_card')]" position="attributes">
<img class="position-relative d-block img-fluid figure-img rounded shadow-lg w-100" style="height:50vh; object-fit:cover; z-index:2;" src="/web/image/website.s_three_columns_default_image_1" alt="s_three_columns_1"/> <attribute name="style" add="--card-img-aspect-ratio: 132%" separator="; "/>
<div class="card-wrapper shadow-lg position-relative p-4 bg-white rounded-3 mt-n4" style="z-index:1;"> </xpath>
<h4 class="card-title mt-4">Paris</h4> <xpath expr="//figure" position="attributes">
<p>Paris' monument-lined boulevards, museums, classical bistros and boutiques are enhanced by a new wave of multimedia galleries, creative wine bars...</p> <attribute name="class" remove="ratio-16x9" add="o_card_img_ratio_custom" separator=" "/>
</xpath>
<xpath expr="//h5" position="replace" mode="inner">
Paris
</xpath>
<xpath expr="//p" position="replace" mode="inner">
Paris' monument-lined boulevards, museums, classical bistros and boutiques are enhanced by a new wave of multimedia galleries, creative wine bars..
</xpath>
<xpath expr="//p" position="after">
<a href="#" class="btn btn-primary">Book now</a> <a href="#" class="btn btn-primary">Book now</a>
</div>
</xpath> </xpath>
<!-- Column #02 --> <!-- Column #02 -->
<xpath expr="//div[hasclass('row')]/div[2]/div" position="replace"> <xpath expr="(//*[hasclass('s_card')])[2]" position="attributes">
<img class="position-relative d-block img-fluid figure-img rounded shadow-lg w-100" style="height:50vh; object-fit:cover; z-index:2;" src="/web/image/website.s_three_columns_default_image_2" alt="s_three_columns_2"/> <attribute name="style" add="--card-img-aspect-ratio: 132%" separator="; "/>
<div class="card-wrapper shadow-lg position-relative p-4 bg-white rounded-3 mt-n4" style="z-index:1;"> </xpath>
<h4 class="card-title mt-4">Rome</h4> <xpath expr="(//figure)[2]" position="attributes">
<p>A heady mix of haunting ruins, awe-inspiring art and vibrant street life, Italys hot-blooded capital is one of the worlds most romantic and charismatic cities.</p> <attribute name="class" remove="ratio-16x9" add="o_card_img_ratio_custom" separator=" "/>
</xpath>
<xpath expr="(//h5)[2]" position="replace" mode="inner">
Rome
</xpath>
<xpath expr="(//p)[2]" position="replace" mode="inner">
A heady mix of haunting ruins, awe-inspiring art and vibrant street life, Italys hot-blooded capital is one of the worlds most romantic and charismatic cities.
</xpath>
<xpath expr="(//p)[2]" position="after">
<a href="#" class="btn btn-primary">Book now</a> <a href="#" class="btn btn-primary">Book now</a>
</div>
</xpath> </xpath>
<!-- Column #03 --> <!-- Column #03 -->
<xpath expr="//div[hasclass('row')]/div[3]/div" position="replace"> <xpath expr="(//*[hasclass('s_card')])[3]" position="attributes">
<img class="position-relative d-block img-fluid figure-img rounded shadow-lg w-100" style="height:50vh; object-fit:cover; z-index:2;" src="/web/image/website.s_three_columns_default_image_3" alt="s_three_columns_3"/> <attribute name="style" add="--card-img-aspect-ratio: 132%" separator="; "/>
<div class="card-wrapper shadow-lg position-relative p-4 bg-white rounded-3 mt-n4" style="z-index:1;"> </xpath>
<h4 class="card-title mt-4">Prague</h4> <xpath expr="(//figure)[3]" position="attributes">
<p>Prague is the equal of Paris in terms of beauty. Its history goes back a millennium. And the beer? The best in Europe. Prague is the perfect city to walk around.</p> <attribute name="class" remove="ratio-16x9" add="o_card_img_ratio_custom" separator=" "/>
</xpath>
<xpath expr="(//h5)[3]" position="replace" mode="inner">
Prague
</xpath>
<xpath expr="(//p)[3]" position="replace" mode="inner">
Prague is the equal of Paris in terms of beauty. Its history goes back a millennium. And the beer? The best in Europe. Prague is the perfect city to walk around.
</xpath>
<xpath expr="(//p)[3]" position="after">
<a href="#" class="btn btn-primary">Book now</a> <a href="#" class="btn btn-primary">Book now</a>
</div>
</xpath> </xpath>
</template> </template>
@@ -6,10 +6,20 @@
<xpath expr="//div[hasclass('row')]//div" position="attributes"> <xpath expr="//div[hasclass('row')]//div" position="attributes">
<attribute name="class" add="pt16" separator=" "/> <attribute name="class" add="pt16" separator=" "/>
</xpath> </xpath>
<xpath expr="//*[hasclass('card')]" position="attributes">
<attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
</xpath>
<!-- Center card -->
<xpath expr="(//*[hasclass('card')])[2]" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
</xpath>
<!-- Right card --> <!-- Right card -->
<xpath expr="//div[hasclass('row')]//div[3]" position="attributes"> <xpath expr="//div[hasclass('row')]//div[3]" position="attributes">
<attribute name="class" add="pt16" separator=" "/> <attribute name="class" add="pt16" separator=" "/>
</xpath> </xpath>
<xpath expr="(//*[hasclass('card')])[3]" position="attributes">
<attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
</xpath>
</template> </template>
</odoo> </odoo>
@@ -7,21 +7,21 @@
<attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/> <attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
</xpath> </xpath>
<!-- Column #1 --> <!-- Column #1 -->
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//h5" position="replace" mode="inner">
A Belgian Story A Belgian Story
</xpath> </xpath>
<xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner"> <xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner">
Discover the history of Belgium in this well-documented book with many illustrations and testimonials. Discover the history of Belgium in this well-documented book with many illustrations and testimonials.
</xpath> </xpath>
<!-- Column #2 --> <!-- Column #2 -->
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//h5)[2]" position="replace" mode="inner">
At the Mars conquest At the Mars conquest
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner">
Learn about the difficulties encountered by NASA engineers in sending the first men to Mars. Learn about the difficulties encountered by NASA engineers in sending the first men to Mars.
</xpath> </xpath>
<!-- Column #3 --> <!-- Column #3 -->
<xpath expr="(//h3)[3]" position="replace" mode="inner"> <xpath expr="(//h5)[3]" position="replace" mode="inner">
Re-edition Re-edition
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner">
+12 -3
View File
@@ -4,13 +4,16 @@
<template id="s_three_columns" inherit_id="website.s_three_columns"> <template id="s_three_columns" inherit_id="website.s_three_columns">
<!-- Column #1 --> <!-- Column #1 -->
<!-- Img --> <!-- Img -->
<xpath expr="//figure" position="attributes">
<attribute name="class" remove="ratio ratio-16x9" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('card')]//img" position="attributes"> <xpath expr="//div[hasclass('card')]//img" position="attributes">
<attribute name="style">padding: 32px !important;</attribute> <attribute name="style">padding: 32px !important;</attribute>
<!-- Enable SVG dynamic color functionality --> <!-- Enable SVG dynamic color functionality -->
<attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-01.svg?c1=o-color-1</attribute> <attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-01.svg?c1=o-color-1</attribute>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="//div[hasclass('card')]//h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('card')]//h5" position="replace" mode="inner">
Built to <br/>your effigy Built to <br/>your effigy
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
@@ -20,13 +23,16 @@
<!-- Column #2 --> <!-- Column #2 -->
<!-- Img --> <!-- Img -->
<xpath expr="(//figure)[2]" position="attributes">
<attribute name="class" remove="ratio ratio-16x9" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('card')])[2]//img" position="attributes"> <xpath expr="(//div[hasclass('card')])[2]//img" position="attributes">
<attribute name="style">padding: 32px !important;</attribute> <attribute name="style">padding: 32px !important;</attribute>
<!-- Enable SVG dynamic color functionality --> <!-- Enable SVG dynamic color functionality -->
<attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-02.svg?c1=o-color-1</attribute> <attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-02.svg?c1=o-color-1</attribute>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="(//div[hasclass('card')])[2]//h3" position="replace" mode="inner"> <xpath expr="(//div[hasclass('card')])[2]//h5" position="replace" mode="inner">
Editable from <br/>A to Z Editable from <br/>A to Z
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
@@ -36,13 +42,16 @@
<!-- Column #3 --> <!-- Column #3 -->
<!-- Img --> <!-- Img -->
<xpath expr="(//figure)[3]" position="attributes">
<attribute name="class" remove="ratio ratio-16x9" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('card')])[3]//img" position="attributes"> <xpath expr="(//div[hasclass('card')])[3]//img" position="attributes">
<attribute name="style">padding: 32px !important;</attribute> <attribute name="style">padding: 32px !important;</attribute>
<!-- Enable SVG dynamic color functionality --> <!-- Enable SVG dynamic color functionality -->
<attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-03.svg?c1=o-color-1</attribute> <attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-03.svg?c1=o-color-1</attribute>
</xpath> </xpath>
<!-- Title --> <!-- Title -->
<xpath expr="(//div[hasclass('card')])[3]//h3" position="replace" mode="inner"> <xpath expr="(//div[hasclass('card')])[3]//h5" position="replace" mode="inner">
All data <br/>in your hands All data <br/>in your hands
</xpath> </xpath>
<!-- Paragraph --> <!-- Paragraph -->
@@ -10,7 +10,7 @@
<xpath expr="//div[hasclass('card')]" position="attributes"> <xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="style">border-width: 0px !important;</attribute> <attribute name="style">border-width: 0px !important;</attribute>
</xpath> </xpath>
<xpath expr="//h3[hasclass('card-title')]" position="replace" mode="inner"> <xpath expr="//h5[hasclass('card-title')]" position="replace" mode="inner">
Our mission Our mission
</xpath> </xpath>
<xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner"> <xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner">
@@ -20,7 +20,7 @@
<xpath expr="(//div[hasclass('card')])[2]" position="attributes"> <xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="style">border-width: 0px !important;</attribute> <attribute name="style">border-width: 0px !important;</attribute>
</xpath> </xpath>
<xpath expr="(//h3[hasclass('card-title')])[2]" position="replace" mode="inner"> <xpath expr="(//h5[hasclass('card-title')])[2]" position="replace" mode="inner">
Our values Our values
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner">
@@ -30,7 +30,7 @@
<xpath expr="(//div[hasclass('card')])[3]" position="attributes"> <xpath expr="(//div[hasclass('card')])[3]" position="attributes">
<attribute name="style">border-width: 0px !important;</attribute> <attribute name="style">border-width: 0px !important;</attribute>
</xpath> </xpath>
<xpath expr="(//h3[hasclass('card-title')])[3]" position="replace" mode="inner"> <xpath expr="(//h5[hasclass('card-title')])[3]" position="replace" mode="inner">
Our team Our team
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner">
+3 -3
View File
@@ -140,7 +140,7 @@
<!-- ======== 3 COLUMNS ======== --> <!-- ======== 3 COLUMNS ======== -->
<template id="s_three_columns" inherit_id="website.s_three_columns" name="Graphene s_three_columns"> <template id="s_three_columns" inherit_id="website.s_three_columns" name="Graphene s_three_columns">
<xpath expr="//div[hasclass('row')]/div//h3[1]" position="replace"> <xpath expr="//div[hasclass('row')]/div//h5[1]" position="replace">
<h5>Powerful API</h5> <h5>Powerful API</h5>
<div class="s_hr pt8 pb16" data-snippet="s_hr" data-name="Separator"> <div class="s_hr pt8 pb16" data-snippet="s_hr" data-name="Separator">
<hr class="w-100 mx-auto" style="border-top-color: var(--o-color-3) !important;"/> <hr class="w-100 mx-auto" style="border-top-color: var(--o-color-3) !important;"/>
@@ -149,7 +149,7 @@
<xpath expr="//div[hasclass('row')]/div//p[1]" position="replace" mode="inner"> <xpath expr="//div[hasclass('row')]/div//p[1]" position="replace" mode="inner">
Thanks to our API, Developers report building their solutions 4x faster. Discover why and how. Thanks to our API, Developers report building their solutions 4x faster. Discover why and how.
</xpath> </xpath>
<xpath expr="//div[hasclass('row')]/div[2]//h3[1]" position="replace"> <xpath expr="//div[hasclass('row')]/div[2]//h5[1]" position="replace">
<h5>Mobile Experience</h5> <h5>Mobile Experience</h5>
<div class="s_hr pt8 pb16" data-snippet="s_hr" data-name="Separator"> <div class="s_hr pt8 pb16" data-snippet="s_hr" data-name="Separator">
<hr class="w-100 mx-auto" style="border-top-color: var(--o-color-3) !important;"/> <hr class="w-100 mx-auto" style="border-top-color: var(--o-color-3) !important;"/>
@@ -158,7 +158,7 @@
<xpath expr="//div[hasclass('row')]/div[2]//p[1]" position="replace" mode="inner"> <xpath expr="//div[hasclass('row')]/div[2]//p[1]" position="replace" mode="inner">
Probably the only CRM with a full mobile experience. Never wondered how it works? That's because it just works Probably the only CRM with a full mobile experience. Never wondered how it works? That's because it just works
</xpath> </xpath>
<xpath expr="//div[hasclass('row')]/div[3]//h3[1]" position="replace"> <xpath expr="//div[hasclass('row')]/div[3]//h5[1]" position="replace">
<h5>Support Team</h5> <h5>Support Team</h5>
<div class="s_hr pt8 pb16" data-snippet="s_hr" data-name="Separator"> <div class="s_hr pt8 pb16" data-snippet="s_hr" data-name="Separator">
<hr class="w-100 mx-auto" style="border-top-color: var(--o-color-3) !important;"/> <hr class="w-100 mx-auto" style="border-top-color: var(--o-color-3) !important;"/>
+12 -3
View File
@@ -7,21 +7,30 @@
<attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/> <attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
</xpath> </xpath>
<!-- Column 1 --> <!-- Column 1 -->
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//figure" position="attributes">
<attribute name="class" remove="ratio-16x9" add="ratio-1x1" separator=" "/>
</xpath>
<xpath expr="//h5" position="replace" mode="inner">
Gaming Gaming
</xpath> </xpath>
<xpath expr="//p" position="replace" mode="inner"> <xpath expr="//p" position="replace" mode="inner">
VR takes immersive gaming to another level. From deep environmental interactions to puzzle solving. VR takes immersive gaming to another level. From deep environmental interactions to puzzle solving.
</xpath> </xpath>
<!-- Column 2 --> <!-- Column 2 -->
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//figure)[2]" position="attributes">
<attribute name="class" remove="ratio-16x9" add="ratio-1x1" separator=" "/>
</xpath>
<xpath expr="(//h5)[2]" position="replace" mode="inner">
Design Design
</xpath> </xpath>
<xpath expr="(//p)[2]" position="replace" mode="inner"> <xpath expr="(//p)[2]" position="replace" mode="inner">
From design concept to the showroom, create and manage workflows with better collaboration. From design concept to the showroom, create and manage workflows with better collaboration.
</xpath> </xpath>
<!-- Column 3 --> <!-- Column 3 -->
<xpath expr="(//h3)[3]" position="replace" mode="inner"> <xpath expr="(//figure)[3]" position="attributes">
<attribute name="class" remove="ratio-16x9" add="ratio-1x1" separator=" "/>
</xpath>
<xpath expr="(//h5)[3]" position="replace" mode="inner">
Training Training
</xpath> </xpath>
<xpath expr="(//p)[3]" position="replace" mode="inner"> <xpath expr="(//p)[3]" position="replace" mode="inner">
@@ -19,14 +19,14 @@
<attribute name="data-shape-colors">;o-color-1;;;</attribute> <attribute name="data-shape-colors">;o-color-1;;;</attribute>
</xpath> </xpath>
<!-- Column n°1 - Title --> <!-- Column n°1 - Title -->
<xpath expr="//h3" position="attributes"> <xpath expr="//h5" position="attributes">
<attribute name="style">text-align: center;</attribute> <attribute name="style">text-align: center;</attribute>
</xpath> </xpath>
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//h5" position="replace" mode="inner">
Our mission Our mission
</xpath> </xpath>
<!-- Column n°1 - Add separator --> <!-- Column n°1 - Add separator -->
<xpath expr="//h3" position="after"> <xpath expr="//h5" position="after">
<div class="s_hr pb32 pt8" data-snippet="s_hr" data-name="Separator"> <div class="s_hr pb32 pt8" data-snippet="s_hr" data-name="Separator">
<hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-2) !important;"/> <hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-2) !important;"/>
</div> </div>
@@ -51,14 +51,14 @@
<attribute name="data-shape-colors">;o-color-3;;;</attribute> <attribute name="data-shape-colors">;o-color-3;;;</attribute>
</xpath> </xpath>
<!-- Column n°2 - Title --> <!-- Column n°2 - Title -->
<xpath expr="(//h3)[2]" position="attributes"> <xpath expr="(//h5)[2]" position="attributes">
<attribute name="style">text-align: center;</attribute> <attribute name="style">text-align: center;</attribute>
</xpath> </xpath>
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//h5)[2]" position="replace" mode="inner">
For every kid For every kid
</xpath> </xpath>
<!-- Column n°2 - Add separator --> <!-- Column n°2 - Add separator -->
<xpath expr="(//h3)[2]" position="after"> <xpath expr="(//h5)[2]" position="after">
<div class="s_hr pb32 pt8" data-snippet="s_hr" data-name="Separator"> <div class="s_hr pb32 pt8" data-snippet="s_hr" data-name="Separator">
<hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-1) !important;"/> <hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-1) !important;"/>
</div> </div>
@@ -83,14 +83,14 @@
<attribute name="data-shape-colors">;;;;o-color-2</attribute> <attribute name="data-shape-colors">;;;;o-color-2</attribute>
</xpath> </xpath>
<!-- Column n°3 - Title --> <!-- Column n°3 - Title -->
<xpath expr="(//h3)[3]" position="attributes"> <xpath expr="(//h5)[3]" position="attributes">
<attribute name="style">text-align: center;</attribute> <attribute name="style">text-align: center;</attribute>
</xpath> </xpath>
<xpath expr="(//h3)[3]" position="replace" mode="inner"> <xpath expr="(//h5)[3]" position="replace" mode="inner">
Open-door policy Open-door policy
</xpath> </xpath>
<!-- Column n°3 - Add separator --> <!-- Column n°3 - Add separator -->
<xpath expr="(//h3)[3]" position="after"> <xpath expr="(//h5)[3]" position="after">
<div class="s_hr pb32 pt8" data-snippet="s_hr" data-name="Separator"> <div class="s_hr pb32 pt8" data-snippet="s_hr" data-name="Separator">
<hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-2) !important;"/> <hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-2) !important;"/>
</div> </div>
@@ -11,7 +11,7 @@
<attribute name="style">box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05) !important;</attribute> <attribute name="style">box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05) !important;</attribute>
</xpath> </xpath>
<!-- Column #1 - Title --> <!-- Column #1 - Title -->
<xpath expr="//div[hasclass('card-body')]//h3" position="replace" mode="inner"> <xpath expr="//div[hasclass('card-body')]//h5" position="replace" mode="inner">
Unique Items Unique Items
</xpath> </xpath>
<!-- Column #1 - Paragraph --> <!-- Column #1 - Paragraph -->
@@ -23,7 +23,7 @@
<attribute name="style">box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05) !important;</attribute> <attribute name="style">box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05) !important;</attribute>
</xpath> </xpath>
<!-- Column #2 - Title --> <!-- Column #2 - Title -->
<xpath expr="(//div[hasclass('card-body')])[2]//h3" position="replace" mode="inner"> <xpath expr="(//div[hasclass('card-body')])[2]//h5" position="replace" mode="inner">
Tailored advice Tailored advice
</xpath> </xpath>
<!-- Column #2 - Paragraph --> <!-- Column #2 - Paragraph -->
@@ -35,7 +35,7 @@
<attribute name="style">box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05) !important;</attribute> <attribute name="style">box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05) !important;</attribute>
</xpath> </xpath>
<!-- Column #3 - Title --> <!-- Column #3 - Title -->
<xpath expr="(//div[hasclass('card-body')])[3]//h3" position="replace" mode="inner"> <xpath expr="(//div[hasclass('card-body')])[3]//h5" position="replace" mode="inner">
For the whole Family For the whole Family
</xpath> </xpath>
<!-- Column #3 - Paragraph --> <!-- Column #3 - Paragraph -->
+3 -3
View File
@@ -269,13 +269,13 @@
<xpath expr="//section" position="attributes"> <xpath expr="//section" position="attributes">
<attribute name="class" add="pb0 o_cc5" remove="pb32 o_cc2" separator=" "/> <attribute name="class" add="pb0 o_cc5" remove="pb32 o_cc2" separator=" "/>
</xpath> </xpath>
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//h5" position="replace" mode="inner">
Wilson Holt Wilson Holt
</xpath> </xpath>
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//h5)[2]" position="replace" mode="inner">
Theia Hayward Theia Hayward
</xpath> </xpath>
<xpath expr="(//h3)[3]" position="replace" mode="inner"> <xpath expr="(//h5)[3]" position="replace" mode="inner">
Bruce Porter Bruce Porter
</xpath> </xpath>
</template> </template>
@@ -15,14 +15,23 @@
<xpath expr="//div[hasclass('card')]" position="attributes"> <xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="style">border-width: 0px !important; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05) !important;</attribute> <attribute name="style">border-width: 0px !important; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05) !important;</attribute>
</xpath> </xpath>
<xpath expr="(//figure)[1]" position="attributes">
<attribute name="class" remove="ratio-16x9" add="ratio-1x1" separator=" "/>
</xpath>
<!-- Card #2 --> <!-- Card #2 -->
<xpath expr="(//div[hasclass('card')])[2]" position="attributes"> <xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="style">border-width: 0px !important; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05) !important;</attribute> <attribute name="style">border-width: 0px !important; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05) !important;</attribute>
</xpath> </xpath>
<xpath expr="(//figure)[2]" position="attributes">
<attribute name="class" remove="ratio-16x9" add="ratio-1x1" separator=" "/>
</xpath>
<!-- Card #3 --> <!-- Card #3 -->
<xpath expr="(//div[hasclass('card')])[3]" position="attributes"> <xpath expr="(//div[hasclass('card')])[3]" position="attributes">
<attribute name="style">border-width: 0px !important; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05) !important;</attribute> <attribute name="style">border-width: 0px !important; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05) !important;</attribute>
</xpath> </xpath>
<xpath expr="(//figure)[3]" position="attributes">
<attribute name="class" remove="ratio-16x9" add="ratio-1x1" separator=" "/>
</xpath>
</template> </template>
</odoo> </odoo>
@@ -16,7 +16,7 @@
<attribute name="style">border-width: 0px !important;</attribute> <attribute name="style">border-width: 0px !important;</attribute>
</xpath> </xpath>
<!-- Column 1 - Title --> <!-- Column 1 - Title -->
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//h5" position="replace" mode="inner">
Local Producers Local Producers
</xpath> </xpath>
<!-- Column 1 - Paragraph --> <!-- Column 1 - Paragraph -->
@@ -37,7 +37,7 @@
<attribute name="style">border-width: 0px !important;</attribute> <attribute name="style">border-width: 0px !important;</attribute>
</xpath> </xpath>
<!-- Column 2 - Title --> <!-- Column 2 - Title -->
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//h5)[2]" position="replace" mode="inner">
Bio Flowers Bio Flowers
</xpath> </xpath>
<!-- Column 2 - Paragraph --> <!-- Column 2 - Paragraph -->
@@ -58,7 +58,7 @@
<attribute name="style">border-width: 0px !important;</attribute> <attribute name="style">border-width: 0px !important;</attribute>
</xpath> </xpath>
<!-- Column 3 - Title --> <!-- Column 3 - Title -->
<xpath expr="(//h3)[3]" position="replace" mode="inner"> <xpath expr="(//h5)[3]" position="replace" mode="inner">
Eco-Friendly Packaging Eco-Friendly Packaging
</xpath> </xpath>
<!-- Column 3 - Paragraph --> <!-- Column 3 - Paragraph -->
+12 -3
View File
@@ -225,13 +225,16 @@
<attribute name="style" add="border-width: 0px !important; box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05) !important;" separator=";"/> <attribute name="style" add="border-width: 0px !important; box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05) !important;" separator=";"/>
</xpath> </xpath>
<!-- Card #1 - Title & text --> <!-- Card #1 - Title & text -->
<xpath expr="//h3[hasclass('card-title')]" position="replace" mode="inner"> <xpath expr="//h5[hasclass('card-title')]" position="replace" mode="inner">
HeyNosf Inc. Digital Transformation HeyNosf Inc. Digital Transformation
</xpath> </xpath>
<xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner"> <xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner">
HeyNosf Inc. is a communication agency that was founded in 2006, by Jean-Louis Dewinter. He always had a strong interest in languages and decided to create a company reflecting his own interests. HeyNosf Inc. is a communication agency that was founded in 2006, by Jean-Louis Dewinter. He always had a strong interest in languages and decided to create a company reflecting his own interests.
</xpath> </xpath>
<!-- Card #1 - Image --> <!-- Card #1 - Image -->
<xpath expr="(//figure)[1]" position="attributes">
<attribute name="class" remove="ratio-16x9" add="ratio-1x1" separator=" "/>
</xpath>
<xpath expr="//img[hasclass('card-img-top')]" position="attributes"> <xpath expr="//img[hasclass('card-img-top')]" position="attributes">
<attribute name="style">padding: 8px !important;</attribute> <attribute name="style">padding: 8px !important;</attribute>
</xpath> </xpath>
@@ -241,13 +244,16 @@
<attribute name="style" add="border-width: 0px !important; box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05) !important;" separator=";"/> <attribute name="style" add="border-width: 0px !important; box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05) !important;" separator=";"/>
</xpath> </xpath>
<!-- Card #2 - Title & text --> <!-- Card #2 - Title & text -->
<xpath expr="(//h3[hasclass('card-title')])[2]" position="replace" mode="inner"> <xpath expr="(//h5[hasclass('card-title')])[2]" position="replace" mode="inner">
Fallanzy Integration Explained Fallanzy Integration Explained
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner">
Fallanzy has been active in the workspace design and ergonomics consulting business for over 20 years. Discover how we answered to the challenges of this company. Fallanzy has been active in the workspace design and ergonomics consulting business for over 20 years. Discover how we answered to the challenges of this company.
</xpath> </xpath>
<!-- Card #2 - Image --> <!-- Card #2 - Image -->
<xpath expr="(//figure)[2]" position="attributes">
<attribute name="class" remove="ratio-16x9" add="ratio-1x1" separator=" "/>
</xpath>
<xpath expr="(//img[hasclass('card-img-top')])[2]" position="attributes"> <xpath expr="(//img[hasclass('card-img-top')])[2]" position="attributes">
<attribute name="style">padding: 8px !important;</attribute> <attribute name="style">padding: 8px !important;</attribute>
</xpath> </xpath>
@@ -257,13 +263,16 @@
<attribute name="style" add="border-width: 0px !important; box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05) !important;" separator=";"/> <attribute name="style" add="border-width: 0px !important; box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05) !important;" separator=";"/>
</xpath> </xpath>
<!-- Card #3 - Title & text --> <!-- Card #3 - Title & text -->
<xpath expr="(//h3[hasclass('card-title')])[3]" position="replace" mode="inner"> <xpath expr="(//h5[hasclass('card-title')])[3]" position="replace" mode="inner">
Hotels Improvement Study Hotels Improvement Study
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner">
Our solution is suitable for Hotels as well. We help management to optimize their time and employee to be more efficient and more productive. Discover our study. Our solution is suitable for Hotels as well. We help management to optimize their time and employee to be more efficient and more productive. Discover our study.
</xpath> </xpath>
<!-- Card #3 - Image --> <!-- Card #3 - Image -->
<xpath expr="(//figure)[3]" position="attributes">
<attribute name="class" remove="ratio-16x9" add="ratio-1x1" separator=" "/>
</xpath>
<xpath expr="(//img[hasclass('card-img-top')])[3]" position="attributes"> <xpath expr="(//img[hasclass('card-img-top')])[3]" position="attributes">
<attribute name="style">padding: 8px !important;</attribute> <attribute name="style">padding: 8px !important;</attribute>
</xpath> </xpath>
@@ -7,10 +7,10 @@
<attribute name="class" add="o_cc3 pt0 pb72" remove="o_cc2 pt32 pb32" separator=" "/> <attribute name="class" add="o_cc3 pt0 pb72" remove="o_cc2 pt32 pb32" separator=" "/>
</xpath> </xpath>
<!-- Column #1 --> <!-- Column #1 -->
<xpath expr="//h3" position="before"> <xpath expr="//h5" position="before">
<span class="text-600 fw-bold">$295,000</span> <span class="text-600 fw-bold">$295,000</span>
</xpath> </xpath>
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//h5" position="replace" mode="inner">
House On The Hill House On The Hill
</xpath> </xpath>
<xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner"> <xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner">
@@ -21,10 +21,10 @@
</xpath> </xpath>
<!-- Column 2 --> <!-- Column 2 -->
<xpath expr="(//h3)[2]" position="before"> <xpath expr="(//h5)[2]" position="before">
<span class="text-600 fw-bold">$1,295,000,000</span> <span class="text-600 fw-bold">$1,295,000,000</span>
</xpath> </xpath>
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//h5)[2]" position="replace" mode="inner">
Moutain View Moutain View
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner">
@@ -35,10 +35,10 @@
</xpath> </xpath>
<!-- Column 3 --> <!-- Column 3 -->
<xpath expr="(//h3)[3]" position="before"> <xpath expr="(//h5)[3]" position="before">
<span class="text-600 fw-bold">$455,000</span> <span class="text-600 fw-bold">$455,000</span>
</xpath> </xpath>
<xpath expr="(//h3)[3]" position="replace" mode="inner"> <xpath expr="(//h5)[3]" position="replace" mode="inner">
Paradise Residence Paradise Residence
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner">
+3 -3
View File
@@ -282,7 +282,7 @@
<attribute name="style">border-width: 0px !important; box-shadow: rgba(0, 0, 0, 0.20) 0px 4px 16px 0px !important;</attribute> <attribute name="style">border-width: 0px !important; box-shadow: rgba(0, 0, 0, 0.20) 0px 4px 16px 0px !important;</attribute>
</xpath> </xpath>
<!-- Column 1 --> <!-- Column 1 -->
<xpath expr="//h3" position="replace" mode="inner"> <xpath expr="//h5" position="replace" mode="inner">
Koran Mini Koran Mini
</xpath> </xpath>
<xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner"> <xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner">
@@ -295,7 +295,7 @@
<span class="d-inline-block mb-4"><b>From $14,000</b></span> <span class="d-inline-block mb-4"><b>From $14,000</b></span>
</xpath> </xpath>
<!-- Column 2 --> <!-- Column 2 -->
<xpath expr="(//h3)[2]" position="replace" mode="inner"> <xpath expr="(//h5)[2]" position="replace" mode="inner">
Koran GT Koran GT
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner">
@@ -308,7 +308,7 @@
<span class="d-inline-block mb-4"><b>From $19,000</b></span> <span class="d-inline-block mb-4"><b>From $19,000</b></span>
</xpath> </xpath>
<!-- Column 3 --> <!-- Column 3 -->
<xpath expr="(//h3)[3]" position="replace" mode="inner"> <xpath expr="(//h5)[3]" position="replace" mode="inner">
Koran EQ Koran EQ
</xpath> </xpath>
<xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner"> <xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner">