mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
Chrysanthe (chgo)
8d1c11aa59
*: anelusia, artists, avantgarde, aviato, beauty, bewise, bistro, bookstore, buzzy, clean, cobalt, enark, graphene, kea, kiddo, loftspace, monglia, nano, notes, odoo_experts, orchid, paptic, real_estate, treehouse,vehicle, yes, zap. This commit customizes the new `s_cta_box` snippet across all the design themes. task-4094396 Part of task-4077427 closes odoo/design-themes#863 Related: odoo/odoo#175703 Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
283 lines
13 KiB
XML
283 lines
13 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<!-- ======== COVER ======== -->
|
|
<template id="s_cover" inherit_id="website.s_cover" name="Graphene s_cover">
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="class" add="pt160 pb240 s_parallax_no_overflow_hidden o_cc3" remove="pt232 pb232 s_parallax_is_fixed s_parallax o_cc4" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="//h1" position="replace"/>
|
|
<xpath expr="//p" position="replace"/>
|
|
<xpath expr="//p" position="replace"/>
|
|
<xpath expr="//section/div[hasclass('container')]" position="inside">
|
|
<div class="row">
|
|
<div class="col col-lg-11">
|
|
<h1 style="text-align: right;">
|
|
Making the difference.
|
|
</h1>
|
|
<p class="lead o_default_snippet_text" style="text-align: right">
|
|
Our mission is to give customers the best experience.<br/>Extensive documentation & guides, an active community,<br/>24/7 support make it a pleasure to work with us.
|
|
</p>
|
|
<p style="text-align: right">
|
|
<a t-att-href="cta_btn_href" class="btn btn-primary btn-lg o_default_snippet_text"><t t-esc="cta_btn_text">Contact us</t></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="configurator_s_cover" inherit_id="website.configurator_s_cover" name="Graphene s_cover">
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/02_001","flip":[]}</attribute>
|
|
</xpath>
|
|
<xpath expr="//section/div[hasclass('container')]" position="before">
|
|
<div class="o_we_shape o_web_editor_Origins_02_001"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== TEXT-IMAGE ======== -->
|
|
<template id="s_text_image" inherit_id="website.s_text_image" name="Graphene s_text_image">
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="class" add="pb96 pt0" remove="pb80 pt80" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="//h2" position="replace">
|
|
<h3>Unique experiences to drive engagement</h3>
|
|
<div class="s_hr pt16 pb0" data-snippet="s_hr" data-name="Separator">
|
|
<hr class="w-100 mx-auto" style="border-top-color: rgba(0, 0, 0, 0) !important;"/>
|
|
</div>
|
|
</xpath>
|
|
<xpath expr="//p[1]" position="replace" mode="inner">
|
|
Users are looking to consume engaging content.<br/>We empowers our teams to create the most relevant content.
|
|
</xpath>
|
|
<xpath expr="//p[2]" position="replace">
|
|
<p>We have one goal in mind, the user satisfaction.</p>
|
|
<div class="s_hr p0 pb32" data-snippet="s_hr" data-name="Separator">
|
|
<hr class="w-100 mx-auto" style="border-top-color: var(--o-color-3) !important;"/>
|
|
</div>
|
|
</xpath>
|
|
<xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
|
|
<attribute name="class" add="col-lg-4 offset-lg-1" remove="col-lg-5" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
|
|
<attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="//a[hasclass('btn')]" position="attributes">
|
|
<attribute name="class" add="btn-lg" remove="btn-primary" separator=" "/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="configurator_s_text_image" inherit_id="website.configurator_s_text_image" name="Graphene s_text_image">
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/02_001","flip":["x","y"]}</attribute>
|
|
</xpath>
|
|
<xpath expr="//section/div[hasclass('container')]" position="before">
|
|
<div class="o_we_shape o_web_editor_Origins_02_001 o_second_extra_shape_mapping" style="background-image: url('/web_editor/shape/web_editor/Origins/02_001.svg?c4=o-color-3&c5=rgba%280%2C%200%2C%200%2C%200%29&flip=xy'); background-position: 50% 0%;"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== IMAGE-TEXT ======== -->
|
|
<template id="s_image_text" inherit_id="website.s_image_text" name="Graphene s_image_text">
|
|
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
|
|
<attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
|
|
<attribute name="class" add="col-lg-4" remove="col-lg-5" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="//h2" position="after">
|
|
<div class="s_hr pt16 pb0" data-snippet="s_hr" data-name="Separator">
|
|
<hr class="w-100 mx-auto" style="border-top-color: rgba(0, 0, 0, 0) !important;"/>
|
|
</div>
|
|
</xpath>
|
|
<xpath expr="//p[2]" position="after">
|
|
<div class="s_hr p0 pb32" data-snippet="s_hr" data-name="Separator">
|
|
<hr class="w-100 mx-auto" style="border-top-color: var(--o-color-3) !important;"/>
|
|
</div>
|
|
</xpath>
|
|
<xpath expr="//a[hasclass('btn')]" position="attributes">
|
|
<attribute name="class" add="btn-lg" separator=" "/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== CAROUSEL ======== -->
|
|
<template id="s_carousel" inherit_id="website.s_carousel" name="Graphene s_carousel">
|
|
<xpath expr="//div[hasclass('carousel-inner')]/div[1]" position="attributes">
|
|
<attribute name="style" add="background-position: 50% 100%;" separator=";"/>
|
|
</xpath>
|
|
<xpath expr="//div[hasclass('carousel-inner')]/div[2]" position="attributes">
|
|
<attribute name="style" add="background-position: 50% 100%;" separator=";"/>
|
|
</xpath>
|
|
<xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="attributes">
|
|
<attribute name="style" add="background-position: 50% 100%;" separator=";"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== COMPANY TEAM ======== -->
|
|
<template id="s_company_team" inherit_id="website.s_company_team" name="Graphene s_company_team">
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="class" add="pb64" remove="pb48" separator=" "/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== 3 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">
|
|
<h5>Powerful API</h5>
|
|
<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;"/>
|
|
</div>
|
|
</xpath>
|
|
<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.
|
|
</xpath>
|
|
<xpath expr="//div[hasclass('row')]/div[2]//h3[1]" position="replace">
|
|
<h5>Mobile Experience</h5>
|
|
<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;"/>
|
|
</div>
|
|
</xpath>
|
|
<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
|
|
</xpath>
|
|
<xpath expr="//div[hasclass('row')]/div[3]//h3[1]" position="replace">
|
|
<h5>Support Team</h5>
|
|
<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;"/>
|
|
</div>
|
|
</xpath>
|
|
<xpath expr="//div[hasclass('row')]/div[3]//p[1]" position="replace" mode="inner">
|
|
We have a support team that will do everything to answer you as quickly as the voice assistants.
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== CALL TO ACTION ======== -->
|
|
<template id="s_call_to_action" inherit_id="website.s_call_to_action" name="Graphene s_call_to_action">
|
|
<xpath expr="//h3" position="replace">
|
|
<h3 style="text-align: right;">50,000+ companies run our software.</h3>
|
|
</xpath>
|
|
<xpath expr="//div[hasclass('col-lg-9')]" position="attributes">
|
|
<attribute name="class" add="col-lg-8" remove="col-lg-9" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="//div[hasclass('col-lg-8')]/p" position="attributes">
|
|
<attribute name="style" add="text-align: right;" separator=" "/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== CTA Box ======== -->
|
|
<template id="s_cta_box" inherit_id="website.s_cta_box">
|
|
<!-- Card -->
|
|
<xpath expr="//div[hasclass('card')]" position="attributes">
|
|
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
|
|
</xpath>
|
|
<!-- Title -->
|
|
<xpath expr="//h2" position="replace" mode="inner">
|
|
Make a real difference,<br/>join our company !
|
|
</xpath>
|
|
<!-- Paragraphs -->
|
|
<xpath expr="//p" position="replace" mode="inner">
|
|
Looking for a fresh new start? View our job offers<br/><br/>
|
|
</xpath>
|
|
<!-- Image -->
|
|
<xpath expr="//img" position="attributes">
|
|
<attribute name="src">theme_graphene/static/src/img/pictures/bg_image_04.jpg</attribute>
|
|
</xpath>
|
|
<!-- Button -->
|
|
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
|
|
View more
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== COMPARISON ======== -->
|
|
<template id="s_comparisons" inherit_id="website.s_comparisons" name="Graphene s_comparisons">
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="class" add="pt24 o_cc o_cc4" remove="pt48" separator=" "/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="configurator_s_comparisons" inherit_id="website.configurator_s_comparisons" name="Graphene s_comparisons">
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/06_001","flip":["x"]}</attribute>
|
|
</xpath>
|
|
<xpath expr="//section/div[hasclass('container')]" position="before">
|
|
<div class="o_we_shape o_web_editor_Origins_06_001" style="background-image: url('/web_editor/shape/web_editor/Origins/06_001.svg?c3=o-color-3&c4=o-color-4&flip=x'); background-position: 50% 50%;"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== NUMBERS ======== -->
|
|
<template id="s_numbers" inherit_id="website.s_numbers" name="Graphene s_numbers">
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="class" add="oe_img_bg o_bg_img_center pb56 pt56 s_parallax_no_overflow_hidden parallax s_parallax_is_fixed o_cc3" remove="pb80 pt80 o_cc1" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="//section/div[hasclass('container')]" position="before">
|
|
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_parallax_default_image'); background-position: 50% 75%;"/>
|
|
<div class="o_we_bg_filter bg-black-75"></div>
|
|
</xpath>
|
|
<!-- Content -->
|
|
<xpath expr="//div[hasclass('row')]/div/span" position="attributes">
|
|
<attribute name="class" add="text-white" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="(//div[hasclass('row')]/div/span)[2]" position="attributes">
|
|
<attribute name="class" add="text-white" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="(//div[hasclass('row')]/div/span)[3]" position="attributes">
|
|
<attribute name="class" add="text-white" separator=" "/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== PICTURE ======== -->
|
|
<template id="s_picture" inherit_id="website.s_picture" name="Graphene s_picture">
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="class" add="pb0 pt48" remove="pb64 pt64" separator=" "/>
|
|
<attribute name="data-oe-shape-data">{"shape":"web_editor/Zigs/01_001","flip":[]}</attribute>
|
|
</xpath>
|
|
<xpath expr="//section/div[hasclass('o_container_small')]" position="before">
|
|
<div class="o_we_shape o_web_editor_Zigs_01_001"/>
|
|
</xpath>
|
|
<!-- Content -->
|
|
<xpath expr="//h2" position="replace" mode="inner">
|
|
Grow with Us
|
|
</xpath>
|
|
<xpath expr="//p" position="replace" mode="inner">
|
|
Put your people at the heart of your marketing with tools that help you get to know your audience <br/>and see who you should be talking to.
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== IMAGE WALL ======== -->
|
|
<template id="s_images_wall" inherit_id="website.s_images_wall">
|
|
<xpath expr="//img" position="attributes">
|
|
<attribute name="class" remove="rounded" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="(//img)[2]" position="attributes">
|
|
<attribute name="class" remove="rounded" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="(//img)[3]" position="attributes">
|
|
<attribute name="class" remove="rounded" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="(//img)[4]" position="attributes">
|
|
<attribute name="class" remove="rounded" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="(//img)[5]" position="attributes">
|
|
<attribute name="class" remove="rounded" separator=" "/>
|
|
</xpath>
|
|
<xpath expr="(//img)[6]" position="attributes">
|
|
<attribute name="class" remove="rounded" separator=" "/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- ======== UNVEIL ======== -->
|
|
<template id="s_unveil" inherit_id="website.s_unveil">
|
|
<!-- Section -->
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="class" add="o_cc o_cc2" separator=" "/>
|
|
</xpath>
|
|
<!-- Title -->
|
|
<xpath expr="//h2" position="replace" mode="inner">
|
|
Boost your brand visibility
|
|
</xpath>
|
|
<!-- Paragraph -->
|
|
<xpath expr="//p" position="replace" mode="inner">
|
|
Engage your audience with our cutting-edge content and marketing strategies.
|
|
</xpath>
|
|
</template>
|
|
|
|
</odoo>
|