mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[IMP] theme_kiddo: update the theme
Theme Kiddo's design has been revamped by adding the following
improvements:
- Theme palette has been changed, using less contrasted colours.
- Fonts have been reviewed, replacing 'Bubblegum Sans' with 'Varela
Round'.
- Header and footer default values have been reviewed and changed to
'default' and 'descriptive'.
- Buttons' default design has been revamped, using now outline buttons
by default.
- Theme's tour has been reviewed and changed, using 's_picture' as a
third block.
- Theme's screenshot and description have been updated.
- Theme's tour snippet design has been revamped, by using animated
shapes ('s_banner', 's_picture'), new shapes ('s_image_text',
's_call_to_action'), a bg video + img placeholder ('s_banner'), a
illustration with dynamic colours ('s_image_text'), a new copywriting
('s_picture'), better text block design ('s_banner'), better design in
smaller viewports ('s_banner', 's_product_list') and a brand new
snippet design ('s_product_list').
- In order to add a better integration with the Website Configurator,
's_cover' design has also been improved.
Additionally, duplicated commented text lines in
'bootstrap_overridden.scss' have been removed.
task-2573229
Part-of: odoo/design-themes#500
This commit is contained in:
Carlos Valverde
committed by
qsm-odoo
qsm-odoo
parent
33eace74f0
commit
0173ac6c44
@@ -1,23 +1,37 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_banner" inherit_id="website.s_banner">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/13_001","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//section/*[last()]" position="after">
|
||||
<div class="o_we_shape o_web_editor_Wavy_13_001"/>
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')]" position="replace">
|
||||
<div class="col-lg-6 jumbotron rounded pt32 pb32 o_cc o_cc3 border shadow" style="border-width: 2px !important; border-color: rgb(44, 41, 39) !important; box-shadow: rgb(44, 41, 39) -25px -25px 0px 0px !important;">
|
||||
<h1><font style="font-size: 62px; line-height: 48px;">A little place of paradise.</font></h1>
|
||||
<p><br/></p>
|
||||
<p class="lead">Because your children deserve the best, we welcome children from 0 to 3 years in a warm and specific environment for the needs of small children</p>
|
||||
<p><br/></p>
|
||||
<a t-att-href="cta_btn_href" class="btn btn-primary mb-2"><t t-esc="cta_btn_text">About us</t></a>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="s_banner" inherit_id="website.s_banner">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_background_video s_parallax_no_overflow_hidden oe_img_bg o_bg_img_center" remove="parallax s_parallax_is_fixed" separator=" "/>
|
||||
<attribute name="data-bg-video-src">//player.vimeo.com/video/60112275?autoplay=1&muted=1&loop=1</attribute>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/17"}</attribute>
|
||||
<attribute name="style">position: relative; background-image: url("/web/image/website.s_banner_default_image");</attribute>
|
||||
</xpath>
|
||||
|
||||
<!-- Video -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_bg_video_container">
|
||||
<iframe id="o_bg_video_iframe_5" class="o_bg_video_iframe fade show" src="//player.vimeo.com/video/60112275?autoplay=1&muted=1&loop=1" style="width: 100%; height: 146.716%; left: 0px; top: -23.3581%;" frameborder="0"></iframe>
|
||||
</div>
|
||||
</xpath>
|
||||
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Origins_17"/>
|
||||
</xpath>
|
||||
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')]" position="replace">
|
||||
<div class="col-lg-6 pt48 pb48 m-3 m-md-0 p-4 p-md-5 o_colored_level o_cc o_cc3 rounded shadow border" style="border-radius: 35px !important; box-shadow: rgb(104, 70, 114) 0px 0px 35px 0px !important; border-color: rgb(104, 70, 114) !important; border-width: 4px !important; border-style: dotted !important;">
|
||||
<h1><font style="font-size: 62px; line-height: 48px;">A little place of paradise.</font></h1>
|
||||
<p><br/></p>
|
||||
<p class="lead">Because your children deserve the best, we welcome children from 0 to 3 years in a warm and specific environment for the needs of small children</p>
|
||||
<p><br/></p>
|
||||
<a t-att-href="cta_btn_href" class="btn btn-primary mb-2"><t t-esc="cta_btn_text">About us</t></a>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -1,25 +1,27 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_call_to_action" inherit_id="website.s_call_to_action">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_half_screen_height" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_22"/>
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//div[hasclass('col-lg-9')]" position="replace">
|
||||
<div class="col-lg-9 pb16">
|
||||
<h3><b>2,000 parents</b> brought their kid to our nursery.</h3>
|
||||
<p>Entrust us with your children and go to work with peace of mind.</p>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Button -->
|
||||
<xpath expr="//a" position="attributes">
|
||||
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="s_call_to_action" inherit_id="website.s_call_to_action">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_half_screen_height pt0 pb176" remove="pt48 pb24" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22"}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_22 o_we_flip_X"/>
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//div[hasclass('col-lg-9')]" position="replace">
|
||||
<div class="col-lg-9 pb16">
|
||||
<h3><b>2,000 parents</b> brought their kid to our nursery.</h3>
|
||||
<p>Entrust us with your children and go to work with peace of mind.</p>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Button -->
|
||||
<xpath expr="//a" position="attributes">
|
||||
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -0,0 +1,50 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_cover" inherit_id="website.s_cover">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_full_screen_height" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001"}</attribute>
|
||||
</xpath>
|
||||
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Origins_14_001"/>
|
||||
</xpath>
|
||||
|
||||
<!-- Heading -->
|
||||
<xpath expr="//font" position="attributes">
|
||||
<attribute name="class" add="text-o-color-3" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//font" position="replace" mode="inner">
|
||||
Kiddo Nursery
|
||||
</xpath>
|
||||
|
||||
<!-- Text -->
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
The countryside nursery since 2002.<br/>
|
||||
A truly unique service in a highly secure and tranquil setting.
|
||||
</xpath>
|
||||
|
||||
<!-- Separator -->
|
||||
<xpath expr="//p" position="before">
|
||||
<div data-snippet="s_hr" data-name="Separator" class="s_hr pt24 pb32">
|
||||
<hr class="w-25 mx-auto" style="border-top: 8px dotted rgb(99, 156, 142) !important;"/>
|
||||
</div>
|
||||
</xpath>
|
||||
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p[last()]" position="before">
|
||||
<p class="lead o_default_snippet_text" style="text-align: center;">
|
||||
<br/>
|
||||
</p>
|
||||
</xpath>
|
||||
|
||||
<!-- Button -->
|
||||
<xpath expr="//a[hasclass('btn')]" position="attributes">
|
||||
<attribute name="class" add="btn-secondary btn-lg" remove="btn-primary" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -1,33 +1,29 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_image_text" inherit_id="website.s_image_text">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc4 pb72" remove="pb32" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/13_001","flip":["x"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_13_001 o_we_flip_x o_second_extra_shape_mapping"/>
|
||||
</xpath>
|
||||
<!-- Image -->
|
||||
<xpath expr="//img" position="attributes">
|
||||
<attribute name="src" add="/web_editor/shape/illustration/baby-svg-561?c1=%23F3997B&unique=45e7f0c7" remove="/web/image/website.s_image_text_default_image" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Paragraph 1 -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
|
||||
<attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Paragraph 2 -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')]" position="replace">
|
||||
<div class="p-5 col-lg-6 offset-lg-1 o_cc o_cc3 text-center pb120 pt120 rounded shadow border" style="border-color: rgb(44, 41, 39) !important; border-radius: 300px !important; border-width: 2px !important; box-shadow: rgb(44, 41, 39) 15px 15px 0px 0px !important;">
|
||||
<h2 style="font-size: 48px;">Activities</h2>
|
||||
<p><br/></p>
|
||||
<p>Our team is composed of experienced nursery nurses.</p>
|
||||
<p>They will propose to your children educational activities, playful, varied and adapted to the stage of development.</p>
|
||||
<p><br/></p>
|
||||
<p><a href="#" class="btn btn-primary mb-2">Discover more</a></p>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="s_image_text" inherit_id="website.s_image_text">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc2 pb72" remove="pb32" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/20"}</attribute>
|
||||
</xpath>
|
||||
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_20"/>
|
||||
</xpath>
|
||||
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]" position="replace">
|
||||
<div class="p-5 col-lg-6 o_cc o_cc2 text-center">
|
||||
<h2 style="font-size: 48px;">Activities</h2>
|
||||
<p><br/></p>
|
||||
<p>Our team is composed of experienced nursery nurses.</p>
|
||||
<p>They will propose to your children educational activities, playful, varied and adapted to the stage of development.</p>
|
||||
<p><br/></p>
|
||||
<p><a href="#" class="btn btn-primary mb-2">Discover more</a></p>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_picture" inherit_id="website.s_picture">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_colored_level o_cc4 pt96" remove="o_cc2 pt48" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/16"}</attribute>
|
||||
</xpath>
|
||||
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Origins_16 o_we_flip_x"/>
|
||||
</xpath>
|
||||
|
||||
<!-- Heading -->
|
||||
<xpath expr="//font" position="replace" mode="inner">
|
||||
Letting each child explore and grow at their own pace
|
||||
</xpath>
|
||||
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
Through stimulating and fun activities, our aim<br/>
|
||||
is to promote all areas of a childs' development.
|
||||
</xpath>
|
||||
|
||||
<!-- Caption -->
|
||||
<xpath expr="//figcaption" position="replace" mode="inner">
|
||||
Our qualified staff ensure that each childs' needs are always recognised and fulfilled.
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -1,79 +1,76 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_product_list" inherit_id="website.s_product_list">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc3" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/15","flip":["y"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Container -->
|
||||
<xpath expr="//div[hasclass('container-fluid')]" position="replace">
|
||||
<div class="container-fluid">
|
||||
<!-- Row 1 -->
|
||||
<div class="row py-5 justify-content-center">
|
||||
<!-- Item 1 -->
|
||||
<div class="h-100 p-0 col-lg-3 o_cc o_cc4 border rounded shadow pb64" style="border-color: rgb(44, 41, 39) !important; border-width: 2px !important; border-radius: 25px !important; box-shadow: rgb(44, 41, 39) -25px 25px 0px 0px !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_1" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Item 2 -->
|
||||
<div class="h-100 p-0 offset-lg-1 col-lg-3 o_cc o_cc4 border rounded shadow pb64" style="border-color: rgb(44, 41, 39) !important; border-width: 2px !important; border-radius: 25px !important; box-shadow: rgb(44, 41, 39) -25px 25px 0px 0px !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_2" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Item 3 -->
|
||||
<div class="h-100 p-0 offset-lg-1 col-lg-3 o_cc o_cc4 border rounded shadow pb64" style="border-color: rgb(44, 41, 39) !important; border-width: 2px !important; border-radius: 25px !important; box-shadow: rgb(44, 41, 39) -25px 25px 0px 0px !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_3" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
|
||||
<template id="s_product_list" inherit_id="website.s_product_list">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc3" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Container -->
|
||||
<xpath expr="//div[hasclass('container-fluid')]" position="replace">
|
||||
<div class="container">
|
||||
<!-- Row 1 -->
|
||||
<div class="row py-5 justify-content-center">
|
||||
<!-- Item 1 -->
|
||||
<div class="h-100 p-0 mx-5 mx-md-auto col-md-3 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dashed !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_1" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Row 2 -->
|
||||
<div class="row pb48 justify-content-center">
|
||||
<!-- Item 4 -->
|
||||
<div class="h-100 p-0 col-lg-3 o_cc o_cc4 border rounded shadow pb64" style="border-color: rgb(44, 41, 39) !important; border-width: 2px !important; border-radius: 25px !important; box-shadow: rgb(44, 41, 39) -25px 25px 0px 0px !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_4" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
<!-- Item 2 -->
|
||||
<div class="h-100 p-0 p-0 mx-5 mx-md-auto col-md-3 offset-md-1 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dotted !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_2" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
<!-- Item 5 -->
|
||||
<div class="h-100 w-100 p-0 offset-lg-1 col-lg-3 o_cc o_cc4 border rounded shadow pb64" style="border-color: rgb(44, 41, 39) !important; border-width: 2px !important; border-radius: 25px !important; box-shadow: rgb(44, 41, 39) -25px 25px 0px 0px !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_5" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Item 6 -->
|
||||
<div class="h-100 p-0 offset-lg-1 col-lg-3 o_cc o_cc4 border rounded shadow pb64" style="border-color: rgb(44, 41, 39) !important; border-width: 2px !important; border-radius: 25px !important; box-shadow: rgb(44, 41, 39) -25px 25px 0px 0px !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_6" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Item 3 -->
|
||||
<div class="h-100 p-0 mx-5 mx-md-auto col-md-3 offset-md-1 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dashed !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_3" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container-fluid')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_15 o_we_flip_y"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<!-- Row 2 -->
|
||||
<div class="row pb48 justify-content-center">
|
||||
<!-- Item 4 -->
|
||||
<div class="h-100 p-0 mx-5 mx-md-auto col-md-3 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dotted !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_4" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Item 5 -->
|
||||
<div class="h-100 w-100 p-0 mx-5 mx-md-auto col-md-3 offset-md-1 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dashed !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_5" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Item 6 -->
|
||||
<div class="h-100 p-0 mx-5 mx-md-auto col-md-3 offset-md-1 o_cc o_cc2 border rounded shadow pb64" style="border-radius: 15px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 0px !important; border-width: 4px !important; border-color: rgb(104, 70, 114) !important; border-style: dotted !important;">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_6" alt="" class="img img-fluid w-100 p-4" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link pb24">
|
||||
<a href="#" class="btn btn-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -1,47 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_three_columns" inherit_id="website.s_three_columns">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc3 pb152" remove="o_cc2 pb32" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/19","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_19"/>
|
||||
</xpath>
|
||||
<!-- Column 1 -->
|
||||
<xpath expr="//div[hasclass('card')]" position="attributes">
|
||||
<attribute name="class" add="border" separator=" "/>
|
||||
<attribute name="style" add="border-width: 2px !important; border-color: rgb(44, 41, 39) !important;" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('card-body')]" position="replace">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Philosophy</h3>
|
||||
<p class="card-text">Aiming to achieve the best physical, mental, emotional and social development of children, our centre promotes active learning strategies</p>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Column 2 -->
|
||||
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
|
||||
<attribute name="class" add="border" separator=" "/>
|
||||
<attribute name="style" add="border-width: 2px !important; border-color: rgb(44, 41, 39) !important;" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('card-body')])[2]" position="replace">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Nursery</h3>
|
||||
<p class="card-text">Since 2020, we welcome children from 0 to 3 years in a warm and specific environment for the needs of small children.</p>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Column 3 -->
|
||||
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
|
||||
<attribute name="class" add="border" separator=" "/>
|
||||
<attribute name="style" add="border-width: 2px !important; border-color: rgb(44, 41, 39) !important;" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('card-body')])[3]" position="replace">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Activities</h3>
|
||||
<p class="card-text">All activities are primarily aimed at procuring pleasure, and at the psychomotor, cognitive and affective development of the child.</p>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
Reference in New Issue
Block a user