Files
design-themes/theme_cobalt/views/customizations.xml
T
Brieuc-brd 42bf5a5658 [IMP] theme_anelusia, *: adapt s_image_title
*: theme_artists, theme_avantgarde, theme_aviato, theme_beauty,
theme_bewise, theme_bistro, theme_bookstore, theme_buzzy, theme_clean,
theme_cobalt, theme_enark, theme_graphene, theme_kea, theme_kiddo,
theme_monglia, theme_nano, theme_notes, theme_odoo_experts,
theme_orchid, theme_paptic, theme_real_estate, theme_treehouse,
theme_vehicle, theme_yes, theme_zap, theme_loftspace

This commit adapts customizations for `s_image_title`, added in
https://github.com/odoo/odoo/pull/176631

task-4105319
Part of task-4077427

closes odoo/design-themes#867

Related: odoo/odoo#176631
Signed-off-by: Serge Bayet (seba) <seba@odoo.com>
2024-09-03 12:24:10 +00:00

451 lines
20 KiB
XML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- ==== Banner ===== -->
<template id="s_banner" inherit_id="website.s_banner" name="Cobalt s_banner">
<!-- Content -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pt152 pb128" remove="pt96 pb96" separator=" "/>
</xpath>
<!-- Row - remove grid mode -->
<xpath expr="//div[hasclass('row')]" position="attributes">
<attribute name="class" remove="o_grid_mode" separator=" "/>
<attribute name="data-row-count"/>
</xpath>
<!-- Jumbotron -->
<xpath expr="//div[hasclass('col-lg-4')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="o_grid_item g-height-10 g-col-lg-4 col-lg-4" separator=" "/>
<attribute name="style"/>
</xpath>
<!-- Remove grid images -->
<xpath expr="//div[hasclass('o_grid_item_image')]" position="replace"/>
<xpath expr="//div[hasclass('o_grid_item_image')]" position="replace"/>
<xpath expr="//div[hasclass('col-lg-5')]" position="replace"/>
<!-- Image -->
<xpath expr="//div[hasclass('col-lg-6')]" position="after">
<div class="pt16 pb16 o_colored_level col-lg-5 offset-lg-1">
<img src="/web_editor/shape/theme_cobalt/s_banner.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
</div>
</xpath>
<!-- Content -->
<xpath expr="//h1" position="attributes">
<attribute name="class" remove="display-1" separator=" "/>
</xpath>
<xpath expr="//h1" position="replace" mode="inner">
The ultimate marketing platform for brands
</xpath>
<xpath expr="//p" position="replace">
<p class="lead">Building game-changing digital experiences designed to set your brand apart.</p>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')]//p[2]" position="attributes">
<attribute name="class" add="mb-0" separator=" "/>
</xpath>
<xpath expr="//a" position="attributes">
<attribute name="class" add="flat" separator=" "/>
</xpath>
</template>
<template id="configurator_s_banner" inherit_id="website.configurator_s_banner" name="Cobalt s_banner">
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/11_001","flip":["y"]}</attribute>
</xpath>
<xpath expr="//section/div" position="before">
<div class="o_we_shape o_web_editor_Origins_11_001" style="background-image: url('/web_editor/shape/web_editor/Origins/11_001.svg?c3=o-color-4&amp;c4=o-color-4&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
</template>
<!-- ==== Image-Text ===== -->
<template id="s_image_text" inherit_id="website.s_image_text" name="Cobalt s_image_text">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt152 pb128" remove="pt80 pb80" separator=" "/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="replace">
<img src="/web_editor/shape/theme_cobalt/s_image_text.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
</xpath>
<!-- Content -->
<xpath expr="//h2" position="replace" mode="inner">
Strategy synchronising multiple channels
</xpath>
<xpath expr="//p" position="replace" mode="inner">
We create a consistent customer experience through a detailed digital strategy built on precise customer research.
</xpath>
<xpath expr="//p[last()-1]" position="replace"/>
<xpath expr="//a[hasclass('btn')]" position="replace"/>
</template>
<!-- ==== Text-Image ===== -->
<template id="s_text_image" inherit_id="website.s_text_image" name="Cobalt s_text_image">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb88" remove="pb80" separator=" "/>
</xpath>
<!-- Content -->
<xpath expr="//h2" position="replace" mode="inner">
What we can do, <b>for you</b><br/>
</xpath>
<xpath expr="//img" position="replace">
<img src="/web_editor/shape/theme_cobalt/s_text_image.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
</xpath>
<xpath expr="//p" position="replace"/>
<xpath expr="//p" position="replace">
<h5>Digital Transformation</h5>
<p>Leader in digital business, were helping companies of all sizes to thrive in an ever-changing landscape.</p>
<br/>
<h5>Web &amp; App Development</h5>
<p>We have collected solid experience in building native and cross-platform mobile applications and websites. Check our portfolio from clients around the world.</p>
<br/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="col-lg-7" remove="col-lg-6" separator=" "/>
</xpath>
<xpath expr="//a[hasclass('btn')]" position="replace"/>
</template>
<!-- ======== TITLE ======== -->
<template id="s_title" inherit_id="website.s_title" name="Cobalt s_title">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt56" remove="pt40" separator=" "/>
</xpath>
<xpath expr="//h2" position="replace" mode="inner">
Projects
</xpath>
</template>
<!-- ======== COMPANY TEAM SHAPES ======== -->
<template id="s_company_team_shapes" inherit_id="website.s_company_team_shapes" name="Cobalt s_company_team_shapes">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc3" remove="o_cc2" separator=" "/>
</xpath>
</template>
<!-- ======== QUOTES ======== -->
<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel" name="Cobalt s_quotes_carousel">
<!-- Assign slide3 as 'active' and move it in first position -->
<xpath expr="//div[hasclass('carousel-inner')]/div" position="attributes">
<attribute name="class" remove="active" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="attributes">
<attribute name="class" add="active" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('carousel-inner')]/div" position="before">
<xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="move"/>
</xpath>
<!-- Adjust (new-)slide3 bg position -->
<xpath expr="//div[hasclass('carousel-inner')]/div[3]" position="attributes">
<attribute name="style" remove="background-position: 50% 50%;" add="background-position: 50% 20%;" separator=";"/>
</xpath>
</template>
<!-- ======== CAROUSEL ======== -->
<template id="s_carousel" inherit_id="website.s_carousel" name="Cobalt s_carousel">
<xpath expr="(//div[hasclass('carousel-content')])[3]" position="attributes">
<attribute name="class" add="o_cc o_cc4" separator=" "/>
</xpath>
</template>
<!-- ==== References ===== -->
<template id="s_references" inherit_id="website.s_references" name="Cobalt s_references">
<xpath expr="//section" position="attributes">
<attribute name="class" remove="pt80 pb80" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('col-lg-12')]" position="replace"/>
</template>
<!-- ==== Three Columns ===== -->
<template id="s_three_columns" inherit_id="website.s_three_columns" name="Cobalt s_three_columns">
<xpath expr="//section" position="attributes">
<attribute name="class" remove="o_cc o_cc2 pt32 pb32" add="pt72 pb120" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]" position="before">
<h2 style="text-align: center;">Latest projects</h2>
<p/>
</xpath>
</template>
<!-- ==== Call To Action ===== -->
<template id="s_call_to_action" inherit_id="website.s_call_to_action" name="Cobalt s_call_to_action">
<xpath expr="//t[@t-esc='cta_btn_text']" position="replace" mode="inner">
START NOW
</xpath>
</template>
<!-- ======== CTA Box ======== -->
<template id="s_cta_box" inherit_id="website.s_cta_box">
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
Discover our data-driven strategy
</xpath>
<!-- Paragraphs -->
<xpath expr="//p" position="replace" mode="inner">
No assumptions, every decision is based on data<br/><br/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/theme_cobalt/static/src/img/pictures/s_image_3.jpg</attribute>
</xpath>
<!-- Button -->
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
Our services
</xpath>
</template>
<!-- ==== Picture ===== -->
<template id="s_picture" inherit_id="website.s_picture" name="Cobalt s_picture">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt72 overflow-hidden" remove="pt64" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('o_container_small')]" position="attributes">
<attribute name="class" add="container-fluid px-5 px-lg-0" remove="o_container_small" separator=" "/>
</xpath>
<xpath expr="//figcaption" position="replace">
<figcaption class="figure-caption text-400"><em>Our office in Dhaka</em></figcaption>
</xpath>
</template>
<!-- ==== Images Wall ===== -->
<template id="s_images_wall" inherit_id="website.s_images_wall">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb64" remove="pb24" separator=" "/>
</xpath>
<!-- Delete 3rd col -->
<xpath expr="(//div[hasclass('col-lg-4')])[last()]" position="replace"/>
<!-- Switch to col-4-->
<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-4')][1]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<!-- Add one more row of images -->
<xpath expr="//div[hasclass('col-lg-6')]/img" position="after">
<img class="img img-fluid d-block" src="/web/image/website.library_image_14" data-index="1" data-name="Image"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]/img" position="after">
<img class="img img-fluid d-block" src="/web/image/website.library_image_16" data-index="1" data-name="Image"/>
</xpath>
<!-- Remove image roundness -->
<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>
<!-- ======== BIG BOXES ======== -->
<template id="s_color_blocks_2" inherit_id="website.s_color_blocks_2" name="Cobalt s_color_blocks_2">
<!-- Left column -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="style" add="background-image: linear-gradient(135deg, var(--o-color-2) 0%, var(--o-color-1) 100%);" separator=";"/>
</xpath>
<!-- Left column - Text -->
<xpath expr="//div[hasclass('col-lg-6')]//p" position="replace"/>
<!-- Left column - Title -->
<xpath expr="//div[hasclass('col-lg-6')][1]//h2" position="replace" mode="inner">
Are you a startup or a seasoned company looking for a new brand identity?
</xpath>
<!-- Left column - Button -->
<xpath expr="//div[hasclass('col-lg-6')]//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-lg flat" separator=" "/>
</xpath>
<!-- Right column -->
<xpath expr="//div[hasclass('col-lg-6')][2]" position="attributes">
<attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
<attribute name="style" add="background-image: linear-gradient(315deg, var(--o-color-2) 0%, var(--o-color-1) 100%);" separator=";"/>
</xpath>
<!-- Right column - Title -->
<xpath expr="//div[hasclass('col-lg-6')][2]//h2" position="replace" mode="inner">
Are you an established brand looking for ongoing creative services?
</xpath>
<!-- Right column - Text -->
<xpath expr="//div[hasclass('col-lg-6')][2]//p" position="replace"/>
<!-- Right column - Button -->
<xpath expr="//div[hasclass('col-lg-6')][2]//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-lg flat" separator=" "/>
</xpath>
</template>
<!-- ======== FREE GRID ======== -->
<template id="s_freegrid" inherit_id="website.s_freegrid">
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
Pioneering IT Development and Design Solutions
</xpath>
<!-- Paragraph -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Harness the power of technology with our cutting-edge IT development and design services. We create solutions that drive innovation and deliver exceptional results for your business.
</xpath>
<!-- Button -->
<xpath expr="//a" position="replace" mode="inner">
Explore Services
</xpath>
</template>
<!-- ======== KEY BENEFITS ======== -->
<template id="s_key_benefits" inherit_id="website.s_key_benefits">
<!-- Titles -->
<xpath expr="(//h3)[1]" position="replace" mode="inner">
Tailored Development Plans
</xpath>
<xpath expr="(//h3)[2]" position="replace" mode="inner">
Continuous Project Support
</xpath>
<xpath expr="(//h3)[3]" position="replace" mode="inner">
Innovative Solutions
</xpath>
<!-- Paragraphs -->
<xpath expr="//div[hasclass('col-lg-4')][2]/p" position="replace" mode="inner">
We create customized development strategies that meet your projects unique requirements, ensuring successful outcomes.
</xpath>
<xpath expr="//div[hasclass('col-lg-4')][3]/p" position="replace" mode="inner">
Our team offers ongoing support throughout every phase of development, ensuring your project stays on track and on time.
</xpath>
<xpath expr="//div[hasclass('col-lg-4')][4]/p" position="replace" mode="inner">
Leverage cutting-edge technologies and innovative approaches that drive your development projects forward and deliver exceptional results.
</xpath>
</template>
<!-- ======== PRICELIST BOXED ======== -->
<template id="s_pricelist_boxed" inherit_id="website.s_pricelist_boxed" name="Cobalt s_pricelist_boxed">
<!-- Layout -->
<xpath expr="//section" position="attributes">
<attribute name="data-scroll-background-ratio"/>
<attribute name="class" add="o_cc o_cc2" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/08','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Bold_08"/>
</xpath>
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
<!-- Texts -->
<xpath expr="//h2" position="replace" mode="inner">
Our Corporate Services
</xpath>
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Enhance your business operations with our comprehensive suite of professional services, tailored to meet your corporate needs.
</xpath>
<xpath expr="//h3" position="replace" mode="inner">
&#160;&#160;Consulting Services
</xpath>
<xpath expr="(//h3)[2]" position="replace" mode="inner">
&#160;&#160;Technology Solutions
</xpath>
<xpath expr="//t[@t-set='name']" position="replace" mode="inner">
Business Strategy Consulting
</xpath>
<xpath expr="//t[@t-set='price']" position="replace" mode="inner">
Starting at $2,500
</xpath>
<xpath expr="//t[@t-set='description']" position="replace" mode="inner">
Expert advice on business planning, market analysis, and competitive strategy to help your company achieve its goals.
</xpath>
<xpath expr="(//t[@t-set='name'])[2]" position="replace" mode="inner">
Financial Advisory Services
</xpath>
<xpath expr="(//t[@t-set='price'])[2]" position="replace" mode="inner">
Starting at $3,000
</xpath>
<xpath expr="(//t[@t-set='description'])[2]" position="replace" mode="inner">
Comprehensive financial planning, including risk assessment, investment strategy, and tax optimization for your business.
</xpath>
<xpath expr="(//t[@t-set='name'])[3]" position="replace" mode="inner">
Human Resources Management
</xpath>
<xpath expr="(//t[@t-set='price'])[3]" position="replace" mode="inner">
Starting at $1,800
</xpath>
<xpath expr="(//t[@t-set='description'])[3]" position="replace" mode="inner">
Customized HR solutions, including talent acquisition, employee training, and performance management to boost productivity.
</xpath>
<xpath expr="(//t[@t-set='name'])[4]" position="replace" mode="inner">
IT Support Services
</xpath>
<xpath expr="(//t[@t-set='price'])[4]" position="replace" mode="inner">
Starting at $2,000
</xpath>
<xpath expr="(//t[@t-set='description'])[4]" position="replace" mode="inner">
Reliable IT support, network management, and cybersecurity solutions to safeguard your business operations and data integrity.
</xpath>
<xpath expr="(//t[@t-set='name'])[5]" position="replace" mode="inner">
Cloud Computing Solutions
</xpath>
<xpath expr="(//t[@t-set='price'])[5]" position="replace" mode="inner">
Starting at $2,500
</xpath>
<xpath expr="(//t[@t-set='description'])[5]" position="replace" mode="inner">
Scalable cloud services to enhance your businesss flexibility and data accessibility, supporting remote work and collaboration.
</xpath>
<xpath expr="(//t[@t-set='name'])[6]" position="replace" mode="inner">
Digital Marketing Services
</xpath>
<xpath expr="(//t[@t-set='price'])[6]" position="replace" mode="inner">
Starting at $1,500
</xpath>
<xpath expr="(//t[@t-set='description'])[6]" position="replace" mode="inner">
Strategic online marketing, SEO optimization, and social media management to boost your brand visibility and customer engagement.
</xpath>
</template>
<!-- ======== STRIPED CENTER TOP ======== -->
<template id="s_striped_center_top" inherit_id="website.s_striped_center_top">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="o_cc5" add="o_cc3" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
Innovative IT Solutions for Your Growth
</xpath>
<!-- Paragraph -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Transform your business with cutting-edge IT development and design solutions that drive efficiency and growth.
</xpath>
<!-- Button -->
<xpath expr="//a[hasclass('btn')]/t" position="replace" mode="inner">
Discover Our Services
</xpath>
<!-- Figcaption -->
<xpath expr="//figcaption" position="replace" mode="inner">
Technology that drives success
</xpath>
</template>
<!-- ======== IMAGE PUNCHY ======== -->
<template id="s_image_punchy" inherit_id="website.s_image_punchy">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="o_cc2" add="o_cc1" separator=" "/>
</xpath>
</template>
<!-- ======== IMAGE TITLE ======== -->
<template id="s_image_title" inherit_id="website.s_image_title" name="Cobalt s_image_title">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc2" remove="o_cc5 oe_img_bg" separator=" "/>
<attribute name="style"/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/10','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Airy_10"/>
</xpath>
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
</template>
</odoo>