mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[ADD] theme 12.0
This commit is contained in:
Design
@@ -0,0 +1,54 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="_assets_utils" inherit_id="web._assets_utils">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/mixins.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="_assets_primary_variables" inherit_id="website._assets_primary_variables" priority="1">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/primary_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="assets_frontend" inherit_id="website.assets_frontend" priority="1">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/fonts.scss"/>
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/s_google_map.scss"/>
|
||||
</xpath>
|
||||
<xpath expr="//script[last()]" position="after">
|
||||
<script type="text/javascript" src="/theme_common/static/src/js/s_google_map_frontend.js"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="assets_editor" inherit_id="website.assets_editor">
|
||||
<xpath expr="//script[last()]" position="after">
|
||||
<script type="text/javascript" src="/theme_common/static/src/js/s_google_map_editor.js"/>
|
||||
<script type="text/javascript" src="/theme_common/static/src/js/compatibility_editor.js"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Compatibility templates -->
|
||||
|
||||
<template id="compatibility-saas-10-1" name="Compatibility for saas-10 - 1" inherit_id="website.assets_frontend" priority="1" active="False">
|
||||
<xpath expr="//link[last()]" position="before">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/compatibility-saas-10-1.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="compatibility-saas-10-2" name="Compatibility for saas-10 - 2" inherit_id="website.assets_frontend" priority="1" active="False">
|
||||
<xpath expr="//link[last()]" position="before">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/compatibility-saas-10-2.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="compatibility-saas-11-4-variables" name="Compatibility for saas-11.4 (variables)" inherit_id="website._assets_primary_variables" priority="1" active="False">
|
||||
<xpath expr="//link[last()]" position="before">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/compatibility-saas-11.4-variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="compatibility-saas-11-4" name="Compatibility for saas-11.4" inherit_id="website.assets_frontend" priority="1" active="False">
|
||||
<xpath expr="//link[last()]" position="before">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/compatibility-saas-11.4.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,76 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<!-- Snippet Body -->
|
||||
<template name="Animated Boxes" id="s_animated_boxes">
|
||||
<div class="s_animated_boxes row">
|
||||
<div class="col-md-4 col-lg-4 item bg-alpha" data-name="Box item">
|
||||
<div class="v-align">
|
||||
<h3>Box title</h3>
|
||||
<p>Box Description</p>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
<div class="slide bg-delta" data-name="Inner Slide">
|
||||
<div class="v-align">
|
||||
<h3>Slide title</h3>
|
||||
<p>Slide Description</p>
|
||||
<a class="btn btn-primary"><strong>My great button</strong></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-lg-4 item bg-beta" data-name="Box item">
|
||||
<div class="v-align">
|
||||
<h3>Box title</h3>
|
||||
<p>Box Description</p>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
<div class="slide bg-delta" data-name="Inner Slide">
|
||||
<div class="v-align">
|
||||
<h3>Slide title</h3>
|
||||
<p>Slide Description</p>
|
||||
<a class="btn btn-primary"><strong>My great button</strong></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-lg-4 item bg-gamma" data-name="Box item">
|
||||
<div class="v-align">
|
||||
<h3>Box title</h3>
|
||||
<p>Box Description</p>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
<div class="slide bg-delta" data-name="Inner Slide">
|
||||
<div class="v-align">
|
||||
<h3>Slide title</h3>
|
||||
<p>Slide Description</p>
|
||||
<a class="btn btn-primary"><strong>My great button</strong></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- Snippet options -->
|
||||
<template id="s_animated_boxes_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='background']" position="before">
|
||||
<div data-js="s_animated_boxes" data-selector=".s_animated_boxes .item">
|
||||
<a href="#" class="dropdown-item createSlide" data-create_slide="" data-no-preview="true">
|
||||
<i class="fa fa-plus-circle"/>Add Slide
|
||||
</a>
|
||||
<a href="#" class="dropdown-item deleteSlide" data-delete_slide="" data-no-preview="true">
|
||||
<i class="fa fa-trash-o"/>Delete Slide
|
||||
</a>
|
||||
</div>
|
||||
</xpath>
|
||||
<xpath expr="//*[@id='so_snippet_addition']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_animated_boxes" separator=","/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_animated_boxes .item, .s_animated_boxes .slide"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_animated_boxes .item, .s_animated_boxes .slide"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_animated_boxes .item, .s_animated_boxes .slide"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Badge" id="s_badge">
|
||||
<span class="s_badge badge bg-gamma" data-name="Badge">
|
||||
<i class="fa fa-1x fa-fw fa-folder"/>Category
|
||||
</span>
|
||||
</template>
|
||||
|
||||
<template id="s_badge_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" separator="," add=".s_badge"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='content']" position="attributes">
|
||||
<attribute name="data-selector" separator="," add=".s_badge"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Parallax Banner" id="s_banner_parallax">
|
||||
<section class="s_banner_parallax bg-img-04 parallax" data-scroll-background-ratio="1.6">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-9 col-md-12 hero-bg">
|
||||
<h1>Present your products</h1>
|
||||
<h2>with this theme.</h2>
|
||||
<img src="/web/image/theme_common.image_content_01" alt="#" class="img img-fluid"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,55 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Big Icons" id="s_big_icons">
|
||||
<section class="s_big_icons o_animation">
|
||||
<div class="container">
|
||||
<div class="row mb64">
|
||||
<div class="col-lg-12 text-center mb32">
|
||||
<h2>Big Icons </h2>
|
||||
<h3 class="text-muted ">A Great Way to Show Your Numbers</h3>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-12 offset-lg-1 mt16 mb32">
|
||||
<div class="s_big_icons_box">
|
||||
<div class="s_big_icons_icon bg-epsilon">
|
||||
<span class="fa fa-desktop"/>
|
||||
</div>
|
||||
<h5>1000 Apps</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-12 mt16 mb32">
|
||||
<div class="s_big_icons_box">
|
||||
<div class="s_big_icons_icon bg-epsilon">
|
||||
<span class="fa fa-users"/>
|
||||
</div>
|
||||
<h5>20.000 Users</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-12 mt16 mb32">
|
||||
<div class="s_big_icons_box">
|
||||
<div class="s_big_icons_icon bg-epsilon">
|
||||
<span class="fa fa-user"/>
|
||||
</div>
|
||||
<h5>234 Clients</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-12 mt16 mb32">
|
||||
<div class="s_big_icons_box">
|
||||
<div class="s_big_icons_icon bg-epsilon">
|
||||
<span class="fa fa-globe"/>
|
||||
</div>
|
||||
<h5>30 Countries</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-12 mt16 mb32">
|
||||
<div class="s_big_icons_box">
|
||||
<div class="s_big_icons_icon bg-epsilon">
|
||||
<span class="fa fa-users"/>
|
||||
</div>
|
||||
<h5>75 Partners</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Big Image" id="s_big_image">
|
||||
<section class="s_big_image bg-img-01 o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 offset-lg-2 mt128">
|
||||
<img src="/web/image/theme_common.image_content_logo" class="img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
<div class="col-10 offset-1 col-lg-6 offset-lg-3 s_big_image_content text-center mt48 bg-gamma">
|
||||
<h2 class="mt16">We have Awesome Products</h2>
|
||||
<a type="button" class="btn btn-lg btn-warning mt16 mb32">OUR CATALOG</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- <template name="Big Image Options" id="s_big_image-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='colorpicker'][@data-palette-exclude='grayscale']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_big_image .s_big_image_content"/>
|
||||
</xpath>
|
||||
</template> -->
|
||||
</odoo>
|
||||
@@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Big Image Parallax" id="s_big_image_parallax">
|
||||
<section class="s_big_image_parallax parallax bg-img-04 o_animation" data-scroll-background-ratio="0.3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 mt32 s_big_image_parallax_content" data-name="Content Block">
|
||||
<img src="/web/image/theme_common.image_content_03" class="img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
<div class="col-lg-12 text-center" data-name="Title Block">
|
||||
<h3>A Business Theme For Odoo CMS</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Blockquote" id="s_blockquote">
|
||||
<blockquote class="s_blockquote blockquote">
|
||||
<i class="fa fa-quote-left fa-1x bg-beta rounded-0 s_blockquote_icon"/>
|
||||
<div class="s_blockquote_content" style="background-color: rgba(239,239,239);">
|
||||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||||
<footer class="blockquote-footer">
|
||||
<img class="img rounded-circle mr-2" src="/web/image/theme_common.image_content_10" alt=""/>
|
||||
John DOE • CEO of MyCompany
|
||||
</footer>
|
||||
</div>
|
||||
</blockquote>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,44 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_clonable_boxes" name="Clonable Boxes">
|
||||
<section class="s_clonable_boxes">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 bg-alpha">
|
||||
<div class="item">
|
||||
<h3>Box title</h3>
|
||||
<p>Box Description</p>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 bg-beta">
|
||||
<div class="item">
|
||||
<h3>Box title</h3>
|
||||
<p>Box Description</p>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 bg-gamma">
|
||||
<div class="item">
|
||||
<h3>Box title</h3>
|
||||
<p>Box Description</p>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_clonable_boxes-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" separator=", " add=".s_clonable_boxes .row > div"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" separator=", " add=".s_clonable_boxes .row > div"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" separator=", " add=".s_clonable_boxes .row > div"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,44 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="2x Color Block" id="s_color_blocks_2">
|
||||
<section class="s_color_blocks_2">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 bg-alpha text-center">
|
||||
<i class="fa fa-shield fa-5x d-block mx-auto"/>
|
||||
<h2>This Is a Color Block</h2>
|
||||
<h3 class="text-muted mb16">Highlight Your Content</h3>
|
||||
<p class="text-justify mb32">Color blocks are a simple and effective way to <strong>present and highlight your content</strong>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
|
||||
<a href="#" class="btn btn-info mb32">
|
||||
<i class="fa fa-1x fa-cog"/> More Details
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-6 bg-gamma text-center">
|
||||
<i class="fa fa-cube fa-5x d-block mx-auto"/>
|
||||
<h2>An Other Color Block</h2>
|
||||
<h3 class="text-muted mb16">Customize Backgrounds</h3>
|
||||
<p class="text-justify mb32">Color blocks are a simple and effective way to <strong>present and highlight your content</strong>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
|
||||
<a href="#" class="btn btn-info mb32">
|
||||
<i class="fa fa-1x fa-cog"/> More Details
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_color_blocks_2-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_2 [class*='col-']"/>
|
||||
<attribute name="data-exclude" add=".s_color_blocks_2"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_2 [class*='col-']"/>
|
||||
<attribute name="data-exclude" add=".s_color_blocks_2"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_2 [class*='col-']"/>
|
||||
<attribute name="data-exclude" add=".s_color_blocks_2"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,42 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="4x Color Block" id="s_color_blocks_4">
|
||||
<section class="s_color_blocks_4">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 text-center bg-alpha">
|
||||
<h4>A COLOR BLOCK</h4>
|
||||
<p>Highlight Your Content</p>
|
||||
</div>
|
||||
<div class="col-lg-3 text-center bg-beta">
|
||||
<h4>A COLOR BLOCK</h4>
|
||||
<p>Customize Backgrounds</p>
|
||||
</div>
|
||||
<div class="col-lg-3 text-center bg-gamma">
|
||||
<h4>A COLOR BLOCK</h4>
|
||||
<p>Resize and Duplicate</p>
|
||||
</div>
|
||||
<div class="col-lg-3 text-center bg-delta">
|
||||
<h4>A COLOR BLOCK</h4>
|
||||
<p>Select the Colors</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_color_blocks_4-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_4 [class*='col-']"/>
|
||||
<attribute name="data-exclude" add=".s_color_blocks_4"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_4 [class*='col-']"/>
|
||||
<attribute name="data-exclude" add=".s_color_blocks_4"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_4 [class*='col-']"/>
|
||||
<attribute name="data-exclude" add=".s_color_blocks_4"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="3x Color Block" id="s_color_blocks_img">
|
||||
<section class="s_color_blocks_img o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center mb32">
|
||||
<h2>Organize Your Content with These Three Columns</h2>
|
||||
<h3 class="text-muted ">Write Something Nice for Your Users</h3>
|
||||
</div>
|
||||
<div class="col-lg-4 s_color_blocks_img_block">
|
||||
<div class="s_color_blocks_img_title bg-delta">
|
||||
<h5 class="text-muted text-center">Resume with a Subtitle</h5>
|
||||
<h4 class="text-center mb32">This Is a Column</h4>
|
||||
<img src="/web/image/theme_common.image_content_10" class="img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 s_color_blocks_img_block">
|
||||
<div class="s_color_blocks_img_title bg-beta">
|
||||
<h5 class="text-muted text-center">Resume with a Subtitle</h5>
|
||||
<h4 class="text-center mb32">This Is a Column</h4>
|
||||
<img src="/web/image/theme_common.image_content_11" class="img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 s_color_blocks_img_block">
|
||||
<div class="s_color_blocks_img_title bg-gamma">
|
||||
<h5 class="text-muted text-center">Resume with a Subtitle</h5>
|
||||
<h4 class="text-center mb32">This Is a Column</h4>
|
||||
<img src="/web/image/theme_common.image_content_13" class="img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="1 Column" id="s_column">
|
||||
<section class="s_column o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 mb32 mt32">
|
||||
<img src="/web/image/theme_common.image_content_04" class="img-fluid d-block mx-auto"/>
|
||||
<h3 class="mt32 text-center">A Big Image and a Paragraph</h3>
|
||||
<h4 class="text-muted text-center">Resume with A Nice Subtitle</h4>
|
||||
<p class="text-justify mt16 mb64">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story. Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers. Start with the customer. Find out what they want and give it to them. A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story. Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers. Start with the customer. Find out what they want and give it to them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,88 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Compact Menu" id="s_compact_menu">
|
||||
<section class="s_compact_menu">
|
||||
<div class="container-fluid">
|
||||
<h2 class="text-center">Drink menu</h2>
|
||||
<div class="row menu-container">
|
||||
<div class="col-lg-2 text-center s_compact_menu_row_title">
|
||||
<h4>Cocktails</h4>
|
||||
<i class="fa fa-glass fa-5x"/>
|
||||
</div>
|
||||
<div class="col-lg-10">
|
||||
<div class="row">
|
||||
<div class="menublock">
|
||||
<h4 class="menu-title">MOJITO <span class="slash"><span class="price"> | €</span> 12.00</span></h4>
|
||||
<div class="menu-description">
|
||||
<span class="menu-item">rum, lime, juice cane sugar</span>
|
||||
<span class="menu-item">fresh mint, soda, ice</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menublock">
|
||||
<h4 class="menu-title">MARGARITA <span class="slash"><span class="price"> | €</span> 9.00</span></h4>
|
||||
<div class="menu-description">
|
||||
<span class="menu-item">white tequila, triple sec,</span>
|
||||
<span class="menu-item">lime juice, ice</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menublock">
|
||||
<h4 class="menu-title">TEQUILA SUNRISE <span class="slash"><span class="price"> | €</span> 11.00</span></h4>
|
||||
<div class="menu-description">
|
||||
<span class="menu-item">white tequila, frenadine,</span>
|
||||
<span class="menu-item">orange juice, soda, ice</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menublock">
|
||||
<h4 class="menu-title">MANHATTAN <span class="slash"><span class="price"> | €</span> 12.50</span></h4>
|
||||
<div class="menu-description">
|
||||
<span class="menu-item">whiskey, vermouth, angostura,</span>
|
||||
<span class="menu-item">maraschino cherry</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row menu-container">
|
||||
<div class="col-lg-2 text-center s_compact_menu_row_title">
|
||||
<h4>Wine</h4>
|
||||
<i class="fa fa-glass fa-5x"/>
|
||||
</div>
|
||||
<div class="col-lg-10">
|
||||
<div class="row">
|
||||
<div class="menublock">
|
||||
<div class="item">
|
||||
<h4 class="menu-title">COLORES DEL SOL <span class="slash"><span class="price"> | €</span> 12.00</span></h4>
|
||||
<div class="menu-description">
|
||||
<span class="menu-item">Malbec</span>
|
||||
<span class="menu-item">Mendoza, 2012</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menublock">
|
||||
<h4 class="menu-title">FRANCIS FORD COPPOLA <span class="slash"><span class="price"> | €</span> 9.00</span></h4>
|
||||
<div class="menu-description">
|
||||
<span class="menu-item">Pinot Noir</span>
|
||||
<span class="menu-item">California, 2012</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menublock">
|
||||
<h4 class="menu-title">BLACKBIRD VINEYARDS<span class="slash"><span class="price"> | €</span> 11.00</span></h4>
|
||||
<div class="menu-description">
|
||||
<span class="menu-item">Rose</span>
|
||||
<span class="menu-item">Napa, 2012</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menublock">
|
||||
<h4 class="menu-title">PATZ AND HALL<span class="slash"><span class="price"> | €</span> 12.50</span></h4>
|
||||
<div class="menu-description">
|
||||
<span class="menu-item">Chardonnay</span>
|
||||
<span class="menu-item">Sonoma Coast, 2012</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,60 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="CSS Slider" id="s_css_slider">
|
||||
<!-- The snippet require a default inline height in order to work poperly. That value can be changed by the user using the website builder -->
|
||||
<section class="s_css_slider o_not-animable autoplay" style="height:450px">
|
||||
<div class="wrapper">
|
||||
<div class="slider container">
|
||||
<div class="selected slide row">
|
||||
<div class="info col-lg-3">
|
||||
<h3>Slide Title</h3>
|
||||
<p>Slide Description</p>
|
||||
</div>
|
||||
<img class="o_not-animable" src="/web/image/theme_common.image_content_20"/>
|
||||
</div>
|
||||
<div class="slide row">
|
||||
<div class="info col-lg-3">
|
||||
<h3>Slide Title</h3>
|
||||
<p>Slide Description</p>
|
||||
</div>
|
||||
<img class="o_not-animable" src="/web/image/theme_common.image_content_21"/>
|
||||
</div>
|
||||
<div class="slide row">
|
||||
<div class="info col-lg-3">
|
||||
<h3>Slide Title</h3>
|
||||
<p>Slide Description</p>
|
||||
</div>
|
||||
<img class="o_not-animable" src="/web/image/theme_common.image_content_22"/>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="navigation">
|
||||
<li><span contentEditable="false" class="o_not-animable fa fa-chevron-left prev inactive"/></li>
|
||||
<li><span contentEditable="false" class="o_not-animable fa fa-chevron-right next"/></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Snippets options -->
|
||||
<template id="s_css_slider_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='background']" position="before">
|
||||
<div data-js='s_css_slider_slide' data-selector=".s_css_slider">
|
||||
<a tabindex="-1" href="#" class="dropdown-item js_s_css_slider_addSlide"><i class="fa fa-plus-circle"/>Add a new Slide</a>
|
||||
<a tabindex="-1" href="#" class="dropdown-item js_s_css_slider_removeSlide"><i class="fa fa-trash-o"/>Remove current slide</a>
|
||||
</div>
|
||||
<div data-js='s_css_slider_autoplay' data-selector=".s_css_slider">
|
||||
<li class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#"><i class="fa fa-bolt"/> Autoplay</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="#" class="dropdown-item" data-select-class="">False</a>
|
||||
<a href="#" class="dropdown-item" data-select-class="autoplay">True</a>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</xpath>
|
||||
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_css_slider .info"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,105 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Discount" id="s_discount">
|
||||
<section class="s_discount o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center mt32 mb32">
|
||||
<h2>Nice % Discount Tables</h2>
|
||||
<h3 class="text-muted">Collapsable Tab Code</h3>
|
||||
</div>
|
||||
<div class="col-lg-3 mt32 mb32">
|
||||
<div class="s_discount_box">
|
||||
<div class="s_discount_brand bg-white">
|
||||
<h3 class="text-muted">COUPON</h3>
|
||||
</div>
|
||||
<div class="s_discount_amount bg-beta"><p>30%</p>
|
||||
<div class="s_discount_type"><p>off</p></div>
|
||||
</div>
|
||||
<div class="s_discount_descr">
|
||||
<p><strong>Increase the amount of your visitors by offering them great discount.</strong>
|
||||
<br/>Let them find the coupon code.</p>
|
||||
</div>
|
||||
<div class="s_discount_ends bg-white">
|
||||
<p><small>* Conditions and restrictions apply.</small></p>
|
||||
</div>
|
||||
<div class="s_discount_coupon bg-beta">
|
||||
<a data-toggle="collapse" href="#code-1" class="s_discount_open-code">Get a code</a>
|
||||
<div id="code-1" class="collapse s_discount_code"><div class="code">LV5MAY14</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mt32 mb32">
|
||||
<div class="s_discount_box">
|
||||
<div class="s_discount_brand bg-white">
|
||||
<h3 class="text-muted">Shipping</h3>
|
||||
</div>
|
||||
<div class="s_discount_amount bg-beta"><p>50$</p>
|
||||
<div class="s_discount_type"><p>worldwilde</p></div>
|
||||
</div>
|
||||
<div class="s_discount_descr">
|
||||
<p><strong>Increase the amount of your visitors by offering them great discount.</strong>
|
||||
<br/>Let them find the coupon code.</p>
|
||||
</div>
|
||||
<div class="s_discount_ends bg-white">
|
||||
<p><small>* Conditions and restrictions apply.</small></p>
|
||||
</div>
|
||||
<div class="s_discount_coupon bg-beta">
|
||||
<a data-toggle="collapse" href="#code-2" class="s_discount_open-code">Get a code</a>
|
||||
<div id="code-2" class="collapse s_discount_code"><div class="code">OLV4SY3R</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mt32 mb32">
|
||||
<div class="s_discount_box">
|
||||
<div class="s_discount_brand bg-white">
|
||||
<h3 class="text-muted">GIFT</h3>
|
||||
</div>
|
||||
<div class="s_discount_amount bg-beta"><p>25%</p>
|
||||
<div class="s_discount_type"><p>off</p></div>
|
||||
</div>
|
||||
<div class="s_discount_descr">
|
||||
<p><strong>Increase the amount of your visitors by offering them great discount.</strong>
|
||||
<br/>Let them find the coupon code.</p>
|
||||
</div>
|
||||
<div class="s_discount_ends bg-white">
|
||||
<p><small>* Conditions and restrictions apply.</small></p>
|
||||
</div>
|
||||
<div class="s_discount_coupon bg-beta">
|
||||
<a data-toggle="collapse" href="#code-3" class="s_discount_open-code">Get a code</a>
|
||||
<div id="code-3" class="collapse s_discount_code"><div class="code">ZUY4OPLQ</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mt32 mb32">
|
||||
<div class="s_discount_box">
|
||||
<div class="s_discount_brand bg-white">
|
||||
<h3 class="text-muted"><p>-50% OFF</p></h3>
|
||||
</div>
|
||||
<div class="s_discount_amount bg-beta"><p>GIFT</p>
|
||||
<div class="s_discount_type"><p>card</p></div>
|
||||
</div>
|
||||
<div class="s_discount_descr">
|
||||
<p><strong>Increase the amount of your visitors by offering them great discount.</strong>
|
||||
<br/>Let them find the coupon code.</p>
|
||||
</div>
|
||||
<div class="s_discount_ends bg-white">
|
||||
<p><small>* Conditions and restrictions apply.</small></p>
|
||||
</div>
|
||||
<div class="s_discount_coupon bg-beta">
|
||||
<a data-toggle="collapse" href="#code-4" class="s_discount_open-code">Get a code</a>
|
||||
<div id="code-4" class="collapse s_discount_code"><div class="code">ZUY4OPLQ</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_discount_opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_discount_box [class*='s_discount_']"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,160 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Event List" id="s_event_list">
|
||||
<section class="s_event_list">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center mt32 mb32">
|
||||
<h2>Nice and Efficient Events List</h2>
|
||||
<h3 class="text-muted">Display Your Last Activities</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="s_event_list_item">
|
||||
<time datetime="2014-07-20 0000" class="bg-delta">
|
||||
<div class="s_event_list_day">02</div>
|
||||
<div class="s_event_list_month">Jul</div>
|
||||
<div class="s_event_list_year">2014</div>
|
||||
<div class="s_event_list_time">12:00 AM</div>
|
||||
</time>
|
||||
<div class="s_event_list_info bg-white">
|
||||
<h4 class="s_event_list_title">Your Event Name</h4>
|
||||
<p class="s_event_list_desc">Write a description of your event here.</p>
|
||||
<ul class="clearfix">
|
||||
<li><a href="#"><span class="fa fa-globe"/> Link</a></li>
|
||||
<li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="s_event_list_social">
|
||||
<ul class="clearfix">
|
||||
<li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
|
||||
<li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
|
||||
<li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="s_event_list_item">
|
||||
<time datetime="2014-07-20 0000" class="bg-delta">
|
||||
<div class="s_event_list_day">05</div>
|
||||
<div class="s_event_list_month">Sep</div>
|
||||
<div class="s_event_list_year">2014</div>
|
||||
<div class="s_event_list_time">12:00 AM</div>
|
||||
</time>
|
||||
<div class="s_event_list_info bg-white">
|
||||
<h4 class="s_event_list_title">Your Event Name</h4>
|
||||
<p class="s_event_list_desc">Write a description of your event here.</p>
|
||||
<ul class="clearfix">
|
||||
<li><a href="#"><span class="fa fa-globe"/> Link</a></li>
|
||||
<li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="s_event_list_social">
|
||||
<ul class="clearfix">
|
||||
<li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
|
||||
<li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
|
||||
<li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="s_event_list_item">
|
||||
<time datetime="2014-07-20 0000" class="bg-delta">
|
||||
<div class="s_event_list_day">2</div>
|
||||
<div class="s_event_list_month">Jul</div>
|
||||
<div class="s_event_list_year">2014</div>
|
||||
<div class="s_event_list_time">12:00 AM</div>
|
||||
</time>
|
||||
<div class="s_event_list_info bg-white">
|
||||
<h4 class="s_event_list_title">Your Event Name</h4>
|
||||
<p class="s_event_list_desc">Write a description of your event here.</p>
|
||||
<ul class="clearfix">
|
||||
<li><a href="#"><span class="fa fa-globe"/> Link</a></li>
|
||||
<li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="s_event_list_social">
|
||||
<ul class="clearfix">
|
||||
<li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
|
||||
<li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
|
||||
<li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<p class="text-center">With Theme Clean you get a list of your events with date, time, description, etc. Select the simple or image mode and edit your content.
|
||||
<br/>You can link your events to your favorite social network.</p>
|
||||
</div>
|
||||
<div class="col-lg-6 mt32 mb32">
|
||||
<div class="s_event_list_item">
|
||||
<time datetime="2014-07-20" class="bg-delta">
|
||||
<div class="s_event_list_day">18</div>
|
||||
<div class="s_event_list_month">Jul</div>
|
||||
<div class="s_event_list_year">2014</div>
|
||||
<div class="s_event_list_time">ALL DAY</div>
|
||||
</time>
|
||||
<img src="/web/image/theme_common.image_content_09" class="img-fluid"/>
|
||||
<div class="s_event_list_info bg-white">
|
||||
<h4 class="s_event_list_title">Your Event Name</h4>
|
||||
<p class="s_event_list_desc">Write a description of your event here.</p>
|
||||
<ul class="clearfix">
|
||||
<li><a href="#"><span class="fa fa-globe"/> Link</a></li>
|
||||
<li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="s_event_list_social">
|
||||
<ul class="clearfix">
|
||||
<li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
|
||||
<li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
|
||||
<li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mt32 mb32">
|
||||
<div class="s_event_list_item">
|
||||
<time datetime="2014-07-20" class="bg-delta">
|
||||
<div class="s_event_list_day">21</div>
|
||||
<div class="s_event_list_month">Jul</div>
|
||||
<div class="s_event_list_year">2014</div>
|
||||
<div class="s_event_list_time">ALL DAY</div>
|
||||
</time>
|
||||
<div class="s_event_list_icon bg-beta">
|
||||
<i class="fa fa-5x fa-calendar"/>
|
||||
</div>
|
||||
<div class="s_event_list_info bg-white">
|
||||
<h4 class="s_event_list_title">Your Event Name</h4>
|
||||
<p class="s_event_list_desc">Write a description of your event here.</p>
|
||||
<ul class="clearfix">
|
||||
<li><a href="#"><span class="fa fa-globe"/> Link</a></li>
|
||||
<li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="s_event_list_social">
|
||||
<ul class="clearfix">
|
||||
<li class="s_event_list_facebook"><a href="facebook"><span class="fa fa-2x fa-facebook"/></a></li>
|
||||
<li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
|
||||
<li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_event_list-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_event_list_item time, .s_event_list_item .s_event_list_info, .s_event_list_item .s_event_list_icon"/>
|
||||
</xpath>
|
||||
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_event_list_item time, .s_event_list_item .s_event_list_info, .s_event_list_item .s_event_list_social, .s_event_list_item .s_event_list_icon"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,47 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Event Slider" id="s_event_slide">
|
||||
<section class="s_event_slide">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-2 s_event_slide_title">
|
||||
<i class="fa fa-music fa-5x"/>
|
||||
<h3>Upcoming Events</h3>
|
||||
</div>
|
||||
<div class="col-lg-10 s_event_slide_list">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 event">
|
||||
<h4>Fleetwood Mac</h4>
|
||||
<div class="header-border d-block mx-auto"></div>
|
||||
<p class="text-center">/// 22-10-2014 ///</p>
|
||||
<h5>The famous band comes last time in this year, don't miss it!</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam repellendus sunt nobis libero delectus aperiam animi porro, optio expedita odio impedit quae praesentium fugit consequuntur vero architecto, excepturi, maiores aliquid.
|
||||
</p>
|
||||
<h5>You get a free drink with your entrance!</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam repellendus sunt nobis libero delectus aperiam animi porro, optio expedita odio impedit quae praesentium fugit consequuntur vero architecto, excepturi, maiores aliquid.</p>
|
||||
</div>
|
||||
<div class="col-lg-3 event">
|
||||
<h4>Basement Jaxx</h4>
|
||||
<div class="header-border d-block mx-auto"></div>
|
||||
<p class="text-center">/// 28-10-2014 ///</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, inventore accusantium dolores. Ad non necessitatibus recusandae cupiditate animi quibusdam enim earum, nulla, qui. Dolorem sunt impedit similique a quia earum fuga unde, repellendus omnis iure.</p>
|
||||
</div>
|
||||
<div class="col-lg-3 event">
|
||||
<h4>Freak!</h4>
|
||||
<div class="header-border d-block mx-auto"></div>
|
||||
<p class="text-center">/// 03-11-2014 ///</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus ullam minus qui aliquid optio, animi nam odio iste quisquam voluptas laudantium, magni recusandae nemo eligendi!</p>
|
||||
</div>
|
||||
<div class="col-lg-3 event">
|
||||
<h4>Animal Cannibals</h4>
|
||||
<div class="header-border d-block mx-auto"></div>
|
||||
<p class="text-center">/// 08-11-2014 ///</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste eius, nam optio dolor mollitia, consectetur asperiores libero illum. Repellendus, molestias consequatur rem ipsa. Tempora omnis eius, ipsam quaerat optio suscipit necessitatibus aliquam obcaecati. Vero quia mollitia repellendus maxime, alias. Harum!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,79 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Features Slider" id="s_features_carousel">
|
||||
<section id="myCarousel" class="s_features_carousel carousel slide" data-interval="10000" >
|
||||
<!-- Indicators -->
|
||||
<ol type="1" class="carousel-indicators">
|
||||
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#myCarousel" data-slide-to="1"></li>
|
||||
</ol>
|
||||
<div class="container carousel_header">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 pt64">
|
||||
<h2>Features</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item image_text active">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="col-lg-6 pt16">
|
||||
<div class="circle d-block mx-auto">
|
||||
<div class="mask bg-beta" data-name="Big circle">
|
||||
<span class="text-center">01.</span>
|
||||
<p>DECISIONS, DECISIONS, AND EVEN MORE DECISIONS</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt32 text-center">This theme does not limit you to one setup, we prefer to give you options. From boxed layout to wide, left sidebars to right and multiple headers; we let you decide. That’s right, you can have your cake and eat some too.</p>
|
||||
</div>
|
||||
<div class="col-lg-6 pt16">
|
||||
<img class="img img-fluid d-block mx-auto" src="/web/image/theme_common.image_content_04" alt=""/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item image_text">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="col-lg-6 pt16">
|
||||
<div class="circle d-block mx-auto">
|
||||
<div class="mask bg-beta" data-name="Big circle">
|
||||
<span class="text-center">02.</span>
|
||||
<p>DESIGN, DESIGN, AND EVEN MORE DESIGN</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt32 text-center">This theme does not limit you to one setup, we prefer to give you options. From boxed layout to wide, left sidebars to right and multiple headers; we let you decide. That’s right, you can have your cake and eat some too.</p>
|
||||
</div>
|
||||
<div class="col-lg-6 pt16">
|
||||
<img class="img img-fluid d-block mx-auto" src="/web/image/theme_common.image_content_03" alt=""/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control-prev" data-target="#s_products_carousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
|
||||
<span class="carousel-control-prev-icon"/>
|
||||
<span class="sr-only">Previous</span>
|
||||
</div>
|
||||
<div class="carousel-control-next" data-target="#s_products_carousel" data-slide="next" role="img" aria-label="Next" title="Next">
|
||||
<span class="carousel-control-next-icon"/>
|
||||
<span class="sr-only">Next</span>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_features_carousel-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_features_carousel .mask"/>
|
||||
</xpath>
|
||||
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_features_carousel .mask"/>
|
||||
</xpath>
|
||||
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_features_carousel .mask"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Full Menu" id="s_full_menu">
|
||||
<section class="s_full_menu">
|
||||
<div class="container-fluid">
|
||||
<h2>Menu A'la carte</h2>
|
||||
<div class="row menu-container">
|
||||
<div class="col-lg-2 text-center">
|
||||
<h4>Hamburgers</h4>
|
||||
<i class="fa fa-glass fa-5x"/>
|
||||
</div>
|
||||
<div class="col-lg-10 s_full_menu_content">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 text-center">
|
||||
<img src="/web/image/theme_common.image_content_13" alt="#" class="img img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
<div class="col-lg-8 s_full_menu_content_description">
|
||||
<h4>Sandwich with Ham and Cheese<span class="slash"><span class="price"> | €</span> 9.00</span></h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum incidunt, eum quae neque officiis dignissimos, veritatis amet, dolorum aperiam tempore sed. Modi rerum velit itaque ex nobis vero necessitatibus adipisci eaque cum iste nisi molestias quibusdam, voluptate odit deserunt, beatae.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 text-center">
|
||||
<img src="/web/image/theme_common.image_content_14" alt="#" class="img img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
<div class="col-lg-8 s_full_menu_content_description">
|
||||
<h4>Honey Dijon Chicken Burger<span class="slash"><span class="price"> | €</span> 12.00</span></h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum incidunt, eum quae neque officiis dignissimos, veritatis amet, dolorum aperiam tempore sed. Modi rerum velit itaque ex nobis vero necessitatibus adipisci eaque cum iste nisi molestias quibusdam, voluptate odit deserunt, beatae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,49 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Google Map" id="s_google_map">
|
||||
<section class="s_google_map pt256 pb256" data-map-type="ROADMAP" data-map-color="" data-map-zoom="12" data-map-gps="(50.854975,4.3753899)" data-pin-style="flat">
|
||||
<div class="map_container"/>
|
||||
<div class="description">
|
||||
<font>Visit us:</font>
|
||||
<span>Our office is located in the northeast of Brussels. TEL (555) 432 2365</span>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Snippet's Options -->
|
||||
<template id="s_google_map_option" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='background']" position="before">
|
||||
<div data-js="map" data-selector="section.s_google_map">
|
||||
<a href="#" class="dropdown-item" data-map="" data-no-preview="true"><i class="fa fa-fw fa-cog"/>Map Options</a>
|
||||
<div class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#" class="dropdown-item"><i class="fa fa-fw fa-road"/>Type</a>
|
||||
<div class="dropdown-menu" data-no-preview="true">
|
||||
<a href="#" class="dropdown-item" data-map-type="ROADMAP">RoadMap</a>
|
||||
<a href="#" class="dropdown-item" data-map-type="TERRAIN">Terrain</a>
|
||||
<a href="#" class="dropdown-item" data-map-type="SATELLITE">Satellite</a>
|
||||
<a href="#" class="dropdown-item" data-map-type="HYBRID">Hybrid</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#" class="dropdown-item"><i class="fa fa-fw fa-search"/>Zoom</a>
|
||||
<div class="dropdown-menu" data-no-preview="true">
|
||||
<a href="#" class="dropdown-item" data-map-zoom="6">1</a>
|
||||
<a href="#" class="dropdown-item" data-map-zoom="8">2</a>
|
||||
<a href="#" class="dropdown-item" data-map-zoom="10">3</a>
|
||||
<a href="#" class="dropdown-item" data-map-zoom="12">4</a>
|
||||
<a href="#" class="dropdown-item" data-map-zoom="14">5</a>
|
||||
<a href="#" class="dropdown-item" data-map-zoom="16">6</a>
|
||||
<a href="#" class="dropdown-item" data-map-zoom="20">8</a>
|
||||
<a href="#" class="dropdown-item" data-map-zoom="18">7</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-exclude" add=".s_google_map" separator=","/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-exclude" add=".s_google_map" separator=","/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Head + Picture" id="s_header_text_big_picture">
|
||||
<section class="s_header_text_big_picture">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center mt32 mb32">
|
||||
<h1>The product which fits your needs</h1>
|
||||
</div>
|
||||
<div class="col-lg-6 mb16 mt16">
|
||||
<p>Design expression comes from the combined effect of all elements in a product. Colour tone, shape and size should direct a person's thoughts towards buying the product. Therefore it is in the product designer's best interest to consider the audiences who are most likely to be the product's end consumers. Keeping in mind how consumers will perceive the product during the design process will direct towards the product’s success in the market. However, even within a specific audience, it is challenging to cater to each possible personality within that group.</p>
|
||||
</div>
|
||||
<div class="col-lg-6 mb16 mt16">
|
||||
<p>The solution to that is to create a product that, in its designed appearance and function, expresses a personality or tells a story. Products that carry such attributes are more likely to give off a stronger expression that will attract more consumers. On that note it is important to keep in mind that design expression does not only concern the appearance of a product, but also its function. For example, as humans our appearance as well as our actions are subject to people's judgment when they are making a first impression of us.</p>
|
||||
</div>
|
||||
<div class="col-lg-12 s_header_text_big_picture_picturecol">
|
||||
<img src="/web/image/theme_common.image_content_04" alt="#" class="img img-fluid"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,43 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Icon Box" id="s_icon_box">
|
||||
<section class="s_icon_box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center mb32">
|
||||
<h2>Icon Box / Features List</h2>
|
||||
<h3 class="text-muted">Showcase Your Services and Features</h3>
|
||||
</div>
|
||||
<div class="col-lg-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-eyedropper float-left rounded-circle bg-gamma"/>
|
||||
<div class="icon_box_content">
|
||||
<h4>Colors</h4>
|
||||
<p>You can change the box color by using the customize option.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-font float-left rounded-circle bg-gamma"/>
|
||||
<div class="icon_box_content">
|
||||
<h4>Fonts</h4>
|
||||
<p>Select your favorite font combination to emphase your texts.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-desktop float-left rounded-circle bg-gamma"/>
|
||||
<div class="icon_box_content">
|
||||
<h4>Layout</h4>
|
||||
<p>It is super easy to resize and/or duplicate each box.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-paint-brush float-left rounded-circle bg-gamma"/>
|
||||
<div class="icon_box_content">
|
||||
<h4>Style</h4>
|
||||
<p>You can even replace the icon by one of your choice.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,64 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Images Carousel" id="s_images_carousel">
|
||||
<section class="pt48 pb48" data-name="Images Carousel">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-4">
|
||||
<h1>Images Carousel</h1>
|
||||
<h5 class="text-primary pb16">Cycling through elements</h5>
|
||||
<p>Use this building block to showcase your content with an images carousel. You can edit, add or remove images using the customize options.</p>
|
||||
<p><i class="fa fa-info-circle fa-1x text-primary"/> - <b>An additional information</b></p>
|
||||
</div>
|
||||
<div id="s_images_carousel" class="col-lg-8 s_images_carousel s_carousel s_carousel_rounded s_col_no_bgcolor carousel slide" data-interval="10000" data-name="Carousel">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#s_images_carousel" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#s_images_carousel" data-slide-to="1"></li>
|
||||
<li data-target="#s_images_carousel" data-slide-to="2"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img class="img img-fluid" src="/web/image/theme_common.image_content_24" alt=""/>
|
||||
<div class="carousel-caption">
|
||||
<span>A <b>caption</b> for this image</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="img img-fluid" src="/web/image/theme_common.image_content_25" alt=""/>
|
||||
<div class="carousel-caption">
|
||||
<span>A <b>caption</b> for this image</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="img img-fluid" src="/web/image/theme_common.image_content_26" alt=""/>
|
||||
<div class="carousel-caption">
|
||||
<span>A <b>caption</b> for this image</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Controls -->
|
||||
<div class="carousel-control-prev" data-target="#s_images_carousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
|
||||
<span class="carousel-control-prev-icon"/>
|
||||
<span class="sr-only">Previous</span>
|
||||
</div>
|
||||
<div class="carousel-control-next" data-target="#s_images_carousel" data-slide="next" role="img" aria-label="Next" title="Next">
|
||||
<span class="carousel-control-next-icon"/>
|
||||
<span class="sr-only">Next</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_images_carousel_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-exclude" add=".s_images_carousel .carousel-item" separator=","/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-exclude" add=".s_images_carousel .carousel-item" separator=","/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,44 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Images row" id="s_images_row">
|
||||
<section class="s_images_row">
|
||||
<div class="container-fluid p-0">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-lg-3 s_images_row_overlay oe_img_bg" style="background-image: url('/web/image/theme_common.image_content_27');">
|
||||
<div class="s_images_row_body bg-white">
|
||||
<i class="fa fa-1x fa-camera text-alpha mr-2"/><b>Images</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 s_images_row_overlay oe_img_bg" style="background-image: url('/web/image/theme_common.image_content_28');">
|
||||
<div class="s_images_row_body bg-white">
|
||||
<i class="fa fa-1x fa-file-o text-alpha mr-2"/><b>Notes</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 s_images_row_overlay oe_img_bg" style="background-image: url('/web/image/theme_common.image_content_29');">
|
||||
<div class="s_images_row_body bg-white">
|
||||
<i class="fa fa-1x fa-newspaper-o text-alpha mr-2"/><b>News</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 s_images_row_overlay oe_img_bg" style="background-image: url('/web/image/theme_common.image_content_30');">
|
||||
<div class="s_images_row_body bg-white">
|
||||
<i class="fa fa-1x fa-pencil-square-o text-alpha mr-2"/><b>Edit</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
<template id="s_images_row_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-exclude" add=".s_images_row" separator=","/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_images_row_overlay" separator=","/>
|
||||
<attribute name="data-exclude" add=".s_images_row" separator=","/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_images_row_overlay" separator=","/>
|
||||
<attribute name="data-exclude" add=".s_images_row" separator=","/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,68 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_masonry_block" name="Masonry Block">
|
||||
<section class="s_masonry_block">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="block col-lg-6 text-center bg-img-03">
|
||||
<div class="content">
|
||||
<h2>A great title</h2>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="s_masonry_block_pseudo_col col-lg-6">
|
||||
<div class="row">
|
||||
<div class="block col-lg-6 col-md-6 bg-alpha text-center">
|
||||
<div class="content">
|
||||
<h3>A great title</h3>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block col-lg-6 col-md-6 text-center bg-img-01">
|
||||
<div class="content">
|
||||
<h3>A great title</h3>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block col-lg-6 col-md-6 text-center bg-img-06">
|
||||
<div class="content">
|
||||
<h3>A great title</h3>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block col-lg-6 col-md-6 text-center bg-beta-lighter">
|
||||
<div class="content">
|
||||
<h3>A great title</h3>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_masonry_block-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" separator=", " add=".s_masonry_block .block"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" separator=", " add=".s_masonry_block .block"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" separator=", " add=".s_masonry_block .block"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="before">
|
||||
<div data-selector=".s_masonry_block">
|
||||
<div class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#" class="dropdown-item"><i class="fa fa-expand"/>Inner Spacing</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="#" class="dropdown-item" data-select-class="">Normal</a>
|
||||
<a href="#" class="dropdown-item" data-select-class="s_ratio_2_1">Bigger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<!-- Snippet's Body -->
|
||||
<template name="Media Block" id="s_media_block">
|
||||
<section class="s_media_block pb160 pt160" src="http://media.sublimevideo.net/v/midnight-sun-short-edit-360p.mp4" muted="muted" loop="loop" autoplay="autoplay" iframefit="fitCont">
|
||||
<div class="v-align text-center">
|
||||
<h1 class="text-center">Set a catchy headline</h1>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Snippet's Options -->
|
||||
<template id="s_media_block_option" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='background']" position="before">
|
||||
<div data-js="s_media_block" data-selector="section.s_media_block">
|
||||
<a href="#" class="dropdown-item" data-video-opt="" data-no-preview="true"><i class="fa fa-fw fa-cog"/>Video Options</a>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,79 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Media List" id="s_media_list">
|
||||
<section class="s_media_list pt24 pb24" style="background-color: rgba(239,239,239);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<img src="/web/image/theme_common.image_content_20" class="img img-fluid" alt=""/>
|
||||
</div>
|
||||
<div class="col-lg-8 s_media_list_body">
|
||||
<h3>Media heading</h3>
|
||||
<p>Use this snippet to build various types of components that feature a left- or right-aligned image alongside textual content. Duplicate the element to create a list that fit your needs.</p>
|
||||
<div class="s_btn text-left pt16 pb0" data-name="Buttons">
|
||||
<a href="#" class="btn btn-primary">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<img src="/web/image/theme_common.image_content_21" class="img img-fluid" alt=""/>
|
||||
</div>
|
||||
<div class="col-lg-8 s_media_list_body">
|
||||
<h3>Event Heading</h3>
|
||||
<p>Speakers from all over the world will join our experts to give inspiring talks on various topics.</p>
|
||||
<div class="s_btn text-left pt16 pb0" data-name="Buttons">
|
||||
<a href="#" class="btn btn-sm btn-primary">Register</a>
|
||||
</div>
|
||||
<div class="s_media_list_options">
|
||||
<div class="s_media_list_option">
|
||||
<i class="fa fa-1x fa-map-marker fa-fw mr-1 text-gamma"/>
|
||||
<small>Location</small>
|
||||
</div>
|
||||
<div class="s_media_list_option">
|
||||
<i class="fa fa-1x fa-calendar fa-fw mr-1 text-gamma"/>
|
||||
<small>Date</small>
|
||||
</div>
|
||||
<div class="s_media_list_option">
|
||||
<i class="fa fa-1x fa-clock-o fa-fw mr-1 text-gamma"/>
|
||||
<small>Time</small>
|
||||
</div>
|
||||
<div class="s_media_list_option">
|
||||
<i class="fa fa-1x fa-microphone fa-fw mr-1 text-gamma"/>
|
||||
<small>100+ conferences</small>
|
||||
</div>
|
||||
<div class="s_media_list_option">
|
||||
<i class="fa fa-1x fa-users fa-fw mr-1 text-gamma"/>
|
||||
<small>2,000+ attendees</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row no-gutters">
|
||||
<div class="col-lg-4">
|
||||
<img class="img img-fluid" src="/web/image/theme_common.image_content_22" alt=""/>
|
||||
</div>
|
||||
<div class="col-lg-8 s_media_list_body">
|
||||
<h3>Post heading</h3>
|
||||
<span class="s_badge badge bg-gamma" data-name="Badge">
|
||||
<i class="fa fa-1x fa-fw fa-clock-o"/>3 months ago
|
||||
</span>
|
||||
<span class="s_badge badge bg-gamma" data-name="Badge">
|
||||
<i class="fa fa-1x fa-fw fa-user"/>by John DOE
|
||||
</span>
|
||||
<p>Use this component for creating a list of featured elements to which you want to bring attention.</p>
|
||||
<div class="s_btn text-left pt16 pb0" data-name="Buttons">
|
||||
<a href="#">Continue reading <i class="fa fa-long-arrow-right align-middle ml-1"/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_media_list_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='layout_column']" position="attributes">
|
||||
<attribute name="data-exclude" add=".s_media_list" separator=","/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="3 Col Menu" id="s_menu_three_columns">
|
||||
<section class="s_menu_three_columns">
|
||||
<div class="container three-column">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 big-menu bg-beta">
|
||||
<h2 class="text-center"><a href="#">Take a tour</a></h2>
|
||||
</div>
|
||||
<div class="col-lg-4 big-menu bg-gamma">
|
||||
<h2 class="text-center"><a href="#">Take a tour</a></h2>
|
||||
</div>
|
||||
<div class="col-lg-4 big-menu bg-delta">
|
||||
<h2 class="text-center"><a href="#">Take a tour</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,29 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Mini Navbar" id="s_mini_nav_bar">
|
||||
<section class="s_mini_nav_bar">
|
||||
<div class="container">
|
||||
<div class="row s_mini_nav_bar_nav">
|
||||
<div class="col-lg-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section1" class="btn btn-secondary btn-xl">Section 1</a>
|
||||
</div>
|
||||
<div class="col-lg-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section2" class="btn btn-primary btn-xl">Section 2</a>
|
||||
</div>
|
||||
<div class="col-lg-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section3" class="btn btn-success btn-xl">Section 3</a>
|
||||
</div>
|
||||
<div class="col-lg-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section4" class="btn btn-info btn-xl">Section 4</a>
|
||||
</div>
|
||||
<div class="col-lg-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section5" class="btn btn-warning btn-xl">Section 5</a>
|
||||
</div>
|
||||
<div class="col-lg-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section6" class="btn btn-danger btn-xl">Section 6</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,80 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="News Carousel" id="s_news_carousel">
|
||||
<section class="pt48 pb48" style="background-color: rgb(239, 239, 239);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div id="s_news_carousel" class="col-lg-12 s_news_carousel s_carousel s_carousel_default carousel slide s_col_no_bgcolor" data-interval="10000">
|
||||
<!-- Control -->
|
||||
<div class="carousel-control-prev" data-target="#s_news_carousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
|
||||
<span class="carousel-control-prev-icon"/>
|
||||
<span class="sr-only">Previous</span>
|
||||
</div>
|
||||
<!-- Content -->
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="row no-gutters content">
|
||||
<div class="col-lg-3 s_news_carousel_date text-center bg-alpha pt16 pb16">
|
||||
<span class="s_news_carousel_day" style="font-size: 62px;">18</span>
|
||||
<span class="s_news_carousel_month">December</span>
|
||||
</div>
|
||||
<div class="col-lg-9 s_news_carousel_content">
|
||||
<span class="s_badge badge bg-secondary pull-right">
|
||||
<i class="fa fa-1x fa-fw fa-exclamation-circle"/>New
|
||||
</span>
|
||||
<h3>Create an irresistible website.</h3>
|
||||
<p>Your website is where almost all of your customers will end up first. <br/>Let's clear up what it takes to give them the best experience with it.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="row no-gutters content">
|
||||
<div class="col-lg-3 s_news_carousel_date text-center bg-gamma pt16 pb16">
|
||||
<span class="s_news_carousel_day" style="font-size: 62px;">3</span>
|
||||
<span class="s_news_carousel_month">January</span>
|
||||
</div>
|
||||
<div class="col-lg-9 s_news_carousel_content">
|
||||
<h3>Prepare for the future of eCommerce.</h3>
|
||||
<p>Which trends to follow? Which ideas will work? <br/>Opening Keynote - Presented by John DOE.</p>
|
||||
<a href="#" class="btn btn-alpha">REGISTER <i class="fa fa-1x fa-caret-right ml-2"/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="row no-gutters content">
|
||||
<div class="col-lg-3 s_news_carousel_date text-center bg-delta pt16 pb16">
|
||||
<span class="s_news_carousel_icon">
|
||||
<i class="fa fa-3x fa-envelope"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col-lg-9 s_news_carousel_content">
|
||||
<h3>Use newsletters to increase your popularity</h3>
|
||||
<p>Build relationships and recognition by staying in touch with your customers.</p>
|
||||
<a href="#" class="btn btn-delta">Discover</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Control -->
|
||||
<div class="carousel-control-next" data-target="#s_news_carousel" data-slide="next" role="img" aria-label="Next" title="Next">
|
||||
<span class="carousel-control-next-icon"/>
|
||||
<span class="sr-only">Next</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_news_carousel_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-exclude" add=".s_news_carousel .carousel-item" separator=","/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-exclude" add=".s_news_carousel .carousel-item" separator=","/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-exclude" add=".s_news_carousel .carousel-item" separator=","/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Numbers" id="s_numbers">
|
||||
<section class="s_numbers pt24 pb24" style="background-color: rgb(239, 239, 239);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 text-center pt24 pb24">
|
||||
<span class="s_number display-4 text-alpha">12</span>
|
||||
<h6>Useful options</h6>
|
||||
</div>
|
||||
<div class="col-lg-3 text-center pt24 pb24">
|
||||
<span class="s_number display-4 text-alpha">45</span>
|
||||
<h6>Beautiful snippets</h6>
|
||||
</div>
|
||||
<div class="col-lg-3 text-center pt24 pb24">
|
||||
<span class="s_number display-4 text-gamma">8</span>
|
||||
<h6>Amazing pages</h6>
|
||||
</div>
|
||||
<div class="col-lg-3 text-center pt24 pb24">
|
||||
<span class="s_number display-4 text-gamma">37</span>
|
||||
<h6>Outstanding images</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Page header" id="s_page_header">
|
||||
<section class="s_page_header pt32 pb32" style="background-color: rgb(239, 239, 239);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 pt16">
|
||||
<span class="s_badge badge bg-alpha">
|
||||
<i class="fa fa-1x fa-fw fa-tag"/>Tag
|
||||
</span>
|
||||
<span class="s_badge badge bg-gamma">
|
||||
<i class="fa fa-1x fa-fw fa-folder"/>Category
|
||||
</span>
|
||||
</div>
|
||||
<div class="col-lg-12 s_title pt8 pb16">
|
||||
<h1 class="s_title_default"><font style="font-size: 62px;">Page Title</font></h1>
|
||||
<p class="lead">Introduce your content in few lines.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,101 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Pricing" id="s_pricing">
|
||||
<section class="s_pricing o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center mt32 mb32">
|
||||
<h2>Full Detailed Price List</h2>
|
||||
<h3 class="text-muted">A Great way to show your range</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section>
|
||||
<div class="container pricing-list">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 mb32">
|
||||
<div class="s_pricing_box">
|
||||
<div class="s_pricing_header bg-beta text-center">
|
||||
<h2>$15/mo</h2>
|
||||
<h3>Tiny</h3>
|
||||
</div>
|
||||
<div class="s_pricing_features bg-white">
|
||||
<p> <strong>Unlimited</strong> Email Addresses</p>
|
||||
<p> <strong>50GB</strong> Disk Space</p>
|
||||
<p> <strong>Unlimited</strong> MySQL Databases</p>
|
||||
<p> <strong>Unlimited</strong> Domains</p>
|
||||
<p> <strong>Free</strong> Billing Systems</p>
|
||||
<a href="#" class="btn btn-success btn-lg mt32 mb32">More Features</a>
|
||||
</div>
|
||||
<div class="s_pricing_footer bg-beta"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mb32">
|
||||
<div class="s_pricing_box">
|
||||
<div class="s_pricing_header bg-gamma text-center">
|
||||
<h2>$29/mo</h2>
|
||||
<h3>Small</h3>
|
||||
</div>
|
||||
<div class="s_pricing_features bg-white">
|
||||
<p> <strong>Unlimited</strong> Email Addresses</p>
|
||||
<p> <strong>80GB</strong> Disk Space</p>
|
||||
<p> <strong>Unlimited</strong> MySQL Databases</p>
|
||||
<p> <strong>Unlimited</strong> Domains</p>
|
||||
<p> <strong>Free</strong> Billing Systems</p>
|
||||
<a href="#" class="btn btn-success btn-lg mt32 mb32">More Features</a>
|
||||
</div>
|
||||
<div class="s_pricing_footer bg-gamma"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mb32">
|
||||
<div class="s_pricing_box">
|
||||
<div class="s_pricing_header bg-delta text-center">
|
||||
<h2>$69/mo</h2>
|
||||
<h3>Medium</h3>
|
||||
</div>
|
||||
<div class="s_pricing_features bg-white">
|
||||
<p> <strong>Unlimited </strong> Email Addresses</p>
|
||||
<p> <strong>120GB</strong> Disk Space</p>
|
||||
<p> <strong>Unlimited</strong> MySQL Databases</p>
|
||||
<p> <strong>Unlimited</strong> Domains</p>
|
||||
<p> <strong>Free</strong> Billing Systems</p>
|
||||
<a href="#" class="btn btn-success btn-lg mt32 mb32">More Features</a>
|
||||
</div>
|
||||
<div class="s_pricing_footer bg-delta"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mb32">
|
||||
<div class="s_pricing_box">
|
||||
<div class="s_pricing_header bg-epsilon text-center">
|
||||
<h2>$99/mo</h2>
|
||||
<h3>Pro</h3>
|
||||
</div>
|
||||
<div class="s_pricing_features bg-white">
|
||||
<p> <strong>Unlimited</strong> Email Addresses</p>
|
||||
<p> <strong>120GB</strong> Disk Space</p>
|
||||
<p> <strong>Unlimited</strong> MySQL Databases</p>
|
||||
<p> <strong>Unlimited</strong> Domains</p>
|
||||
<p> <strong>Free</strong> Billing Systems</p>
|
||||
<a href="#" class="btn btn-success btn-lg mt32 mb32">More Features</a>
|
||||
</div>
|
||||
<div class="s_pricing_footer bg-epsilon"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_options_pricing" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-js="colorpicker" data-selector=".s_pricing_box" data-target=".s_pricing_header, .s_pricing_footer">
|
||||
<li class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#">Colors</a>
|
||||
<div class="dropdown-menu">
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,55 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Steps" id="s_process_steps">
|
||||
<section class="s_process_steps pt24 pb24">
|
||||
<div class="container">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-lg-3 s_process_step pt24 pb24">
|
||||
<div class="s_process_step_icon">
|
||||
<span>
|
||||
<i class="fa fa-shopping-basket fa-2x mx-auto rounded-circle bg-alpha"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="s_process_step_content text-center">
|
||||
<h2>Add to cart</h2>
|
||||
<p>Let your customers follow <br/>and understand your process.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 s_process_step pt24 pb24">
|
||||
<div class="s_process_step_icon">
|
||||
<span>
|
||||
<i class="fa fa-unlock-alt fa-2x mx-auto rounded-circle bg-beta"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="s_process_step_content text-center">
|
||||
<h2>Sign in</h2>
|
||||
<p>Click on the icon to adapt it <br/>to your purpose.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 s_process_step pt24 pb24">
|
||||
<div class="s_process_step_icon">
|
||||
<span>
|
||||
<i class="fa fa-paypal fa-2x mx-auto rounded-circle bg-gamma"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="s_process_step_content text-center">
|
||||
<h2>Pay</h2>
|
||||
<p>Duplicate blocks <br/>to add more steps.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 s_process_step pt24 pb24">
|
||||
<div class="s_process_step_icon">
|
||||
<span>
|
||||
<i class="fa fa-plane fa-2x mx-auto rounded-circle bg-delta"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="s_process_step_content text-center">
|
||||
<h2>Get Delivered</h2>
|
||||
<p>Select and delete blocks <br/>to remove some steps.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,59 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Products List" id="s_product_list">
|
||||
<section class="s_product_list" >
|
||||
<div class="container-fluid product-list">
|
||||
<div class="row">
|
||||
<div class="col-lg-2 col-md-4 col-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_01" alt="#" class="img img-fluid"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_02" alt="#" class="img img-fluid"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_03" alt="#" class="img img-fluid"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_04" alt="#" class="img img-fluid"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_05" alt="#" class="img img-fluid"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_06" alt="#" class="img img-fluid"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,108 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Products" id="s_products_carousel">
|
||||
<section id="s_products_carousel" class="carousel s_products_carousel slide" data-interval="10000">
|
||||
<ol type="1" class="carousel-indicators">
|
||||
<li data-target="#s_products_carousel" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#s_products_carousel" data-slide-to="1"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner bg-img-02">
|
||||
<div class="carousel-item active">
|
||||
<div class="container-fluid">
|
||||
<div class="row content">
|
||||
<div class="col-lg-12 hero-bg">
|
||||
<h2>Present your products online!</h2>
|
||||
</div>
|
||||
<div class="col-lg-12 product-widget d-block mx-auto bg-alpha">
|
||||
<div class="row">
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_01" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_02" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_03" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_04" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_05" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_06" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container-fluid">
|
||||
<div class="row content">
|
||||
<div class="col-lg-12 hero-bg">
|
||||
<h2>Convert your visitors to customers.</h2>
|
||||
</div>
|
||||
<div class="col-lg-12 product-widget d-block mx-auto bg-alpha">
|
||||
<div class="row">
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_01" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_02" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_03" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_04" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_05" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 pt16 pb16 widget">
|
||||
<a href="#">
|
||||
<img src="/web/image/theme_common.image_product_06" alt="" class="img img-fluid d-block mx-auto"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control-prev" data-target="#s_products_carousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
|
||||
<span class="carousel-control-prev-icon"/>
|
||||
<span class="sr-only">Previous</span>
|
||||
</div>
|
||||
<div class="carousel-control-next" data-target="#s_products_carousel" data-slide="next" role="img" aria-label="Next" title="Next">
|
||||
<span class="carousel-control-next-icon"/>
|
||||
<span class="sr-only">Next</span>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,89 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Profile" id="s_profile">
|
||||
<section class="s_profile">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center mb32">
|
||||
<h2>A Great Way to Present Your Team</h2>
|
||||
<h3 class="text-muted">Add your co-Workers and a link to their profiles.</h3>
|
||||
</div>
|
||||
<div class="col-lg-6 mb32 s_profile_box">
|
||||
<div class="row mb32">
|
||||
<div class="col-lg-8">
|
||||
<h2>John Doe</h2>
|
||||
<p> <strong>FUNCTION: </strong> Web Designer / UI.</p>
|
||||
<p> <strong>COMPANY: </strong> Odoo</p>
|
||||
<p> <strong>Skills: </strong><span class="tags">html5, css3, jquery, bootstrap3</span></p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<img src="/web/image/theme_common.image_content_14" alt="" class="rounded-circle img-fluid d-block mx-auto"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row s_profile_box_divider text-center">
|
||||
<div class="col-lg-4 s_profile_box_emphasis mt8 mb8">
|
||||
<h2>
|
||||
<strong> 20,7K </strong>
|
||||
</h2>
|
||||
<p><small>Followers</small></p>
|
||||
</div>
|
||||
<div class="col-lg-4 s_profile_box_emphasis mt8 mb8">
|
||||
<h2>
|
||||
<strong>245</strong>
|
||||
</h2>
|
||||
<p><small>Projects</small></p>
|
||||
</div>
|
||||
<div class="col-lg-4 s_profile_box_emphasis mt8 mb8">
|
||||
<h2>
|
||||
<strong>143</strong>
|
||||
</h2>
|
||||
<p><small>Clients</small></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row s_profile_box_divider text-center mb24">
|
||||
<div class="col-lg-4 mt48">
|
||||
<a type="button" class="btn btn-lg btn-success btn-block" href="#">
|
||||
<i class="fa fa-facebook-square"/> Facebook
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 mt48">
|
||||
<a type="button" class="btn btn-lg btn-info btn-block" href="#">
|
||||
<i class="fa fa-linkedin-square"/> Linkedin
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 mt48">
|
||||
<a type="button" class="btn btn-lg btn-primary btn-block" href="#">
|
||||
<i class="fa fa-git-square"/> GitHub
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-lg-1 mb32">
|
||||
<h2>About Me</h2>
|
||||
<p class="text-justify mt16 mb32">
|
||||
<strong>Write something about you.</strong>This is a good way to briefly tell your visitors who you are and what you do. Link Clean Flat Profile to your social networks and use the customizable progress bars to show your skills.
|
||||
</p>
|
||||
<p>Project 01</p>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-success progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
|
||||
<span>80% Html5/CSS3</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Project 02</p>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-info progress-bar-striped active" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
|
||||
<span>85% Bootstrap</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Project 03</p>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100" style="width: 99%">
|
||||
<span>99% COMPLETE</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,59 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Progress" id="s_progress">
|
||||
<section class="s_progress">
|
||||
<div class="container">
|
||||
<div class="row mt64 mb64">
|
||||
<div class="col-lg-3">
|
||||
<div class="progress-content">
|
||||
<h1 class="text-center">1.</h1>
|
||||
<h4 class="text-center">Planning</h4>
|
||||
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis nobis, tempore voluptatem qui dolorum quae.</p>
|
||||
</div>
|
||||
<div class="fa fa-chevron-right process"></div>
|
||||
<div class="progress-iconset">
|
||||
<i class="fa fa-desktop icon-container"/>
|
||||
<h4 class="text-center" style="padding-bottom: 15px;">The process from paper version</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="progress-iconset">
|
||||
<i class="fa fa-desktop icon-container"/>
|
||||
<h4 class="text-center" style="padding-bottom: 15px;">Deciding the features</h4>
|
||||
</div>
|
||||
<div class="fa fa-chevron-right process"></div>
|
||||
<div class="progress-content">
|
||||
<h1 class="text-center">2.</h1>
|
||||
<h4 class="text-center">Preparing</h4>
|
||||
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis nobis, tempore voluptatem qui dolorum quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="progress-content">
|
||||
<h1 class="text-center">3.</h1>
|
||||
<h4 class="text-center">Producing</h4>
|
||||
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis nobis, tempore voluptatem qui dolorum quae.</p>
|
||||
</div>
|
||||
<div class="fa fa-chevron-right process"></div>
|
||||
<div class="progress-iconset">
|
||||
<i class="fa fa-desktop icon-container"/>
|
||||
<h4 class="text-center" style="padding-bottom: 15px;">With the most effective technique</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="progress-iconset">
|
||||
<i class="fa fa-desktop icon-container"/>
|
||||
<h4 class="text-center" style="padding-bottom: 15px;">Getting feedback</h4>
|
||||
</div>
|
||||
<div class="fa fa-chevron-right process"></div>
|
||||
<div class="progress-content">
|
||||
<h1 class="text-center">4.</h1>
|
||||
<h4 class="text-center">Testing</h4>
|
||||
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis nobis, tempore voluptatem qui dolorum quae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,35 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Progress Bar" id="s_progress_bar">
|
||||
<div class="s_progress_bar progress" data-name="Progress Bar">
|
||||
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
|
||||
<span>80% Development</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template id="s_options_progress_bar" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-js="progress" data-selector=".s_progress_bar .progress-bar"/>
|
||||
<div data-js="colorpicker" data-selector=".s_progress_bar" data-target=".progress-bar">
|
||||
<div class="dropdown-submenu">
|
||||
<a tabindex="-2" href="#" class="dropdown-item"><i class="fa fa-eyedropper"/>Colors</a>
|
||||
<div class="dropdown-menu" role="menu"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-js="progress" data-selector=".s_progress_bar" data-target=".progress-bar">
|
||||
<div class="dropdown-submenu">
|
||||
<a tabindex="-2" href="#" class="dropdown-item"><i class="fa fa-magic"/>Styles</a>
|
||||
<div class="dropdown-menu" role="menu">
|
||||
<a href="#" class="dropdown-item" data-toggle-class="progress-bar-striped">Striped</a>
|
||||
<a href="#" class="dropdown-item" data-toggle-class="progress-bar-animated">Animated</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='content']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_progress_bar" separator=","/>
|
||||
<attribute name="data-drop-near" add=".s_progress_bar" separator=","/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Got-to-Top Nav" id="s_separator_nav">
|
||||
<section class="s_separator_nav">
|
||||
<div class="container">
|
||||
<div class="row s_separator_nav_nav mini_nav_scroll">
|
||||
<div class="s_separator_nav_item col-lg-2 float-right">
|
||||
<a class="btn btn-success btn-xl float-right" href="#wrap" type="button">Top</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Showcase" id="s_showcase">
|
||||
<section class="s_showcase">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-5 text-right feature" data-name="Feature block">
|
||||
<h4 class="mb16"><span class="fa fa-2x fa-fw fa-desktop"/>First feature</h4>
|
||||
<p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-lg-2 text-left feature" data-name="Feature block">
|
||||
<h4 class="mb16"><span class="fa fa-2x fa-heart"/>Another feature</h4>
|
||||
<p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-5 text-right feature" data-name="Feature block">
|
||||
<h4 class="mb16"><span class="fa fa-2x fa-paint-brush "/>Second feature</h4>
|
||||
<p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-lg-2 text-left feature" data-name="Feature block">
|
||||
<h4 class="mb16"><span class="fa fa-2x fa-sliders "/>Last Feature</h4>
|
||||
<p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mt16 mb16 text-center">
|
||||
<a class="btn btn-secondary" href="">Discover all the features</a>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_showcase-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='background']" position="before">
|
||||
<div data-js='s_showcase' data-selector=".s_showcase .feature"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,63 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Showcase Image" id="s_showcase_image">
|
||||
<section class="s_showcase_image container-fluid">
|
||||
<div class="row">
|
||||
<figure class="bg-img-03 col-lg-6 bl">
|
||||
<figcaption class="o_animable">
|
||||
<h6>Sample description</h6>
|
||||
Write one or two paragraphs describing your product
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="info col-lg-6">
|
||||
<div class="row" contenteditable="false">
|
||||
<div class="content col-md-11 col-lg-8" contenteditable="true">
|
||||
<h3>Sample Title</h3>
|
||||
<h4 class="text-primary">With a great subtitle</h4>
|
||||
<p>Write one or two paragraphs describing your product, services or a specific feature. To be successful your content needs to be useful to your readers.</p>
|
||||
<a href="#" class="btn btn-secondary">Click here</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_showcase_image-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='background']" position="before">
|
||||
<div data-selector=".s_showcase_image">
|
||||
<li class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#"><i class="fa fa-exchange"/>Image position</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="#" class="dropdown-item" data-select-class="">Left</a>
|
||||
<a href="#" class="dropdown-item" data-select-class="s_right">Right</a>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
<div data-selector=".s_showcase_image figure">
|
||||
<li class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#"><i class="fa fa-tag"/>Caption position</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="#" class="dropdown-item" data-select-class="tl">Top Left</a>
|
||||
<a href="#" class="dropdown-item" data-select-class="tr">Top Right</a>
|
||||
<a href="#" class="dropdown-item" data-select-class="bl">Bottom Left</a>
|
||||
<a href="#" class="dropdown-item" data-select-class="">Bottom Right</a>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</xpath>
|
||||
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_showcase_image figure"/>
|
||||
</xpath>
|
||||
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_showcase_image figure, .s_showcase_image figcaption"/>
|
||||
</xpath>
|
||||
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_showcase_image figure"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,34 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Showcase Slider" id="s_showcase_slider">
|
||||
<section class="s_showcase_slider o_not-animable">
|
||||
<div class="s_ss_slider_wrapper">
|
||||
<ul class="s_ss_slider o_animable">
|
||||
<li class="selected o_not-animable"><img src="/web/image/theme_common.image_content_20"/></li>
|
||||
<li><img class="o_not-animable" src="/web/image/theme_common.image_content_21"/></li>
|
||||
<li><img class="o_not-animable" src="/web/image/theme_common.image_content_22"/></li>
|
||||
</ul>
|
||||
<ul class="s_ss_slider_navigation">
|
||||
<li><span contentEditable="false" class="o_not-animable fa fa-chevron-left s_ss_prev inactive"/></li>
|
||||
<li><span contentEditable="false" class="o_not-animable fa fa-chevron-right s_ss_next"/></li>
|
||||
</ul>
|
||||
<span href="#0" class="s_ss_close fa fa-times">Close</span>
|
||||
</div>
|
||||
<div class="s_ss_item_info o_animable">
|
||||
<h2>My Title</h2>
|
||||
<p>A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story.</p>
|
||||
<button class="btn btn-primary">Add to cart</button>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<!-- Snippets options -->
|
||||
<template id="s_showcase_slider_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='background']" position="before">
|
||||
<div data-js='s_showcase_slider' data-selector=".s_showcase_slider">
|
||||
<li class="js_s_ss_addSlide"><a tabindex="-1" href="#">Add Slide</a></li>
|
||||
<li class="js_s_ss_removeSlide"><a tabindex="-1" href="#">Remove current slide</a></li>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,87 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Team Profiles" id="s_team_profiles">
|
||||
<section class="s_team_profiles pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row d-flex align-items-stretch s_col_no_bgcolor">
|
||||
<div class="col-lg-4 pt16 pb16">
|
||||
<div class="card bg-white text-center">
|
||||
<div class="card-body">
|
||||
<img class="img img-fluid rounded-circle m-3 mx-auto" src="/web/image/theme_common.image_content_18" style="width: 50%;" alt=""/>
|
||||
<h2 class="card-title">John DOE</h2>
|
||||
<h6 class="text-primary">- ART DIRECTOR -</h6>
|
||||
<p class="card-text">Use this paragraph to write a short, sweet and successful resume about this member of your team.</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<a href="http://www.odoo.com/web/about/facebook" class="btn btn-link" target="_blank">
|
||||
<i class="fa fa-facebook fa-1x"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com/web/about/instagram" class="btn btn-link" target="_blank">
|
||||
<i class="fa fa-instagram fa-1x"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com/web/about/twitter" class="btn btn-link" target="_blank">
|
||||
<i class="fa fa-twitter fa-1x"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com/web/about/linkedin" class="btn btn-link" target="_blank">
|
||||
<i class="fa fa-linkedin fa-1x"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 pt16 pb16">
|
||||
<div class="card bg-white text-center">
|
||||
<div class="card-body">
|
||||
<img class="img img-fluid rounded-circle m-3" src="/web/image/theme_common.image_content_09" style="width: 50%;" alt=""/>
|
||||
<h2 class="card-title">John DOE</h2>
|
||||
<h6 class="text-primary">- PARTNER -</h6>
|
||||
<p class="card-text">Use this paragraph to write a short, sweet and successful resume about this member of your team.</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<a href="/aboutus" class="btn btn-primary" target="_blank">
|
||||
Read more
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 pt16 pb16">
|
||||
<div class="card bg-white text-center">
|
||||
<div class="card-body">
|
||||
<img class="img img-fluid rounded-circle m-3" src="/web/image/theme_common.image_content_11" style="width: 50%;" alt=""/>
|
||||
<h2 class="card-title">John DOE</h2>
|
||||
<h6 class="text-primary">- TRAINEE -</h6>
|
||||
<p class="card-text">Use this paragraph to write a short, sweet and successful resume about this member of your team.</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<a href="http://www.odoo.com/web/about/facebook" class="btn btn-link" target="_blank">
|
||||
<i class="fa fa-facebook fa-1x"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com/web/about/instagram" class="btn btn-link" target="_blank">
|
||||
<i class="fa fa-instagram fa-1x"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com/web/about/twitter" class="btn btn-link" target="_blank">
|
||||
<i class="fa fa-twitter fa-1x"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com/web/about/linkedin" class="btn btn-link" target="_blank">
|
||||
<i class="fa fa-linkedin fa-1x"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
<template id="s_team_profiles_options" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-js="colorpicker"
|
||||
data-selector=".s_team_profiles [class*='col-lg-']"
|
||||
data-target=".card"
|
||||
data-palette-title="Box Color">
|
||||
<div class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#" class="dropdown-item"><i class="fa fa-eyedropper"/>Color</a>
|
||||
<div class="dropdown-menu" role="menu"/>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,22 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Text Highlight" id="s_text_highlight">
|
||||
<div class="s_text_highlight bg-gamma o_animation mt32 mb32">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h3>Text Highlight</h3>
|
||||
<h4>Change the color of this box</h4>
|
||||
<p>Put the focus on what you have to say!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template id="s_text_highlight-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_text_highlight"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Text picture text" id="s_text_picture_text">
|
||||
<section class="s_text_picture_text">
|
||||
<div class="container">
|
||||
<div class="row mb32 mt32">
|
||||
<div class="col-lg-4">
|
||||
<h3>The latest technology</h3>
|
||||
<p>Product design is the process of creating a new product to be sold by a business to its customers. A very broad concept, it is essentially the efficient and effective generation and development of ideas through a process that leads to new products.</p>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center">
|
||||
<img src="/web/image/theme_common.image_content_05" alt="#" class="img img-fluid"/>
|
||||
<a href="#">DISCOVER THE PRODUCT</a>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h3>The best approach</h3>
|
||||
<p >In a systematic approach, product designers conceptualize and evaluate ideas, turning them into tangible inventions and products. The product designer's role is to combine art, science, and technology to create new products that other people can use.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="3 Columns" id="s_three_columns_circle">
|
||||
<section class="s_three_columns_circle o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2>Organize Your Content with These Three Columns</h2>
|
||||
<h3 class="text-muted ">Write Something Nice for Your Users</h3>
|
||||
</div>
|
||||
<div class="mt32 mb16 padding-l-r-32 col-lg-4">
|
||||
<img src="/web/image/theme_common.image_content_10" class="img-fluid rounded-circle d-block mx-auto"/>
|
||||
<h4 class="mt32 text-center">This Is a Column</h4>
|
||||
<h5 class="text-muted text-center">Resume with a Subtitle</h5>
|
||||
<p class="text-justify mt16">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story. Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers. Start with the customer. Find out what they want and give it to them.</p>
|
||||
</div>
|
||||
<div class="mt32 mb16 padding-l-r-32 col-lg-4">
|
||||
<img src="/web/image/theme_common.image_content_11" class="img-fluid rounded-circle d-block mx-auto"/>
|
||||
<h4 class="mt32 text-center">This Is a Column</h4>
|
||||
<h5 class="text-muted text-center">Resume with a Subtitle</h5>
|
||||
<p class="text-justify mt16">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story. Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers. Start with the customer. Find out what they want and give it to them.</p>
|
||||
</div>
|
||||
<div class="mt32 mb16 padding-l-r-32 col-lg-4">
|
||||
<img src="/web/image/theme_common.image_content_13" class="img-fluid rounded-circle d-block mx-auto"/>
|
||||
<h4 class="mt32 text-center">This Is a Column</h4>
|
||||
<h5 class="text-muted text-center">Resume with a Subtitle</h5>
|
||||
<p class="text-justify mt16">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story. Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers. Start with the customer. Find out what they want and give it to them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,93 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Timeline" id="s_timeline">
|
||||
<section class="s_timeline pt24 pb48">
|
||||
<div class="container s_timeline_line">
|
||||
<div class="s_timeline_row d-flex flex-row">
|
||||
<div class="s_timeline_content d-flex">
|
||||
<div class="s_card card bg-white w-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Your title</h5>
|
||||
<p class="card-text">A timeline is a graphical representation on which important events are marked.</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<i class="fa fa-info-circle mr-1"/> <small>An additional information</small>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fa fa-1x fa-child bg-beta rounded-circle s_timeline_icon"/>
|
||||
</div>
|
||||
<div class="s_timeline_date"><span class="bg-white"><b>2019</b></span></div>
|
||||
<div class="s_timeline_content"/>
|
||||
</div>
|
||||
<div class="s_timeline_row d-flex flex-row">
|
||||
<div class="s_timeline_content d-flex">
|
||||
<div class="s_card card bg-white w-100">
|
||||
<div class="card-body">
|
||||
<p class="card-text">You can edit, duplicate...</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<i class="fa fa-info-circle mr-1"/> <small>An additional information</small>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fa fa-1x fa-graduation-cap bg-gamma rounded-circle s_timeline_icon"/>
|
||||
</div>
|
||||
<div class="s_timeline_date"><span class="bg-white"><b>2018</b></span></div>
|
||||
<div class="s_timeline_content d-flex">
|
||||
<i class="fa fa-1x fa-asterisk bg-alpha rounded-circle s_timeline_icon"/>
|
||||
<div class="s_card card bg-white w-100">
|
||||
<div class="card-body">
|
||||
<p class="card-text">...and switch the timeline contents to fit your needs.</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<i class="fa fa-info-circle mr-1"/> <small>An additional information</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="s_timeline_row d-flex flex-row-reverse">
|
||||
<div class="s_timeline_content d-flex">
|
||||
<div class="s_card card bg-white w-100">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Use this timeline as a part of your resume, to show your visitors what you've done in the past.</p>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fa fa-1x fa-bolt bg-gamma rounded s_timeline_icon"/>
|
||||
</div>
|
||||
<div class="s_timeline_date"><span class="bg-white"><b>2015</b></span></div>
|
||||
<div class="s_timeline_content"/>
|
||||
</div>
|
||||
<div class="s_timeline_row d-flex flex-row">
|
||||
<div class="s_timeline_content d-flex">
|
||||
<div class="s_card card bg-white w-100">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Edit this text and change it with your content.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="s_timeline_date"><i class="fa fa-1x fa-edit img-thumbnail text-primary"/></div>
|
||||
<div class="s_timeline_content d-flex">
|
||||
<div class="s_card card bg-white w-100">
|
||||
<div class="card-body">
|
||||
<p class="card-text" style="text-align: right;">Double-click an icon to change it.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="options_s_timeline" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-selector=".s_timeline_row" data-drop-near=".s_timeline_row">
|
||||
<div class="dropdown-submenu">
|
||||
<a tabindex="-2" href="#" class="dropdown-item"><i class="fa fa-align-left"/>Position</a>
|
||||
<div class="dropdown-menu" role="menu">
|
||||
<a href="#" class="dropdown-item" data-select-class="flex-row">Left</a>
|
||||
<a href="#" class="dropdown-item" data-select-class="flex-row-reverse">Right</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="2 Columns" id="s_two_columns">
|
||||
<section class="s_two_columns o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center" data-name="Title">
|
||||
<h2>Organize Your Content with These Two Columns</h2>
|
||||
<h3 class="text-muted ">Write Something Nice for Your Users</h3>
|
||||
</div>
|
||||
<div class="col-lg-6 mb32 mt32">
|
||||
<img src="/web/image/theme_common.image_content_06" class="img-fluid d-block mx-auto"/>
|
||||
<h4 class="mt32 text-center">This Is a Column</h4>
|
||||
<h5 class="text-muted text-center">Resume with a Subtitle</h5>
|
||||
<p class="text-justify mt16">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story. Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers. Start with the customer. Find out what they want and give it to them.</p>
|
||||
</div>
|
||||
<div class="col-lg-6 mb32 mt32">
|
||||
<img src="/web/image/theme_common.image_content_05" class="img-fluid d-block mx-auto"/>
|
||||
<h4 class="mt32 text-center">This Is a Column</h4>
|
||||
<h5 class="text-muted text-center">Resume with a Subtitle</h5>
|
||||
<p class="text-justify mt16">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story. Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers. Start with the customer. Find out what they want and give it to them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,366 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<!-- Some snippets are always included with theme_common -->
|
||||
<template id="snippets" inherit_id="website.snippets">
|
||||
<xpath expr="//div[@id='snippet_feature']/div[hasclass('o_panel_body')]/t" position="before">
|
||||
<t t-snippet="theme_common.s_google_map" t-thumbnail="/theme_common/static/src/img/snippets/s_google_map.png"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Extend customize modal to suggest more colors, more fonts -->
|
||||
<template id="theme_customize" inherit_id="website.theme_customize">
|
||||
<!-- Add color suggestions -->
|
||||
<xpath expr="//content[@id='theme_customize_content_colors']/*" position="before">
|
||||
<more data-depends="theme_color_suggestions">
|
||||
<opt data-xmlid="" data-color-palette="1"/>
|
||||
<!-- Only allow 9 (but most themes have 6) -->
|
||||
<t t-set="_nb_colors" t-value="6"/>
|
||||
<t t-foreach="_nb_colors - 1" t-as="i">
|
||||
<t t-set="number" t-value="i + 2"/>
|
||||
<opt t-attf-data-xmlid="theme_common.option_colors_0#{number}_variables" t-att-data-color-palette="number"/>
|
||||
</t>
|
||||
</more>
|
||||
</xpath>
|
||||
|
||||
<!-- Add font options -->
|
||||
<xpath expr="//content[@id='theme_customize_content_fonts']/*" position="before">
|
||||
<!-- Only allow 19 (but most themes have 6 that website already defines) -->
|
||||
<t t-set="_nb_fonts" t-value="6"/>
|
||||
</xpath>
|
||||
<xpath expr="//list[@id='theme_customize_content_fonts_title']" position="inside">
|
||||
<t t-foreach="_nb_fonts - 6" t-as="i">
|
||||
<t t-set="number" t-value="i + 7"/>
|
||||
<t t-set="dozen" t-value="number < 10 and '0' or ''"/>
|
||||
<opt t-attf-data-xmlid="theme_common.option_font_title_#{dozen}#{number}_variables" t-att-data-font="number"/>
|
||||
</t>
|
||||
</xpath>
|
||||
<xpath expr="//list[@id='theme_customize_content_fonts_body']" position="inside">
|
||||
<t t-foreach="_nb_fonts - 6" t-as="i">
|
||||
<t t-set="number" t-value="i + 7"/>
|
||||
<t t-set="dozen" t-value="number < 10 and '0' or ''"/>
|
||||
<opt t-attf-data-xmlid="theme_common.option_font_body_#{dozen}#{number}_variables" t-att-data-font="number"/>
|
||||
</t>
|
||||
</xpath>
|
||||
<xpath expr="//list[@id='theme_customize_content_fonts_button']" position="inside">
|
||||
<t t-foreach="_nb_fonts - 6" t-as="i">
|
||||
<t t-set="number" t-value="i + 7"/>
|
||||
<t t-set="dozen" t-value="number < 10 and '0' or ''"/>
|
||||
<opt t-attf-data-xmlid="theme_common.option_font_button_#{dozen}#{number}_variables" t-att-data-font="number"/>
|
||||
</t>
|
||||
</xpath>
|
||||
<xpath expr="//list[@id='theme_customize_content_fonts_navbar']" position="inside">
|
||||
<t t-foreach="_nb_fonts - 6" t-as="i">
|
||||
<t t-set="number" t-value="i + 7"/>
|
||||
<t t-set="dozen" t-value="number < 10 and '0' or ''"/>
|
||||
<opt t-attf-data-xmlid="theme_common.option_font_navbar_#{dozen}#{number}_variables" t-att-data-font="number"/>
|
||||
</t>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Those are independant from the user palette and act as default for it -->
|
||||
<template id="option_colors_02_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/colors/option_colors_02_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_colors_03_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/colors/option_colors_03_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_colors_04_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/colors/option_colors_04_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_colors_05_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/colors/option_colors_05_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_colors_06_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/colors/option_colors_06_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_colors_07_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/colors/option_colors_07_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_colors_08_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/colors/option_colors_08_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_colors_09_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/colors/option_colors_09_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<!-- Font options -->
|
||||
<template id="option_font_title_07_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_07_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_08_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_08_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_09_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_09_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_10_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_10_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_11_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_11_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_12_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_12_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_13_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_13_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_14_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_14_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_15_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_15_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_16_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_16_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_17_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_17_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_18_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_18_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_title_19_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_title_19_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="option_font_body_07_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_07_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_08_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_08_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_09_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_09_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_10_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_10_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_11_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_11_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_12_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_12_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_13_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_13_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_14_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_14_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_15_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_15_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_16_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_16_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_17_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_17_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_18_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_18_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_body_19_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_body_19_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="option_font_button_07_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_07_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_08_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_08_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_09_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_09_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_10_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_10_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_11_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_11_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_12_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_12_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_13_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_13_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_14_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_14_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_15_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_15_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_16_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_16_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_17_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_17_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_18_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_18_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_button_19_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_button_19_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="option_font_navbar_07_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_07_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_08_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_08_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_09_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_09_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_10_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_10_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_11_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_11_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_12_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_12_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_13_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_13_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_14_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_14_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_15_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_15_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_16_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_16_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_17_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_17_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_18_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_18_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="option_font_navbar_19_variables" inherit_id="theme_common._assets_primary_variables" active="False">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/theme_common/static/src/scss/options/fonts/option_font_navbar_19_variables.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
Reference in New Issue
Block a user