[ADD] theme saas-15
This commit is contained in:
Design
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<record id="theme_website_tutorial_open" model="ir.actions.todo">
|
||||
<field name="action_id" ref="website.action_website"/>
|
||||
<field name="type">automatic</field>
|
||||
</record>
|
||||
|
||||
<template id="assets_frontend" name="Theme common frontend assets" inherit_id="website.assets_frontend">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link href="/theme_common/static/src/less/fonts.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_common/static/src/less/mixins.less" rel="stylesheet" type="text/less"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="compatibility-saas-10-1" name="Compatibility for saas-10 - 1" inherit_id="website.assets_frontend" priority="99" active="False">
|
||||
<xpath expr="//link" position="before">
|
||||
<link href="/theme_common/static/src/less/compatibility-saas-10-1.less" rel="stylesheet" type="text/less"/>
|
||||
</xpath>
|
||||
</template>
|
||||
<template id="compatibility-saas-10-2" name="Compatibility for saas-10 - 2" inherit_id="website.assets_frontend" priority="99" active="False">
|
||||
<xpath expr="//link" position="before">
|
||||
<link href="/theme_common/static/src/less/compatibility-saas-10-2.less" rel="stylesheet" type="text/less"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="1 column text" id="s_1_column_text">
|
||||
<section class="s_1_column_text oe_structure">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h2>Custom Pages: Have No Limits.</h2>
|
||||
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="2 column text" id="s_2_column_text">
|
||||
<section class="s_2_column_text oe_structure">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h2>Custom Pages: Have No Limits.</h2>
|
||||
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h2>Custom Pages: Have No Limits.</h2>
|
||||
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="3 column text" id="s_3_column_text">
|
||||
<section class="s_3_column_text oe_structure">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h2>Custom Pages: Have No Limits.</h2>
|
||||
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h2>Custom Pages: Have No Limits.</h2>
|
||||
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h2>Custom Pages: Have No Limits.</h2>
|
||||
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="4 column text" id="s_4_column_text">
|
||||
<section class="s_4_column_text oe_structure">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<h2>Custom Pages: Have No Limits.</h2>
|
||||
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h2>Custom Pages: Have No Limits.</h2>
|
||||
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h2>Custom Pages: Have No Limits.</h2>
|
||||
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h2>Custom Pages: Have No Limits.</h2>
|
||||
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,73 @@
|
||||
<?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-sm-4 col-md-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 btn-sm"><strong>My great button</strong></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-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 btn-sm"><strong>My great button</strong></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-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 btn-sm"><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-selector=".s_animated_boxes" data-drop-in=".oe_structure, [data-oe-type=html]"/>
|
||||
<div data-js='s_animated_boxes' data-selector=".s_animated_boxes .item">
|
||||
<li class="createSlide" data-create_slide=""><a><i class="fa fa-plus-circle"/>Add Slide</a></li>
|
||||
<li class="deleteSlide" data-delete_slide=""><a><i class="fa fa-trash-o"/>Delete Slide</a></li>
|
||||
</div>
|
||||
</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[@data-js='colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_animated_boxes .item, .s_animated_boxes .slide"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,53 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Banner" id="s_banner_2">
|
||||
<div class="s_banner_2 carousel slide" id="s_banner_2" style="height: 440px;">
|
||||
<ol class="carousel-indicators"><li class="active" data-slide-to="0" data-target="#s_banner_2"></li><li data-slide-to="1" data-target="#s_banner_2"></li><li data-slide-to="2" data-target="#s_banner_2"></li></ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item active bg-img-02">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="col-md-4 carousel-box-content bg-white mt64">
|
||||
<h2>Slide title</h2>
|
||||
<h5 class="text-primary">Click to customize this text.</h5>
|
||||
<p>Use this snippet to presents your content in a slideshow-like format, with a set number of items at a time and arrows for navigation.</p>
|
||||
<p><a class="btn btn-primary btn-sm" href="/page/website.aboutus">About us</a>
|
||||
<a class="btn btn-success btn-sm" href="/page/website.contactus">Contact us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item bg-img-07">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="col-md-4 col-md-offset-8 carousel-box-content bg-none mt64">
|
||||
<h2>Slide title</h2>
|
||||
<h5 class="text-primary">Click to customize this text.</h5>
|
||||
<p>This is a great component if you want visitors to browse through any featured content in a scrolling carousel.</p>
|
||||
<p><a href="/" class="btn btn-default btn-lg">Start now</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item bg-img-08">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="col-md-4 col-md-offset-4 carousel-box-content bg-white text-center mt64">
|
||||
<h2>Slide title</h2>
|
||||
<h5 class="text-primary">Click to customize this text.</h5>
|
||||
<p>Add and arrange blocks to create a custom layout of text, images and links.</p>
|
||||
<p><a href="/" class="btn btn-success btn-lg">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control left" data-slide="prev" data-target="#s_banner_2" href="#s_banner_2">
|
||||
<i class="fa fa-chevron-left fa-1x"/>
|
||||
</div>
|
||||
<div class="carousel-control right" data-slide="next" data-target="#s_banner_2" href="#s_banner_2">
|
||||
<i class="fa fa-chevron-right fa-1x"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Slideshow" id="s_banner_3">
|
||||
<section id="s_banner_3" class="carousel s_banner_3 slide" data-interval="10000">
|
||||
<ol type="01" class="carousel-indicators"><li data-target="#s_banner_3" data-slide-to="0" class="active"></li><li data-target="#s_banner_3" data-slide-to="1"></li></ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item active bg-img-01">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-sm-12 hero-bg">
|
||||
<h1>Generate customers</h1>
|
||||
<h2>from visitors.</h2>
|
||||
<img src="/web/image/theme_common.image_content_01" alt="#" class="img img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item bg-img-02">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-sm-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-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control left" data-target="#s_banner_3" data-slide="prev">
|
||||
<i class="fa fa-chevron-left"/>
|
||||
</div>
|
||||
<div class="carousel-control right" data-target="#s_banner_3" data-slide="next">
|
||||
<i class="fa fa-chevron-right"/>
|
||||
</div>
|
||||
</section>
|
||||
</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="0.3">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-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-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,55 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Big Icon Circle" id="s_big_icon_circle">
|
||||
<section class="s_big_icon_circle o_animation">
|
||||
<div class="container">
|
||||
<div class="row mb64">
|
||||
<div class="col-md-12 text-center mb32">
|
||||
<h2>Big Icon Circle </h2>
|
||||
<h3 class="text-muted ">A Great Way to Show Your Numbers</h3>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-12 col-md-offset-1 mt16 mb32">
|
||||
<div class="s_big_icon_circle_box">
|
||||
<div class="s_big_icon_circle_icon">
|
||||
<span class="fa fa-desktop"/>
|
||||
<h5>1000 Apps</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-12 mt16 mb32">
|
||||
<div class="s_big_icon_circle_box">
|
||||
<div class="s_big_icon_circle_icon">
|
||||
<span class="fa fa-users"/>
|
||||
<h5>20.000 Users</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-12 mt16 mb32">
|
||||
<div class="s_big_icon_circle_box">
|
||||
<div class="s_big_icon_circle_icon">
|
||||
<span class="fa fa-user"/>
|
||||
<h5>234 Clients</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-12 mt16 mb32">
|
||||
<div class="s_big_icon_circle_box">
|
||||
<div class="s_big_icon_circle_icon">
|
||||
<span class="fa fa-globe"/>
|
||||
<h5>30 Countries</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-12 mt16 mb32">
|
||||
<div class="s_big_icon_circle_box">
|
||||
<div class="s_big_icon_circle_icon">
|
||||
<span class="fa fa-users"/>
|
||||
<h5>75 Partners</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,55 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Big Icon Square" id="s_big_icon_square">
|
||||
<section class="s_big_icon_square o_animation">
|
||||
<div class="container">
|
||||
<div class="row mb64">
|
||||
<div class="col-md-12 text-center mb32">
|
||||
<h2>Big Icon square </h2>
|
||||
<h3 class="text-muted ">A Great Way to Show Your Numbers</h3>
|
||||
</div>
|
||||
<div class="col-md-2 col-md-offset-1 mt16 mb32">
|
||||
<div class="s_big_icon_square_box">
|
||||
<div class="s_big_icon_square_icon">
|
||||
<span class="fa fa-desktop"></span>
|
||||
<h5>1000 Apps</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 mt16 mb32">
|
||||
<div class="s_big_icon_square_box">
|
||||
<div class="s_big_icon_square_icon">
|
||||
<span class="fa fa-users"></span>
|
||||
<h5>20.000 Users</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 mt16 mb32">
|
||||
<div class="s_big_icon_square_box">
|
||||
<div class="s_big_icon_square_icon">
|
||||
<span class="fa fa-user"></span>
|
||||
<h5>234 Clients</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 mt16 mb32">
|
||||
<div class="s_big_icon_square_box">
|
||||
<div class="s_big_icon_square_icon">
|
||||
<span class="fa fa-globe"></span>
|
||||
<h5>30 Countries</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 mt16 mb32">
|
||||
<div class="s_big_icon_square_box">
|
||||
<div class="s_big_icon_square_icon">
|
||||
<span class="fa fa-users"></span>
|
||||
<h5>75 Partners</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,22 @@
|
||||
<?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-md-8 col-md-offset-2 mt128">
|
||||
<img src="/web/image/theme_common.image_content_logo" class="img-responsive center-block"/>
|
||||
</div>
|
||||
<div class="col-md-6 col-md-offset-3 s_big_image_content text-center mt16">
|
||||
<div class="s_text_highlight bg-gamma mt32 mb32">
|
||||
<div class="text-center">
|
||||
<h3>A Business Theme for Odoo CMS</h3>
|
||||
<a type="button" class="btn btn-lg btn-warning mt16">THEMES FEATURES</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</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-md-12 mt32 s_big_image_parallax_content" data-name="Content Block">
|
||||
<img src="/web/image/theme_common.image_content_03" class="img-responsive center-block"/>
|
||||
</div>
|
||||
<div class="col-md-12 text-center" data-name="Title Block">
|
||||
<h3>A Business Theme For Odoo CMS</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Big picture text" id="s_big_picture_text">
|
||||
<section class="s_big_picture_text">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 hero-image">
|
||||
<img src="/web/image/theme_common.image_content_02" alt="#" class="img img-responsive"/>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12 hero-paragraph">
|
||||
<h1 class="mt32">An Amazing Title</h1>
|
||||
<h2>And a great value proposition</h2>
|
||||
<p>This powerful theme along with its unique structure lets you create any design style with just one theme. These simple yet powerful options allow you to create any type of website. No two versions will ever look the same.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Button and text" id="s_button_text">
|
||||
<section class="s_button_text">
|
||||
<div class="oe_share">
|
||||
<a href="/page/website.contactus" class="btn btn-success btn-lg mt8">
|
||||
<i class="fa fa-arrow-right"/>
|
||||
Contact Us Now
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,41 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Carousel Boxed" id="s_carousel_boxed">
|
||||
<section class="s_carousel_boxed">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 mt32 mb32">
|
||||
<h2>Carousel</h2>
|
||||
<h4 class="text-primary">Cycling through elements</h4>
|
||||
<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>And with the resize option, you can adjust the height of the slideshow to fit your needs.</p>
|
||||
<p><i class="fa fa-info-circle fa-1x text-primary"/> <strong>- An additional information</strong></p>
|
||||
</div>
|
||||
<div id="s_carousel_boxed" class="col-md-8 carousel slide mt32 mb32" data-interval="10000" style="height: 400px;">
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_24" alt=""/>
|
||||
<div class="carousel-caption" contenteditable="true"><p>A <strong>caption</strong> for this image</p></div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_25" alt=""/>
|
||||
<div class="carousel-caption" contenteditable="true"><p>A <strong>caption</strong> for this image</p></div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_26" alt=""/>
|
||||
<div class="carousel-caption" contenteditable="true"><p>A <strong>caption</strong> for this image</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control left" data-target="#s_carousel_boxed" data-slide="prev">
|
||||
<i class="fa fa-chevron-left fa-1x bg-white"/>
|
||||
</div>
|
||||
<div class="carousel-control right" data-target="#s_carousel_boxed" data-slide="next">
|
||||
<i class="fa fa-chevron-right fa-1x bg-white"/>
|
||||
</div>
|
||||
<ol class="carousel-indicators"><li data-target="#s_carousel_boxed" data-slide-to="0" class="active"></li><li data-target="#s_carousel_boxed" data-slide-to="1"></li><li data-target="#s_carousel_boxed" data-slide-to="2"></li></ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,32 @@
|
||||
<?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-sm-4 col-md-4 bg-alpha">
|
||||
<div class="item">
|
||||
<h3>Box title</h3>
|
||||
<p>Box Description</p>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-4 bg-beta">
|
||||
<div class="item">
|
||||
<h3>Box title</h3>
|
||||
<p>Box Description</p>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-4 bg-gamma">
|
||||
<div class="item">
|
||||
<h3>Box title</h3>
|
||||
<p>Box Description</p>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,63 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Collapse" id="s_collapse">
|
||||
<section class="s_collapse">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="panel-group col-md-12 mt32 mb32" id="myCollapse" role="tablist" aria-multiselectable="true">
|
||||
<div class="panel panel-alpha">
|
||||
<div class="panel-heading">
|
||||
<a href="#collapseOne" class="" data-toggle="collapse" data-parent="#myCollapse" aria-expanded="true" aria-controls="collapseOne"><strong>Accordion</strong></a>
|
||||
</div>
|
||||
<div id="collapseOne" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<h3 class="mt0">What's an accordion?</h3>
|
||||
<p><strong>- This is the first panel of the basic accordion example.</strong></p>
|
||||
<p>Accordion is a graphical element to show or hide content. There are times when a page can contain many related elements which makes it very long; using accordion enables editors to shorten the page, and allow readers to expand areas of interest to them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-alpha">
|
||||
<div class="panel-heading">
|
||||
<a href="#collapseTwo" class="collapsed" data-toggle="collapse" data-parent="#myCollapse" aria-expanded="false" aria-controls="collapseTwo"><strong>Content</strong></a>
|
||||
</div>
|
||||
<div id="collapseTwo" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<img class="img img-responsive pull-left" src="/web/image/theme_common.image_content_14" alt=""/>
|
||||
<h3 class="mt0">A sample title</h3>
|
||||
<p>To fit your purpose, you can add every classical content elements to a panel: texts, images, links...</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.</p>
|
||||
<p><a href="#" class="btn btn-default">A sample link</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-alpha">
|
||||
<div class="panel-heading">
|
||||
<a href="#collapseThree" class="collapsed" data-toggle="collapse" data-parent="#myCollapse" aria-expanded="false" aria-controls="collapseThree"><strong>Options</strong></a>
|
||||
</div>
|
||||
<div id="collapseThree" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<h3 class="mt0">Options</h3>
|
||||
<p>The customize button allows you to:</p>
|
||||
<ul>
|
||||
<li>Change the color of each panel</li>
|
||||
<li>Add a panel (created after the active one)</li>
|
||||
<li>Remove a panel (the active one).</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_options_collapse" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-js="collapse" data-selector=".s_collapse .panel"/>
|
||||
<div data-js="collapse_group" data-selector=".s_collapse"/>
|
||||
<div data-selector=".panel" data-drop-near=".panel-group .panel"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,41 @@
|
||||
<?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-md-6 bg-alpha text-center">
|
||||
<i class="fa fa-shield fa-5x center-block"/>
|
||||
<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-md-6 bg-gamma text-center">
|
||||
<i class="fa fa-cube fa-5x center-block"/>
|
||||
<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[@data-js='colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_2 [class*='col-']"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_2 [class*='col-']"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_2 [class*='col-']"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,39 @@
|
||||
<?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-md-3 text-center bg-alpha">
|
||||
<h4>A COLOR BLOCK</h4>
|
||||
<p>Highlight Your Content</p>
|
||||
</div>
|
||||
<div class="col-md-3 text-center bg-beta">
|
||||
<h4>A COLOR BLOCK</h4>
|
||||
<p>Customize Backgrounds</p>
|
||||
</div>
|
||||
<div class="col-md-3 text-center bg-gamma">
|
||||
<h4>A COLOR BLOCK</h4>
|
||||
<p>Resize and Duplicate</p>
|
||||
</div>
|
||||
<div class="col-md-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[@data-js='colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_4 [class*='col-']"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_4 [class*='col-']"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_color_blocks_4 [class*='col-']"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Color Blocks Img" id="s_color_blocks_img">
|
||||
<section class="s_color_blocks_img o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-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-md-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-responsive center-block"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-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-responsive center-block"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-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-responsive center-block"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,28 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Color Blocks Slider" id="s_color_blocks_slider">
|
||||
<div id="ColorBlockSlider" class="s_color_blocks_slider carousel slide bg-epsilon" data-interval="10000">
|
||||
<ol class="carousel-indicators hidden"><li data-target="#ColorBlockSlider" data-slide-to="0" class="active"></li></ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<div class="container-fluid">
|
||||
<div class="row content">
|
||||
<div class="col-md-8 s_color_blocks_slider_img text-center">
|
||||
<img src="/theme_bewise/static/src/img/backgrounds/bg_img_06.jpg" class="img-responsive center-block"/>
|
||||
</div>
|
||||
<div class="col-md-4 s_color_blocks_slider_content text-center">
|
||||
<span class="fa fa-cube fa-5x center-block"></span>
|
||||
<h2 class="text-center">An Other Color Block</h2>
|
||||
<h3 class="text-center 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 class="btn btn-info mb32" href="#"><i class="fa fa-cog"/> More Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control left hidden" data-target="#ColorBlockSlider" data-slide="prev" style="width: 10%"><i class="fa fa-chevron-left"/></div>
|
||||
<div class="carousel-control right hidden" data-target="#ColorBlockSlider" data-slide="next" style="width: 10%"><i class="fa fa-chevron-right"/></div>
|
||||
</div>
|
||||
</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-md-12 mb32 mt32">
|
||||
<img src="/web/image/theme_common.image_content_04" class="img-responsive center-block"/>
|
||||
<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-md-2 text-center s_compact_menu_row_title">
|
||||
<h4>Cocktails</h4>
|
||||
<div class="fa fa-glass"/>
|
||||
</div>
|
||||
<div class="col-md-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-md-2 text-center s_compact_menu_row_title">
|
||||
<h4>Wine</h4>
|
||||
<div class="fa fa-glass"/>
|
||||
</div>
|
||||
<div class="col-md-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,56 @@
|
||||
<?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-md-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-md-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-md-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">
|
||||
<li class="js_s_css_slider_addSlide"><a tabindex="-1" href="#"><i class="fa fa-plus-circle"/>Add a new Slide</a></li>
|
||||
<li class="js_s_css_slider_removeSlide"><a tabindex="-1" href="#"><i class="fa fa-trash-o"/>Remove current slide</a></li>
|
||||
</div>
|
||||
<div data-js='s_css_slider_autoplay' data-selector=".s_css_slider">
|
||||
<li class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#">Autoplay</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li data-select_class=""><a>False</a></li>
|
||||
<li data-select_class="autoplay"><a>True</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,44 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Cubes" id="s_cubes">
|
||||
<section class="s_cubes">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 cube cube-big bg-img-03"/>
|
||||
<div class="col-md-6 cube-big">
|
||||
<div class="row">
|
||||
<div class="cube cube-text col-md-6 col-sm-6">
|
||||
<div class="cube-heading">
|
||||
<h4 class="text-center">A good subtitle</h4>
|
||||
<p class="text-center">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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cube cube-small col-md-6 col-sm-6 bg-img-04"/>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="cube cube-small col-md-6 col-sm-6 bg-img-02"/>
|
||||
<div class="cube cube-text col-md-6 col-sm-6 last">
|
||||
<div class="cube-heading">
|
||||
<h4 class="text-center">A good subtitle</h4>
|
||||
<p class="text-center">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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_cubes-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='colorpicker']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_cubes .cube"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_cubes .cube"/>
|
||||
</xpath>
|
||||
<xpath expr="//div[@data-js='background_position']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_cubes .cube"/>
|
||||
</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-md-12 text-center mt32 mb32">
|
||||
<h2>Nice % Discount Tables</h2>
|
||||
<h3 class="text-muted">Collapsable Tab Code</h3>
|
||||
</div>
|
||||
<div class="col-md-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-md-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-md-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-md-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[@data-js='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-md-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-md-4">
|
||||
<div class="s_event_list_item">
|
||||
<time datetime="2014-07-20 0000" class="bg-delta">
|
||||
<span class="s_event_list_day">02</span>
|
||||
<span class="s_event_list_month">Jul</span>
|
||||
<span class="s_event_list_year">2014</span>
|
||||
<span class="s_event_list_time">12:00 AM</span>
|
||||
</time>
|
||||
<div class="s_event_list_info">
|
||||
<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-md-4">
|
||||
<div class="s_event_list_item">
|
||||
<time datetime="2014-07-20 0000" class="bg-delta">
|
||||
<span class="s_event_list_day">05</span>
|
||||
<span class="s_event_list_month">Sep</span>
|
||||
<span class="s_event_list_year">2014</span>
|
||||
<span class="s_event_list_time">12:00 AM</span>
|
||||
</time>
|
||||
<div class="s_event_list_info">
|
||||
<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-md-4">
|
||||
<div class="s_event_list_item">
|
||||
<time datetime="2014-07-20 0000" class="bg-delta">
|
||||
<span class="s_event_list_day">2</span>
|
||||
<span class="s_event_list_month">Jul</span>
|
||||
<span class="s_event_list_year">2014</span>
|
||||
<span class="s_event_list_time">12:00 AM</span>
|
||||
</time>
|
||||
<div class="s_event_list_info">
|
||||
<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-md-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-md-6 mt32 mb32">
|
||||
<div class="s_event_list_item">
|
||||
<time datetime="2014-07-20" class="bg-delta">
|
||||
<span class="s_event_list_day">18</span>
|
||||
<span class="s_event_list_month">Jul</span>
|
||||
<span class="s_event_list_year">2014</span>
|
||||
<span class="s_event_list_time">ALL DAY</span>
|
||||
</time>
|
||||
<img src="/web/image/theme_common.image_content_09" class="img-responsive"/>
|
||||
<div class="s_event_list_info">
|
||||
<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-md-6 mt32 mb32">
|
||||
<div class="s_event_list_item">
|
||||
<time datetime="2014-07-20" class="bg-delta">
|
||||
<span class="s_event_list_day">21</span>
|
||||
<span class="s_event_list_month">Jul</span>
|
||||
<span class="s_event_list_year">2014</span>
|
||||
<span class="s_event_list_time">ALL DAY</span>
|
||||
</time>
|
||||
<div class="s_event_list_icon">
|
||||
<i class="fa fa-2x fa-calendar"/>
|
||||
</div>
|
||||
<div class="s_event_list_info">
|
||||
<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"/>
|
||||
</xpath>
|
||||
|
||||
<xpath expr="//div[@data-js='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"/>
|
||||
</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-md-2 s_event_slide_title">
|
||||
<div class="fa fa-music"/>
|
||||
<h3>Upcoming Events</h3>
|
||||
</div>
|
||||
<div class="col-md-10 s_event_slide_list">
|
||||
<div class="row">
|
||||
<div class="col-md-3 event">
|
||||
<h4>Fleetwood Mac</h4>
|
||||
<div class="header-border center-block"></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-md-3 event">
|
||||
<h4>Basement Jaxx</h4>
|
||||
<div class="header-border center-block"></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-md-3 event">
|
||||
<h4>Freak!</h4>
|
||||
<div class="header-border center-block"></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-md-3 event">
|
||||
<h4>Animal Cannibals</h4>
|
||||
<div class="header-border center-block"></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,74 @@
|
||||
<?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="01" 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">
|
||||
<div class="row content">
|
||||
<div class="col-md-12 mt64">
|
||||
<h2>Features</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="item image_text active">
|
||||
<div class="container mb92">
|
||||
<div class="row content">
|
||||
<div class="col-md-6">
|
||||
<div class="circle center-block">
|
||||
<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-md-6">
|
||||
<img class="img img-responsive center-block" src="/web/image/theme_common.image_content_04"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item image_text">
|
||||
<div class="container mb92">
|
||||
<div class="row content">
|
||||
<div class="col-md-6">
|
||||
<div class="circle center-block">
|
||||
<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-md-6 col-xs-12">
|
||||
<img class="img img-responsive center-block" src="/web/image/theme_common.image_content_03"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control left" data-target="#myCarousel" data-slide="prev">
|
||||
<i class="fa fa-chevron-left"/>
|
||||
</div>
|
||||
<div class="carousel-control right" data-target="#myCarousel" data-slide="next">
|
||||
<i class="fa fa-chevron-right"/>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_features_carousel-opt" inherit_id="website.snippet_options">
|
||||
<xpath expr="//div[@data-js='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,26 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Features Circle" id="s_features_circle">
|
||||
<section class="s_features_circle">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-sm-4 mt48 mb32 text-center">
|
||||
<i class="fa fa-bug fa-2x img-circle bg-alpha"/>
|
||||
<h3 class="mt16">First Feature</h3>
|
||||
<p class="text-muted">Tell what's the value for the customer for this feature.</p>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mt48 mb32 text-center">
|
||||
<i class="fa fa-rocket fa-2x img-circle bg-gray-darker"/>
|
||||
<h3 class="mt16">Second Feature</h3>
|
||||
<p class="text-muted">Write what the customer would like to know, not what you want to show.</p>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mt48 mb32 text-center">
|
||||
<i class="fa fa-flask fa-2x img-circle bg-beta"/>
|
||||
<h3 class="mt16">Third Feature</h3>
|
||||
<p class="text-muted">A small explanation of this great feature, in clear words.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,69 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Features Grid Circle" id="s_features_grid_circle">
|
||||
<section class="s_features_grid_circle">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb32">
|
||||
<h2>List of Features</h2>
|
||||
<h4 class="text-primary">Add a great slogan</h4>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-2x fa-comment pull-left img-circle mb16 bg-alpha"/>
|
||||
<div class="feature-text">
|
||||
<h5 class="mt0 mb4 text-primary"><b>Change icons</b></h5>
|
||||
<p>Click on the icon to adapt it to your feature.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-2x fa-columns pull-left img-circle mb16 bg-alpha"/>
|
||||
<div class="feature-text">
|
||||
<h5 class="mt0 mb4 text-primary"><b>Duplicate</b></h5>
|
||||
<p>Duplicate blocks to add more features.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-2x fa-user pull-left img-circle mb16 bg-alpha"/>
|
||||
<div class="feature-text">
|
||||
<h5 class="mt0 mb4 text-primary"><b>Delete Blocks</b></h5>
|
||||
<p>Select and delete blocks to remove some features.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb32">
|
||||
<h2>Second List</h2>
|
||||
<h4 class="text-success">Add a great slogan</h4>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-2x fa-magic pull-left img-circle mb16 bg-beta"/>
|
||||
<div class="feature-text">
|
||||
<h5 class="mt0 mb4 text-success"><b>Great Value</b></h5>
|
||||
<p>Tell features the visitor would like to know, not what you'd like to say.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-2x fa-bolt pull-left img-circle mb16 bg-beta"/>
|
||||
<div class="feature-text">
|
||||
<h5 class="mt0 mb4 text-success"><b>Change Background</b></h5>
|
||||
<p>From the main container, you can change the background to highlight features.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-2x fa-picture-o pull-left img-circle mb16 bg-beta"/>
|
||||
<div class="feature-text">
|
||||
<h5 class="mt0 mb4 text-success"><b>Sample images</b></h5>
|
||||
<p>All these icons are licensed under creative commons so that you can use them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,30 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Full-width - Four columns" id="s_four_columns_fw">
|
||||
<section class="s_four_columns_fw" style="height:400px;">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-3 bg-white">
|
||||
<h3>First part</h3>
|
||||
<p class="text-muted"><i class="fa fa-clock-o fa-1x"/> March 2013</p>
|
||||
<p>Adapt these columns to fit you design need. To duplicate, delete or move columns, select the column and use the top icons to perform your action.</p>
|
||||
<p><a href="#" class="btn btn-default">Discover more</a></p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-beta">
|
||||
<h3>Second part</h3>
|
||||
<p class="text-muted"><i class="fa fa-clock-o fa-1x"/> August 2014</p>
|
||||
<p>To add a column, reduce the size of these columns using the right icon of each block. Then, duplicate one of the column to create a new one as a copy.</p>
|
||||
<p><a href="#" class="btn btn-default">Full read</a></p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-alpha">
|
||||
<h3>Third part</h3>
|
||||
<p class="text-muted"><i class="fa fa-clock-o fa-1x"/> September 2015</p>
|
||||
<p>Delete the right image or replace it with a picture that illustrates your message.</p>
|
||||
<p><a href="#" class="btn btn-default">Contact us</a></p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-img-08"/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</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-md-2 text-center">
|
||||
<h4>Hamburgers</h4>
|
||||
<div class="fa fa-glass"/>
|
||||
</div>
|
||||
<div class="col-md-10 s_full_menu_content">
|
||||
<div class="row">
|
||||
<div class="col-md-4 text-center">
|
||||
<img src="/web/image/theme_common.image_content_13" alt="#" class="img img-responsive center-block"/>
|
||||
</div>
|
||||
<div class="col-md-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-md-4 text-center">
|
||||
<img src="/web/image/theme_common.image_content_14" alt="#" class="img img-responsive center-block"/>
|
||||
</div>
|
||||
<div class="col-md-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,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-md-12 text-center mt32 mb32">
|
||||
<h1>The product which fits your needs</h1>
|
||||
</div>
|
||||
<div class="col-md-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-md-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-md-12 s_header_text_big_picture_picturecol">
|
||||
<img src="/web/image/theme_common.image_content_04" alt="#" class="img img-responsive"/>
|
||||
</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-md-12 text-center mb32">
|
||||
<h2>Icon Box / Features List</h2>
|
||||
<h3 class="text-muted">Showcase Your Services and Features</h3>
|
||||
</div>
|
||||
<div class="col-md-3 clearfix mt16 mb16">
|
||||
<i class="fa fa-2x fa-expand pull-left text-gamma"/>
|
||||
<div class="icon_box_content">
|
||||
<h4>100% Responsive</h4>
|
||||
<p>Clean is designed for mobile first so it looks great and clean on mobile devices of all sizes.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 clearfix mt16 mb16">
|
||||
<i class="fa fa-2x fa-tablet pull-left text-gamma"/>
|
||||
<div class="icon_box_content">
|
||||
<h4>Retina Ready</h4>
|
||||
<p>Clean is build to look sharp ,cool and awesome on all displays. Images will look sharp and clear.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 clearfix mt16 mb16">
|
||||
<i class="fa fa-2x fa-html5 pull-left text-gamma"/>
|
||||
<div class="icon_box_content">
|
||||
<h4>Clean HTML5</h4>
|
||||
<p>Create your pages without typing a single line of code. Clean use a clean and simple HTML structure.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 clearfix mt16 mb16">
|
||||
<i class="fa fa-2x fa-css3 pull-left text-gamma"/>
|
||||
<div class="icon_box_content">
|
||||
<h4>LESS/CSS</h4>
|
||||
<p>Enjoy the power of LESS/CSS3. Customizing your theme has never been so easy. Make it your own!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,43 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Icon Box Circle" id="s_icon_box_circle">
|
||||
<section class="s_icon_box_circle">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mb32">
|
||||
<h2>Icon Box Circle / Features List</h2>
|
||||
<h3 class="text-muted">Showcase your services and features</h3>
|
||||
</div>
|
||||
<div class="col-md-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-eyedropper pull-left img-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-md-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-font pull-left img-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-md-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-desktop pull-left img-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-md-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-paint-brush pull-left img-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,43 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Icon Box Square" id="s_icon_box_square">
|
||||
<section class="s_icon_box_square">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mb32">
|
||||
<h2>Icon Box Square / Features List</h2>
|
||||
<h3 class="text-muted">Showcase your services and features</h3>
|
||||
</div>
|
||||
<div class="col-md-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-eyedropper pull-left img-rounded 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-md-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-font pull-left img-rounded 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-md-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-desktop pull-left img-rounded 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-md-3 mt16 mb16">
|
||||
<i class="fa fa-2x fa-paint-brush pull-left img-rounded 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,23 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Full-width - Image Text" id="s_image_text_fw">
|
||||
<section class="s_image_text_fw">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-img">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_04" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-6 mt16 mb16">
|
||||
<div class="col-text">
|
||||
<h2>Great headline</h2>
|
||||
<h4 class="text-primary">With a good subtitle</h4>
|
||||
<p>Write <strong>one or two paragraphs</strong> describing your product, services or a specific feature. To be successful your content needs to be useful to your readers.</p>
|
||||
<p>Start with the <strong>customer</strong>– find out what they want and give it to them.</p>
|
||||
<p><a href="#" class="btn btn-default btn-sm">Get in touch</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,51 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Full-width - Images with Captions" id="s_images_captions_fw">
|
||||
<section class="s_images_captions_fw">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-3 bg-img-14" style="height:250px;">
|
||||
<p class="bg-white">
|
||||
<i class="fa fa-desktop fa-1x text-primary"/> <strong>- Desk</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-img-03" style="height:250px;">
|
||||
<p class="bg-white">
|
||||
<i class="fa fa-bookmark fa-1x text-primary"/> <strong>- Bookmarks</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-img-05" style="height:250px;">
|
||||
<p class="bg-white">
|
||||
<i class="fa fa-pencil fa-1x text-primary"/> <strong>- Pencil</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-img-15" style="height:250px;">
|
||||
<p class="bg-white">
|
||||
<i class="fa fa-stars fa-star text-primary"/> <strong>- Stars</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-img-13" style="height:250px;">
|
||||
<p class="bg-white">
|
||||
<i class="fa fa-image fa-1x text-primary"/> <strong>- Polaroid</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-img-12" style="height:250px;">
|
||||
<p class="bg-white">
|
||||
<i class="fa fa-file-o fa-1x text-primary"/> <strong>- Notes</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-img-10" style="height:250px;">
|
||||
<p class="bg-white">
|
||||
<i class="fa fa-newspaper-o fa-1x text-primary"/> <strong>- Newspaper</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-img-16" style="height:250px;">
|
||||
<p class="bg-white">
|
||||
<i class="fa fa-pencil-square-o fa-1x text-primary"/> <strong>- Work</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Label" id="s_label">
|
||||
<span class="s_label label bg-alpha"><strong>Category</strong></span>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Lead Bar" id="s_lead_bar">
|
||||
<section class="s_lead_bar bg-gamma o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 mt16 mb32">
|
||||
<h3>Responsive HTML5 theme built using Bootstrap</h3>
|
||||
<h5 class="mb0 mt0 text-muted">CLEAN was made with easy customization in mind.</h5>
|
||||
</div>
|
||||
<div class="col-md-4 mt16 mb32">
|
||||
<a href="/page/website.contactus" class="btn btn-primary btn-lg pull-right mt24">
|
||||
<i class="fa fa-arrow-right"/> Theme Features
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Logos Bar" id="s_logo_bar">
|
||||
<section class="s_logo_bar bg-gamma">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-md-offset-1">
|
||||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,65 @@
|
||||
<?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-md-6 text-center bg-img-03">
|
||||
<div class="content">
|
||||
<h2>A great title</h2>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block col-md-6 bg-gamma-lighter">
|
||||
<div class="row">
|
||||
<div class="block col-md-6 col-sm-6 text-center">
|
||||
<div class="content">
|
||||
<h3>A great title</h3>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block col-md-6 col-sm-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-md-6 col-sm-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-md-6 col-sm-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[@data-js='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="before">
|
||||
<div data-selector=".s_masonry_block">
|
||||
<li class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#">Ratio</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li data-select_class=""><a>Auto</a></li>
|
||||
<li data-select_class="s_ratio_2_1"><a>2:1</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</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" src="http://media.sublimevideo.net/v/midnight-sun-short-edit-360p.mp4" muted="muted" loop="loop" autoplay="autoplay" iframefit="fitCont" style="height:600px">
|
||||
<div class="v-align text-center">
|
||||
<h1 class="text-center">Media Box</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">
|
||||
<li data-video_opt=""><a><i class="fa fa-fw fa-cog"/>Media Type</a></li>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,96 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Medias list" id="s_medias_list">
|
||||
<section class="s_medias_list">
|
||||
<div class="container">
|
||||
<div class="row mt16 mb16">
|
||||
<div class="col-md-12 media">
|
||||
<div class="row bg-white">
|
||||
<div class="col-md-8 media-content">
|
||||
<h3 class="mt0">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 and maybe add some useful options</p>
|
||||
<div class="oe_share s_share">
|
||||
<a target="_blank" class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u={url}">
|
||||
<i class="img-circle fa fa-facebook fa-1x"/>
|
||||
</a>
|
||||
<a target="_blank" class="oe_share_twitter fa-1x" href="https://twitter.com/intent/tweet?text={title}&url={url}">
|
||||
<i class="img-circle fa fa-twitter fa-1x"/>
|
||||
</a>
|
||||
<a target="_blank" class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url={url}&title={title}&">
|
||||
<i class="img-circle fa fa-linkedin fa-1x"/>
|
||||
</a>
|
||||
<a target="_blank" class="oe_share_google" href="https://plus.google.com/share?url={url}">
|
||||
<i class="img-circle fa fa-google-plus fa-1x"/>
|
||||
</a>
|
||||
<a href="mailto:?body={url}&subject={title}">
|
||||
<i class="img-circle fa fa-envelope fa-1x"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img img-responsive pull-right" src="/web/image/theme_common.image_content_19" alt=""/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 media" style="height:260px;">
|
||||
<div class="row bg-white">
|
||||
<div class="col-md-4">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_23" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-6 media-content">
|
||||
<h3 class="mt0">Event Heading</h3>
|
||||
<p>This 5th edition of our annual Open Days was a real success thanks to you! We look forward to seeing you at the next Open Days, an important event for the open source community. During this event, we said a final goodbye to OpenERP and officially welcomed Odoo - new brand with better apps and amazing services.</p>
|
||||
</div>
|
||||
<div class="col-md-2 media-options bg-gray-lighter">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-1x fa-map-marker bg-gray-darker"/>
|
||||
<p>Louvain-la-Neuve</p>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-1x fa-clock-o bg-gray-darker"/>
|
||||
<p>3 days in June</p>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-1x fa-home bg-gray-darker"/>
|
||||
<p>17 exhibitors</p>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-1x fa-user bg-gray-darker"/>
|
||||
<p>90 employees</p>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-1x fa-users bg-gray-darker"/>
|
||||
<p>2,000 participants</p>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<i class="fa fa-1x fa-desktop bg-alpha"/>
|
||||
<p><a href="https://www.odoo.com/fr_FR/event/opendays-2014-2014-06-02-2014-06-06-5/page/website_event.Introduction-OpenDays" target="_blank">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 media">
|
||||
<div class="row bg-white">
|
||||
<div class="col-md-6 media-content">
|
||||
<h3 class="mt0">Blog Post Heading</h3>
|
||||
<p>Use this component for creating a list of featured posts to highlight blog posts to which you want to bring attention. You can install Odoo Blogging Platform within two clicks and start posting.</p>
|
||||
<a href="/web#return_label=Website&action=website.action_module_website" class="btn btn-success" target="_blank">Discover Blogs</a>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img img-responsive pull-right" src="/web/image/theme_common.image_content_20" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="row">
|
||||
<div class="col-md-12"><img class="img img-responsive" src="/web/image/theme_common.image_content_21" alt=""/></div>
|
||||
<div class="col-md-12"><img class="img img-responsive" src="/web/image/theme_common.image_content_22" alt=""/></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</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-md-4 big-menu bg-beta">
|
||||
<h2 class="text-center"><a href="#">Take a tour</a></h2>
|
||||
</div>
|
||||
<div class="col-md-4 big-menu bg-gamma">
|
||||
<h2 class="text-center"><a href="#">Take a tour</a></h2>
|
||||
</div>
|
||||
<div class="col-md-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-md-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section1" class="btn btn-default btn-xl">Section 1</a>
|
||||
</div>
|
||||
<div class="col-md-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section2" class="btn btn-primary btn-xl">Section 2</a>
|
||||
</div>
|
||||
<div class="col-md-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section3" class="btn btn-success btn-xl">Section 3</a>
|
||||
</div>
|
||||
<div class="col-md-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section4" class="btn btn-info btn-xl">Section 4</a>
|
||||
</div>
|
||||
<div class="col-md-1 s_mini_nav_bar_item">
|
||||
<a type="button" href="#section5" class="btn btn-warning btn-xl">Section 5</a>
|
||||
</div>
|
||||
<div class="col-md-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,63 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="News Carousel" id="s_news_carousel">
|
||||
<section id="s_news_carousel" class="s_news_carousel bg-gray-lighter">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div data-interval="10000" class="col-md-12 carousel slide mt32 mb32" style="height: 240px;">
|
||||
<div class="carousel-control left" data-target="#s_news_carousel" data-slide="prev">
|
||||
<i class="fa fa-chevron-left fa-1x bg-white"/>
|
||||
</div>
|
||||
<div class="carousel-inner bg-white">
|
||||
<div class="item active">
|
||||
<div class="row content">
|
||||
<div class="col-md-3 news-carousel-time text-center bg-beta">
|
||||
<span class="day bg-white img-circle">18</span>
|
||||
<span class="month"><strong>DECEMBER</strong></span>
|
||||
<span class="year">2014</span>
|
||||
</div>
|
||||
<div class="col-md-9 news-carousel-content">
|
||||
<h3 class="mt0">Ten basic rules to making an irresistible website.</h3>
|
||||
<p>Your website is where almost all of your customers will end up first. Let's clear up what it takes to give them the best experience with it.</p>
|
||||
<p><a href="https://www.odoo.com/blog/business-hacks-1/post/10-basic-rules-to-making-an-irresistible-website-201" class="btn btn-xs btn-primary">Full read</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row content">
|
||||
<div class="col-md-3 news-carousel-time text-center bg-beta">
|
||||
<span class="day bg-white img-circle">17</span>
|
||||
<span class="month"><strong>JANUARY</strong></span>
|
||||
<span class="year">2015</span>
|
||||
</div>
|
||||
<div class="col-md-9 news-carousel-content">
|
||||
<h3 class="mt0">Five things to know to prepare for the future of eCommerce.</h3>
|
||||
<p>Which trends to follow? Which ideas will work?</p>
|
||||
<p><a href="https://www.odoo.com/blog/business-hacks-1/post/5-things-to-know-to-prepare-for-the-future-of-ecommerce-193" class="btn btn-xs btn-primary">Discover more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row content">
|
||||
<div class="col-md-3 news-carousel-time text-center bg-beta">
|
||||
<span class="day bg-white img-circle">3</span>
|
||||
<span class="month"><strong>FEBRUARY</strong></span>
|
||||
<span class="year">2015</span>
|
||||
</div>
|
||||
<div class="col-md-9 news-carousel-content">
|
||||
<h3 class="mt0">How you can use newsletters to increase your popularity?</h3>
|
||||
<p>Build relationships and recognition by staying in touch</p>
|
||||
<p><a href="https://www.odoo.com/blog/business-hacks-1/post/how-you-can-use-newsletters-to-increase-your-popularity-194" class="btn btn-xs btn-primary">Click here</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control right" data-target="#s_news_carousel" data-slide="next">
|
||||
<i class="fa fa-chevron-right fa-1x bg-white"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Numbers" id="s_numbers">
|
||||
<section class="s_numbers bg-beta">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3 mb32 text-center">
|
||||
<h1 class="mb0">12</h1>
|
||||
<p>Useful options</p>
|
||||
</div>
|
||||
<div class="col-md-3 mb32 text-center">
|
||||
<h1 class="mb0">45</h1>
|
||||
<p>Beautiful snippets</p>
|
||||
</div>
|
||||
<div class="col-md-3 mb32 text-center">
|
||||
<h1 class="mb0">8</h1>
|
||||
<p>Amazing pages</p>
|
||||
</div>
|
||||
<div class="col-md-3 mb32 text-center">
|
||||
<h1 class="mb0">37</h1>
|
||||
<p>Outstanding images</p>
|
||||
</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">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mt32">
|
||||
<span class="label bg-alpha">
|
||||
<i class="fa fa-tag"/>
|
||||
<strong>Tags</strong>
|
||||
</span>
|
||||
<span class="label bg-gamma">
|
||||
<i class="fa fa-tag"/>
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
<h1>Page Title</h1>
|
||||
<p class="lead">Introduce your content in few lines.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,102 @@
|
||||
<?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-md-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-md-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 class="btn btn-success btn-lg mt32 mb32" type="button">More Features</a>
|
||||
</div>
|
||||
<div class="s_pricing_footer bg-beta"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-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 class="btn btn-success btn-lg mt32 mb32" type="button">More Features</a>
|
||||
</div>
|
||||
<div class="s_pricing_footer bg-gamma"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-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 class="btn btn-success btn-lg mt32 mb32" type="button">More Features</a>
|
||||
</div>
|
||||
<div class="s_pricing_footer bg-delta"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-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 class="btn btn-success btn-lg mt32 mb32" type="button">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">
|
||||
<li class="dropdown-submenu" data-area=".s_pricing_header,.s_pricing_footer">
|
||||
<a tabindex="-1" href="#">Colors</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li></li>
|
||||
</ul>
|
||||
</li>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,35 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Steps" id="s_process_steps_2">
|
||||
<section class="s_process_steps_2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3 text-center mt32 mb32">
|
||||
<i class="fa fa-hand-o-up fa-2x img-circle bg-alpha"/>
|
||||
<h4>Select a product</h4>
|
||||
<p class="text-muted">This is the <strong>first step</strong>.</p>
|
||||
<p>Let your customers follow and understand your process.</p>
|
||||
</div>
|
||||
<div class="col-md-3 text-center mt32 mb32">
|
||||
<i class="fa fa-shopping-cart fa-2x img-circle bg-beta"/>
|
||||
<h4>Add to cart</h4>
|
||||
<p class="text-muted">This is the <strong>second step</strong>.</p>
|
||||
<p>Click on the icon to adapt it to your purpose.</p>
|
||||
</div>
|
||||
<div class="col-md-3 text-center mt32 mb32">
|
||||
<i class="fa fa-unlock-alt fa-2x img-circle bg-gamma"/>
|
||||
<h4>Sign in</h4>
|
||||
<p class="text-muted">This is the <strong>third step</strong>.</p>
|
||||
<p>Duplicate blocks to add more steps.</p>
|
||||
</div>
|
||||
<div class="col-md-3 text-center mt32 mb32">
|
||||
<i class="fa fa-paypal fa-2x img-circle bg-delta"/>
|
||||
<h4>Pay</h4>
|
||||
<p class="text-muted">This is the <strong>fourth step</strong>.</p>
|
||||
<p>Select and delete blocks to remove some steps.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,47 @@
|
||||
<?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-md-2 col-sm-4 col-xs-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_01" alt="#" class="img img-responsive"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com" class="btn btn-default">Watch item</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_02" alt="#" class="img img-responsive"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com" class="btn btn-default">Watch item</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_03" alt="#" class="img img-responsive"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com" class="btn btn-default">Watch item</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_04" alt="#" class="img img-responsive"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com" class="btn btn-default">Watch item</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_05" alt="#" class="img img-responsive"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com" class="btn btn-default">Watch item</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_06" alt="#" class="img img-responsive"/>
|
||||
</a>
|
||||
<a href="http://www.odoo.com" class="btn btn-default">Watch item</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,102 @@
|
||||
<?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="01" 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="item active">
|
||||
<div class="container-fluid">
|
||||
<div class="row content">
|
||||
<div class="col-md-12 hero-bg">
|
||||
<h2>Present your products online!</h2>
|
||||
</div>
|
||||
<div class="col-md-12 product-widget center-block bg-alpha">
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_01" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_02" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_03" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_04" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_05" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_06" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="container-fluid">
|
||||
<div class="row content">
|
||||
<div class="col-md-12 hero-bg">
|
||||
<h2>Convert your visitors to customers.</h2>
|
||||
</div>
|
||||
<div class="col-md-12 product-widget center-block bg-alpha">
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_01" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_02" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_03" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_04" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_05" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6 widget">
|
||||
<a href="http://www.odoo.com">
|
||||
<img src="/web/image/theme_common.image_product_06" alt="" class="img img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control left" data-target="#s_products_carousel" data-slide="prev">
|
||||
<i class="fa fa-chevron-left"/>
|
||||
</div>
|
||||
<div class="carousel-control right" data-target="#s_products_carousel" data-slide="next">
|
||||
<i class="fa fa-chevron-right"/>
|
||||
</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-md-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-md-6 mb32 well s_profile_box">
|
||||
<div class="row mb32">
|
||||
<div class="col-md-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-md-4">
|
||||
<img src="/web/image/theme_common.image_content_14" alt="" class="img-circle img-responsive center-block"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row s_profile_box_divider text-center">
|
||||
<div class="col-md-4 s_profile_box_emphasis mt8 mb8">
|
||||
<h2>
|
||||
<strong> 20,7K </strong>
|
||||
</h2>
|
||||
<p><small>Followers</small></p>
|
||||
</div>
|
||||
<div class="col-md-4 s_profile_box_emphasis mt8 mb8">
|
||||
<h2>
|
||||
<strong>245</strong>
|
||||
</h2>
|
||||
<p><small>Projects</small></p>
|
||||
</div>
|
||||
<div class="col-md-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-md-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-md-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-md-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-md-5 col-md-offset-1 well 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 progress-bar-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 progress-bar-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 progress-bar-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-md-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-md-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-md-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-md-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,28 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Progress Bar" id="s_progress_bar">
|
||||
<div class="s_progress_bar progress">
|
||||
<div class="progress-bar progress-bar-success progress-bar-striped" 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="colorpicker" data-selector=".progress .progress-bar">
|
||||
<li class="dropdown-submenu">
|
||||
<a tabindex="-1" href="#">Colors</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li></li>
|
||||
</ul>
|
||||
</li>
|
||||
</div>
|
||||
<div data-js="progress" data-selector=".progress .progress-bar">
|
||||
<li data-toggle_class="progress-bar-striped"><a>Striped</a></li>
|
||||
<li data-toggle_class="active"><a>Active</a></li>
|
||||
</div>
|
||||
<div data-selector=".progress" data-drop-near="p, h1, h2, h3, blockquote, .well, .panel, .oe_share, .progress"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Quote" id="s_quote">
|
||||
<blockquote class="s_quote">
|
||||
<i class="fa fa-quote-left fa-1x bg-beta"/>
|
||||
<div class="blockquote-text">
|
||||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||||
<img class="img img-circle" src="/web/image/theme_common.image_content_10" alt=""/>
|
||||
<small>Author of this quote</small>
|
||||
</div>
|
||||
</blockquote>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,42 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Quotes Slider 2" id="s_quotes_slider_2">
|
||||
<section id="s_quotes_slider_2" class="s_quotes_slider_2 carousel quotecarousel slide" data-interval="5000">
|
||||
<ol class="carousel-indicators"><li class="active" data-slide-to="0" data-target="#s_quotes_slider_2"></li><li data-slide-to="1" data-target="#s_quotes_slider_2"></li></ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item active bg-img-03">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="col-md-6 mt32 mb32">
|
||||
<blockquote>
|
||||
<i class="fa fa-comment fa-1x bg-beta"/>
|
||||
<div class="blockquote-text">
|
||||
<p class="bg-white">Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||||
<img class="img img-circle" src="/web/image/theme_common.image_content_10" alt=""/>
|
||||
<small>John DOE, CEO of <strong>MyCompany</strong></small>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item bg-img-03">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="col-md-6 mt32 mb32">
|
||||
<blockquote>
|
||||
<i class="fa fa-comment fa-1x bg-beta"/>
|
||||
<div class="blockquote-text">
|
||||
<p class="bg-white">Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
|
||||
<img class="img img-circle" src="/web/image/theme_common.image_content_10" alt=""/>
|
||||
<small>John DOE, CEO of <strong>MyCompany</strong></small>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,62 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="References Logos" id="s_references_2">
|
||||
<section class="s_references_2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h2>Our References</h2>
|
||||
<h5 class="text-primary mb32">More than 500 happy customers.</h5>
|
||||
<div id="s_references_2" class="carousel quotecarousel slide mb0" data-interval="5000">
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<blockquote>
|
||||
<i class="fa fa-comment fa-1x bg-beta"/>
|
||||
<div class="blockquote-text" contenteditable="true">
|
||||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||||
<img src="/web/image/theme_common.image_content_10" class="img img-circle" alt=""/>
|
||||
<small>John DOE, CEO of <strong>MyCompany</strong></small>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="item">
|
||||
<blockquote>
|
||||
<i class="fa fa-comment fa-1x bg-beta"/>
|
||||
<div class="blockquote-text" contenteditable="true">
|
||||
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
|
||||
<img src="/web/image/theme_common.image_content_10" class="img img-circle" alt=""/>
|
||||
<small>John DOE, CEO of <strong>MyCompany</strong></small>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<ol class="carousel-indicators"><li data-target="#s_references_2" data-slide-to="0" class="active"></li><li data-target="#s_references_2" data-slide-to="1"></li></ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mt32">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_12" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_13" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_14" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_15" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_16" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_17" alt=""/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Separator" id="s_separator_block">
|
||||
<section class="s_separator_block bg-beta" style="height: 30px;"/>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Separator Color" id="s_separator_color">
|
||||
<section class="s_separator_color">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<hr/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Separator Multicolor" id="s_separator_multicolor">
|
||||
<section class="s_separator_multicolor">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<hr/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Separator Multicolor fw" id="s_separator_multicolor_fw">
|
||||
<section class="s_separator_multicolor_fw">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<hr/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</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-md-2 pull-right">
|
||||
<a class="btn btn-success btn-xl pull-right" href="#wrap" type="button">Top</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Separator Shade" id="s_separator_shade">
|
||||
<section class="s_separator_shade">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<hr/>
|
||||
</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-md-5 col-sm-5 text-right feature">
|
||||
<h4><span class="fa fa-2x fa-desktop"/>First feature</h4>
|
||||
<p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-sm-offset-2 text-left feature">
|
||||
<h4><span class="fa fa-2x fa-heart"/>Another feature</h4>
|
||||
<p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 text-right feature">
|
||||
<h4><span class="fa fa-2x fa-paint-brush "/>Second feature</h4>
|
||||
<p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-sm-offset-2 text-left feature">
|
||||
<h4><span class="fa fa-2x fa-sliders "/>Last Feature</h4>
|
||||
<p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mt16 text-center">
|
||||
<a class="btn btn-default" 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-md-6 bl">
|
||||
<figcaption class="o_animable">
|
||||
<h6>Sample description</h6>
|
||||
Write one or two paragraphs describing your product
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="info col-md-6">
|
||||
<div class="row" contenteditable="false">
|
||||
<div class="content col-sm-11 col-md-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-default">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>
|
||||
<ul class="dropdown-menu">
|
||||
<li data-select_class=""><a>Left</a></li>
|
||||
<li data-select_class="s_right"><a>Right</a></li>
|
||||
</ul>
|
||||
</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>
|
||||
<ul class="dropdown-menu">
|
||||
<li data-select_class="tl"><a>Top Left</a></li>
|
||||
<li data-select_class="tr"><a>Top Right</a></li>
|
||||
<li data-select_class="bl"><a>Bottom Left</a></li>
|
||||
<li data-select_class=""><a>Bottom Right</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</div>
|
||||
</xpath>
|
||||
|
||||
<xpath expr="//div[@data-js='background']" position="attributes">
|
||||
<attribute name="data-selector" add=".s_showcase_image figure"/>
|
||||
</xpath>
|
||||
|
||||
<xpath expr="//div[@data-js='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,27 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Slide Banner" id="s_slide_banner">
|
||||
<div id="SlideBanner" class="s_slide_banner carousel slide" data-interval="10000">
|
||||
<ol class="carousel-indicators hidden"><li data-target="#SlideBanner" data-slide-to="0" class="active"/></ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item active bg-blur-04">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="carousel-content col-md-5 mt64 mb64 text-center">
|
||||
<img src="/web/image/theme_common.image_content_logo_small" class="img-responsive center-block"/>
|
||||
<h3 class="mt32 text-muted">Clean Slide Banner</h3>
|
||||
<p class="mt16">Edit the content of your banner and add new slides.</p>
|
||||
<a href="/page/demo_page_blocks" class="btn btn-warning btn-lg mt32">Building Blocks</a>
|
||||
</div>
|
||||
<div class="carousel-img col-md-6 col-md-offset-1 hidden-sm hidden-xs mt64">
|
||||
<img src="/web/image/theme_common.image_content_07" class="img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control left hidden" data-target="#SlideBanner" data-slide="prev"><i class="fa fa-chevron-left"/></div>
|
||||
<div class="carousel-control right hidden" data-target="#SlideBanner" data-slide="next"><i class="fa fa-chevron-right"/></div>
|
||||
</div>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,56 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Tabs" id="s_tabs">
|
||||
<section class="s_tabs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mt32 mb32 tabs_container panel-alpha">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li class="active">
|
||||
<a href="#myTab1" role="tab" data-toggle="tab"><i class="fa fa fa-question-circle fa-1x"/><strong>Tabs</strong></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#myTab2" role="tab" data-toggle="tab"><i class="fa fa-align-justify fa-1x"/><strong>Content</strong></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#myTab3" role="tab" data-toggle="tab"><i class="fa fa-cog fa-1x"/><strong>Options</strong></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div id="myTab1" class="tab-pane fade in active">
|
||||
<h3 class="mt0">What's a tab?</h3>
|
||||
<p><strong>- This is the first panel of the basic tab example.</strong></p>
|
||||
<p>Tab is a graphical element that allows multiple panels to be contained within a single container, <br/>using tabs as a navigational widget for switching between sets of contents.</p>
|
||||
</div>
|
||||
<div id="myTab2" class="tab-pane fade">
|
||||
<img class="img img-responsive pull-left" src="/web/image/theme_common.image_content_13" alt=""/>
|
||||
<h3 class="mt0">A sample title</h3>
|
||||
<p>To fit your purpose, you can add every classical content elements to a panel: texts, images, links...</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.</p>
|
||||
<p><a href="#" class="btn btn-default">A sample link</a></p>
|
||||
</div>
|
||||
<div id="myTab3" class="tab-pane fade">
|
||||
<h3 class="mt0">Options</h3>
|
||||
<p>The customize button allows you to:</p>
|
||||
<ul>
|
||||
<li>Change the color of the container</li>
|
||||
<li>Add a tab (created after the active one)</li>
|
||||
<li>Remove a tab (the active one).</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_options_tabs" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-js="tabs" data-selector=".s_tabs .tabs_container">
|
||||
<li data-add_tab=""><a>Add a tab</a></li>
|
||||
<li data-remove_tab=""><a>Remove a tab</a></li>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,81 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Team Profiles" id="s_team_profiles">
|
||||
<section class="s_team_profiles o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-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>
|
||||
</div>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3 s_team_profile text-center mb32">
|
||||
<div class="s_team_profile_box bg-gamma">
|
||||
<img class="img-responsive img-circle center-block" src="/web/image/theme_common.image_content_15"/>
|
||||
<h4 class="mt32 text-center">Bruce Willis</h4>
|
||||
<h5 class="text-muted text-center">CEO - FOUNDER</h5>
|
||||
<div class="s_team_profile_share">
|
||||
<a href="#" target="_Blank"><i class="fa fa-facebook-square"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-twitter"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-linkedin"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-google-plus-square"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-envelope-o"/></a>
|
||||
</div>
|
||||
<p class="text-center">Write something nice about this member of your team.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 s_team_profile text-center mb32">
|
||||
<div class="s_team_profile_box">
|
||||
<img class="img-responsive img-circle center-block" src="/web/image/theme_common.image_content_16"/>
|
||||
<h4 class="mt32 text-center">Kate Winslet</h4>
|
||||
<h5 class="text-muted text-center">cso - FOUNDER<span style="line-height: 1.1;"/></h5>
|
||||
<div class="s_team_profile_share">
|
||||
<a href="#" target="_Blank"><i class="fa fa-facebook-square"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-twitter"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-linkedin"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-google-plus-square"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-envelope-o"/></a>
|
||||
</div>
|
||||
<p class="text-center">Write something nice about this member of your team.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 s_team_profile text-center mb32">
|
||||
<div class="s_team_profile_box">
|
||||
<img class="img-responsive img-circle center-block" src="/web/image/theme_common.image_content_17"/>
|
||||
<h4 class="mt32 text-center">Ryan Gosling</h4>
|
||||
<h5 class="text-muted text-center">CTO - FOUNDER</h5>
|
||||
<div class="s_team_profile_share">
|
||||
<a href="#" target="_Blank"><i class="fa fa-facebook-square"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-twitter"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-linkedin"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-google-plus-square"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-envelope-o"/></a>
|
||||
</div>
|
||||
<p class="text-center">Write something nice about this member of your team.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 s_team_profile text-center mb32">
|
||||
<div class="s_team_profile_box">
|
||||
<img class="img-responsive img-circle center-block" src="/web/image/theme_common.image_content_18"/>
|
||||
<h4 class="mt32 text-center">Kirk Douglas</h4>
|
||||
<h5 class="text-muted text-center">CMO - FOUNDER</h5>
|
||||
<div class="s_team_profile_share">
|
||||
<a href="#" target="_Blank"><i class="fa fa-facebook-square"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-twitter"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-linkedin"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-google-plus-square"/></a>
|
||||
<a href="#" target="_Blank"><i class="fa fa-envelope-o"/></a>
|
||||
</div>
|
||||
<p class="text-center">Write something nice about this member of your team.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,85 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Team Profiles" id="s_team_profiles_2">
|
||||
<section class="s_team_profiles_2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 text-center">
|
||||
<div class="profile-body bg-white">
|
||||
<img class="img img-responsive img-circle" src="/web/image/theme_common.image_content_18" alt=""/>
|
||||
<h3>John DOE</h3>
|
||||
<h6 class="text-primary">- ART DIRECTOR -</h6>
|
||||
<p>Use this paragraph to write a short, sweet and successful resume about this member of your team.</p>
|
||||
</div>
|
||||
<div class="row profile-options">
|
||||
<div class="col-md-3 bg-gray-darker">
|
||||
<i class="fa fa-briefcase fa-2x"/>
|
||||
<p>Briefing</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-darker">
|
||||
<i class="fa fa-camera-retro fa-2x"/>
|
||||
<p>Pictures</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-darker">
|
||||
<i class="fa fa-paint-brush fa-2x"/>
|
||||
<p>Design</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-darker">
|
||||
<i class="fa fa-font fa-2x"/>
|
||||
<p>Fonts</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 text-center">
|
||||
<div class="profile-body bg-gray-lighter">
|
||||
<img class="img img-responsive img-circle" src="/web/image/theme_common.image_content_09" alt=""/>
|
||||
<h3>John DOE</h3>
|
||||
<h6 class="text-primary">- PARTNER -</h6>
|
||||
<p>Use this paragraph to write a short, sweet and successful resume about this member of your team.</p>
|
||||
</div>
|
||||
<div class="row profile-options">
|
||||
<div class="col-md-4 bg-alpha">
|
||||
<i class="fa fa-facebook fa-2x"/>
|
||||
<a href="http://www.odoo.com/web/about/facebook" target="_blank">Facebook</a>
|
||||
</div>
|
||||
<div class="col-md-4 bg-alpha">
|
||||
<i class="fa fa-twitter fa-2x"/>
|
||||
<a href="http://www.odoo.com/web/about/twitter" target="_blank">Twitter</a>
|
||||
</div>
|
||||
<div class="col-md-4 bg-alpha">
|
||||
<i class="fa fa-linkedin fa-2x"/>
|
||||
<a href="http://www.odoo.com/web/about/linkedin" target="_blank">Linkedin</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 text-center">
|
||||
<div class="profile-body bg-gray-darker">
|
||||
<img class="img img-responsive img-circle" src="/web/image/theme_common.image_content_11" alt=""/>
|
||||
<h3>John DOE</h3>
|
||||
<h6 class="text-primary">- TRAINEE -</h6>
|
||||
<p>Use this paragraph to write a short, sweet and successful resume about this member of your team.</p>
|
||||
</div>
|
||||
<div class="row profile-options">
|
||||
<div class="col-md-3 bg-gray-lighter">
|
||||
<i class="fa fa-coffee fa-2x"/>
|
||||
<p>Coffee</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-lighter">
|
||||
<i class="fa fa-code fa-2x"/>
|
||||
<p>Code</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-lighter">
|
||||
<i class="fa fa-database fa-2x"/>
|
||||
<p>Database</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-lighter">
|
||||
<i class="fa fa-video-camera fa-2x"/>
|
||||
<p>Video</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Testimonials" id="s_testimonial_slider">
|
||||
<section class="s_testimonial_slider carousel slide" id="testimonial_slider" data-ride="carousel" data-interval="6000">
|
||||
<ol class="carousel-indicators hidden"><li data-target="#testimonial_slider" data-slide-to="0" class="active"></li></ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<div class="container text-center mt64 mb64">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">
|
||||
<i class="fa fa-quote-left pull-left"/>
|
||||
<h3> Let your visitors know what they said about you.</h3>
|
||||
<i class="fa fa-quote-right pull-right"/>
|
||||
</div>
|
||||
<div class="col-md-6 col-md-offset-3 mt16">
|
||||
<p>Name, Function / Company Inc.</p>
|
||||
</div>
|
||||
<div class="col-md-2 col-md-offset-5">
|
||||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Text big picture" id="s_text_big_picture">
|
||||
<section class="s_text_big_picture">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 hero-paragraph">
|
||||
<h1 class="mt32">A Great Title</h1>
|
||||
<h2>And an amazing subtitle</h2>
|
||||
<p>This powerful theme along with its unique structure lets you create any design style with just one theme. These simple yet powerful options allow you to create any type of website. No two versions will ever look the same.</p>
|
||||
</div>
|
||||
<div class="col-md-6 hero-image">
|
||||
<img src="/web/image/theme_common.image_content_03" alt="#" class="img img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,16 @@
|
||||
<?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-md-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>
|
||||
</odoo>
|
||||
@@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Full-width - Text Image" id="s_text_image_fw">
|
||||
<section class="s_text_image_fw">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mt16 mb16">
|
||||
<div class="col-text">
|
||||
<h2>Short Paragraph</h2>
|
||||
<h4 class="text-primary">With a nice image</h4>
|
||||
<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. 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 class="col-md-6 col-img">
|
||||
<img src="/web/image/theme_common.image_content_04" class="img img-responsive" alt=""/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</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-md-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-md-4 text-center">
|
||||
<img src="/web/image/theme_common.image_content_05" alt="#" class="img img-responsive"/>
|
||||
<a href="#">DISCOVER THE PRODUCT</a>
|
||||
</div>
|
||||
<div class="col-md-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,41 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Three Columns Carousel" id="s_three_columns_carousel">
|
||||
<section class="s_three_columns_carousel bg-gray-lighter">
|
||||
<div class="container">
|
||||
<div class="row mt32 mb32">
|
||||
<div class="col-md-4 col-sm-4 bg-white">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_19" alt=""/>
|
||||
<h3>First Feature</h3>
|
||||
<h6 class="text-primary">Tell your story</h6>
|
||||
<p>Adapt these three columns to fit you design need. To duplicate, delete or move columns, select the column and use the top icons to perform your action.</p>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 bg-white">
|
||||
<div id="s_three_columns_carousel" data-interval="10000" class="carousel slide">
|
||||
<div class="carousel-inner">
|
||||
<div class="item active"><img src="/web/image/theme_common.image_content_20" alt=""/></div>
|
||||
<div class="item"><img src="/web/image/theme_common.image_content_21" alt=""/></div>
|
||||
<div class="item"><img src="/web/image/theme_common.image_content_22" alt=""/></div>
|
||||
</div>
|
||||
<div class="carousel-control left" data-target="#s_three_columns_carousel" data-slide="prev">
|
||||
<i class="fa fa-chevron-left fa-1x"/>
|
||||
</div>
|
||||
<div class="carousel-control right" data-target="#s_three_columns_carousel" data-slide="next">
|
||||
<i class="fa fa-chevron-right fa-1x"/>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Second Feature</h3>
|
||||
<h6 class="text-primary">Showcase your work</h6>
|
||||
<p>To add a fourth column, reduce the size of these three columns using the right icon of each block. Then, duplicate one of the column to create a new one as a copy.</p>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 bg-gray-darker">
|
||||
<img class="img img-responsive" src="/web/image/theme_common.image_content_23" alt=""/>
|
||||
<h3>Third Feature</h3>
|
||||
<h6 class="text-primary">Give some extra details</h6>
|
||||
<p>Delete the above image or replace it with a picture that illustrates your message. <br/>Click on the picture to change it's <em>rounded corner</em> style.</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-md-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-md-4">
|
||||
<img src="/web/image/theme_common.image_content_10" class="img-responsive img-circle center-block"/>
|
||||
<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-md-4">
|
||||
<img src="/web/image/theme_common.image_content_11" class="img-responsive img-circle center-block"/>
|
||||
<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-md-4">
|
||||
<img src="/web/image/theme_common.image_content_13" class="img-responsive img-circle center-block"/>
|
||||
<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,76 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Timeline" id="s_timeline">
|
||||
<section class="s_timeline o_animation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<h2>Present Your Evolution with this Timeline</h2>
|
||||
<h3 class="text-muted">Tell Your Story</h3>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<ul class="s_timeline_ul">
|
||||
<li>
|
||||
<div class="s_timeline_badge">
|
||||
<i class="fa fa-asterisk"/>
|
||||
</div>
|
||||
<div class="s_timeline_panel">
|
||||
<div class="s_timeline_panel_content">
|
||||
<div class="s_timeline_heading">
|
||||
<h4 class="s_timeline_date pull-right" >2014</h4>
|
||||
<h4 class="s_timeline_title">Your Function</h4>
|
||||
<h3 class="s_timeline_company" >COMPANY NAME</h3>
|
||||
<h5 class="s_timeline_info">Description of the tasks</h5>
|
||||
</div>
|
||||
<div class="s_timeline_body">
|
||||
<p>Use Theme Clean Timeline as a part of your resume or to show your visitors what you've done in the past. You can edit, duplicate or switch the timeline panels to fit your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="s_timeline_panel">
|
||||
<div class="s_timeline_panel_content">
|
||||
<div class="s_timeline_heading">
|
||||
<h4 class="s_timeline_date pull-right" >2014</h4>
|
||||
<h4 class="s_timeline_title">Your Function</h4>
|
||||
<h3 class="s_timeline_company" >COMPANY NAME</h3>
|
||||
<h5 class="s_timeline_info">Description of the tasks</h5>
|
||||
</div>
|
||||
<div class="s_timeline_body">
|
||||
<p>A timeline is a graphical representation of a period of time, on which important events are marked.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="s_timeline_inverted">
|
||||
<div class="s_timeline_badge warning">
|
||||
<i class="fa fa-asterisk"/>
|
||||
</div>
|
||||
<div class="s_timeline_panel">
|
||||
<div class="s_timeline_panel_content">
|
||||
<div class="s_timeline_heading">
|
||||
<h4 class="s_timeline_date pull-right">2014</h4>
|
||||
<h4 class="s_timeline_title">Your Function</h4>
|
||||
<h3 class="s_timeline_company" >COMPANY NAME</h3>
|
||||
<h5 class="s_timeline_info">Description of the tasks</h5>
|
||||
</div>
|
||||
<div class="s_timeline_body">
|
||||
<p>A timeline is a graphical representation of a period of time, on which important events are marked. Use Theme Clean Timeline as a part of your resume or to show your visitors what you've done in the past. You can edit, duplicate or switch the timeline panels to fit your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_options_timeline" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-selector=".s_timeline_ul li" data-drop-in=".s_timeline_ul" data-drop-near=".s_timeline_ul li">
|
||||
<li data-toggle_class="s_timeline_inverted"><a>Left / Right</a></li>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,56 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Timeline Compact" id="s_timeline_compact">
|
||||
<section class="s_timeline_compact">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="s_timeline_ul">
|
||||
<li>
|
||||
<div class="s_timeline_badge">
|
||||
<i class="fa fa-asterisk"/>
|
||||
</div>
|
||||
<div class="s_timeline_panel">
|
||||
<div class="s_timeline_panel_content">
|
||||
<div class="s_timeline_heading">
|
||||
<h4 class="s_timeline_date pull-right" >2014</h4>
|
||||
<h4 class="s_timeline_title">Your Function</h4>
|
||||
<h3 class="s_timeline_company" >COMPANY NAME</h3>
|
||||
<h5 class="s_timeline_info">Description of the tasks</h5>
|
||||
</div>
|
||||
<div class="s_timeline_body">
|
||||
<p>Use Theme Clean Timeline as a part of your resume or to show your visitors what you've done in the past. You can edit, duplicate or switch the timeline panels to fit your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="s_timeline_inverted">
|
||||
<div class="s_timeline_badge warning">
|
||||
<i class="fa fa-asterisk"/>
|
||||
</div>
|
||||
<div class="s_timeline_panel">
|
||||
<div class="s_timeline_panel_content">
|
||||
<div class="s_timeline_heading">
|
||||
<h4 class="s_timeline_date pull-right" >2014</h4>
|
||||
<h4 class="s_timeline_title">Your Function</h4>
|
||||
<h3 class="s_timeline_company" >COMPANY NAME</h3>
|
||||
<h5 class="s_timeline_info">Description of the tasks</h5>
|
||||
</div>
|
||||
<div class="s_timeline_body">
|
||||
<p>You can edit, duplicate or switch the timeline panels to fit your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-5 col-md-offset-1 mt64">
|
||||
<h2>A Timeline for Resume</h2>
|
||||
<h4 class="text-muted">Tell Your Story</h4>
|
||||
<p class="text-justify mt16">A timeline is a graphical representation of a period of time, on which important events are marked. Use Theme Clean Timeline as a part of your resume or to show your visitors what you've done in the past. You can edit, duplicate or switch the timeline panels to fit your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,78 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template name="Timeline with Icons" id="s_timeline_icons">
|
||||
<section class="s_timeline_icons">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<h2>Present your evolution with this timeline</h2>
|
||||
<h3 class="text-muted mb32">Tell Your Story</h3>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<ul class="timeline">
|
||||
<li>
|
||||
<span class="timeline-date">2015</span>
|
||||
<div class="timeline-content">
|
||||
<i class="fa fa-1x fa-child bg-beta img-circle"/>
|
||||
<div class="timeline-text">
|
||||
<p>A timeline is a graphical representation on which important events are marked.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-inverted">
|
||||
<span class="timeline-date">2010</span>
|
||||
<div class="timeline-content">
|
||||
<i class="fa fa-1x fa-bolt bg-gamma img-circle"/>
|
||||
<div class="timeline-text">
|
||||
<p>Use this timeline as a part of your resume, to show your visitors what you've done in the past.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="timeline-date">2002</span>
|
||||
<div class="timeline-content">
|
||||
<i class="fa fa-1x fa-graduation-cap bg-gamma img-circle"/>
|
||||
<div class="timeline-text">
|
||||
<p>You can edit, duplicate... </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-content-double">
|
||||
<i class="fa fa-1x fa-asterisk bg-alpha img-circle"/>
|
||||
<div class="timeline-text">
|
||||
<p>...and switch the timeline contents to fit your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="timeline-date">1999</span>
|
||||
<div class="timeline-content">
|
||||
<i class="fa fa-1x fa-rocket bg-beta img-circle"/>
|
||||
<div class="timeline-text">
|
||||
<p>Edit this text and change it with your content.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-inverted">
|
||||
<span class="timeline-date">1982</span>
|
||||
<div class="timeline-content">
|
||||
<i class="fa fa-1x fa-music bg-gamma img-circle"/>
|
||||
<div class="timeline-text">
|
||||
<p>You can also edit the icon.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="options_s_timeline_icons" inherit_id="website.snippet_options">
|
||||
<xpath expr="." position="inside">
|
||||
<div data-selector=".s_timeline_icons li" data-drop-in=".s_timeline_icons .timeline" data-drop-near=".s_timeline_icons li">
|
||||
<li data-toggle_class="timeline-inverted"><a>Left / Right</a></li>
|
||||
</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-md-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-md-6 mb32 mt32">
|
||||
<img src="/web/image/theme_common.image_content_06" class="img-responsive"/>
|
||||
<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-md-6 mb32 mt32">
|
||||
<img src="/web/image/theme_common.image_content_05" class="img-responsive"/>
|
||||
<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>
|
||||
Reference in New Issue
Block a user