[ADD] theme 9.0
This commit is contained in:
Design
@@ -0,0 +1,212 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Building Blocks | Content" id="website.demo_blocks_content" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure mb64">
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Content Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
|
||||
<!-- WELL -->
|
||||
|
||||
<h4 class="demo-subtitle mt32 mb32">Well</h4>
|
||||
|
||||
<div class="s_well well well-alpha">
|
||||
<span class="pull-left fa fa-plug fa-3x"></span>
|
||||
<div class="well-text">
|
||||
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="s_well well well-beta">
|
||||
<span class="pull-left fa fa-support fa-3x"></span>
|
||||
<div class="well-text">
|
||||
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="s_well well well-epsilon">
|
||||
<span class="pull-left fa fa-exclamation-triangle fa-3x"></span>
|
||||
<div class="well-text">
|
||||
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BLOCKQUOTE -->
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Blockquote</h4>
|
||||
|
||||
<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 alt="" class="img img-circle" src="/web/image/theme_common.image_content_10"/>
|
||||
<small>Author of this quote</small>
|
||||
</div>
|
||||
</blockquote>
|
||||
|
||||
<!-- PANEL -->
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Panel</h4>
|
||||
|
||||
<div class="s_panel panel panel-delta">
|
||||
<div class="panel-heading">
|
||||
<h4 class="mt0 mb0"><i class="fa fa-bicycle fa-1x text-muted"/>Feature Title</h4>
|
||||
</div>
|
||||
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
|
||||
</div>
|
||||
|
||||
<div class="s_panel panel panel-gamma">
|
||||
<div class="panel-heading">
|
||||
<h4 class="mt0 mb0"><i class="fa fa-truck fa-1x text-muted"/>Feature Title</h4>
|
||||
</div>
|
||||
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
|
||||
</div>
|
||||
|
||||
<div class="s_panel panel panel-alpha">
|
||||
<div class="panel-heading">
|
||||
<h4 class="mt0 mb0"><i class="fa fa-fighter-jet fa-1x text-muted"/>Feature Title</h4>
|
||||
</div>
|
||||
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
|
||||
</div>
|
||||
|
||||
<!-- SEPARATOR -->
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Separator</h4>
|
||||
|
||||
<hr class="s_separator hr-full hr-1px hr-solid mt0"/>
|
||||
<hr class="s_separator hr-full hr-3px hr-dotted"/>
|
||||
<hr class="s_separator hr-full hr-5px hr-dashed mb0"/>
|
||||
|
||||
<!-- SHARE -->
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Social buttons</h4>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="oe_share s_share">
|
||||
<h4 class="s_share_title">Share <i class="text-muted fa fa-1x fa-hand-o-right"/></h4>
|
||||
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-circle fa fa-1x fa-facebook"/>
|
||||
</a>
|
||||
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Treehouse - A theme for Odoo CMS - https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-circle fa fa-1x fa-twitter"/>
|
||||
</a>
|
||||
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=https://theme-treehouse.odoo.com/page/demo_page_01&title=Treehouse - A theme for Odoo CMS" target="_blank">
|
||||
<i class="img-circle fa fa-1x fa-linkedin"/>
|
||||
</a>
|
||||
<a class="oe_share_google" href="https://plus.google.com/share?url=url=https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-circle fa fa-1x fa-google-plus"/>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="oe_share s_share">
|
||||
<h4 class="s_share_title text-beta">Share <i class="text-muted fa fa-1x fa-hand-o-right"/></h4>
|
||||
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-rounded bg-beta fa fa-1x fa-facebook"/>
|
||||
</a>
|
||||
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Treehouse - A theme for Odoo CMS - https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-rounded bg-beta fa fa-1x fa-twitter"/>
|
||||
</a>
|
||||
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=https://theme-treehouse.odoo.com/page/demo_page_01&title=Treehouse - A theme for Odoo CMS" target="_blank">
|
||||
<i class="img-rounded bg-beta fa fa-1x fa-linkedin"/>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="img-rounded bg-beta fa fa-1x fa-envelope"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="oe_share s_share">
|
||||
<h4 class="s_share_title text-beta">Share <i class="text-muted fa fa-1x fa-hand-o-right"/></h4>
|
||||
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-circle bg-gamma fa fa-2x fa-facebook"/>
|
||||
</a>
|
||||
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Treehouse - A theme for Odoo CMS - https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-circle bg-gamma fa fa-2x fa-twitter"/>
|
||||
</a>
|
||||
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=https://theme-treehouse.odoo.com/page/demo_page_01&title=Treehouse - A theme for Odoo CMS" target="_blank">
|
||||
<i class="img-circle bg-gamma fa fa-2x fa-linkedin"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- LABEL -->
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Label</h4>
|
||||
|
||||
<span class="s_label label bg-alpha">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
<span class="s_label label bg-beta">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
<span class="s_label label bg-gamma">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
<span class="s_label label bg-delta">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
<span class="s_label label bg-epsilon">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Progress Bar</h4>
|
||||
|
||||
<div class="s_progress_bar progress">
|
||||
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" class="progress-bar progress-bar-success" role="progressbar" style="width: 80%">
|
||||
<span>80% Brainstorming</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="s_progress_bar progress">
|
||||
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" class="progress-bar progress-bar-striped progress-bar-warning" data-value="60" role="progressbar" style="width: 60%;">60% Development</div>
|
||||
</div>
|
||||
|
||||
<div class="s_progress_bar progress">
|
||||
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" class="progress-bar progress-bar-striped active progress-bar-info" data-value="90" role="progressbar" style="width: 90%;">90% Design</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_blocks_content_menu" model="website.menu">
|
||||
<field name="name">Content</field>
|
||||
<field name="url">/page/demo_blocks_content</field>
|
||||
<field name="parent_id" ref="demo_blocks_menu"/>
|
||||
<field name="sequence" type="int">42</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,487 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Building Blocks | Default" id="website.demo_blocks_default" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure">
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Structure Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Title</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_title">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="text-center">Your Website Title</h1>
|
||||
<h3 class="text-muted text-center">And a great subtitle too</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Text + Image</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_text_image">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mt16">
|
||||
<h3>A Section Subtitle</h3>
|
||||
<p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
|
||||
<p>Start with the customer – find out what they want and give it to them.</p>
|
||||
</div>
|
||||
<div class="col-md-6 mt16">
|
||||
<img alt="" class="img img-responsive" src="/web/image/theme_common.image_content_04"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Image + Text</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_image_text">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mt16">
|
||||
<img alt="" class="img img-responsive" src="/web/image/theme_common.image_content_06"/>
|
||||
</div>
|
||||
<div class="col-md-6 mt16">
|
||||
<h3>A Section Subtitle</h3>
|
||||
<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>
|
||||
<p>Start with the customer – find out what they want and give it to them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Text Block</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_text_block">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h2 class="mb8">A Great Headline</h2>
|
||||
<h3 class="text-primary mb0 mt0">A good subtitle</h3>
|
||||
<hr class="s_separator hr-full hr-1px hr-solid"/>
|
||||
</div>
|
||||
<div class="col-md-12 mb16 mt16">
|
||||
<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>
|
||||
<p><b>Great stories have personality.</b> Consider telling a great story that provides personality. Writing a story with personality for potential clients will asist with making a relationship connection. This shows up in small quirks like word choices or phrases. Write from your point of view, not from someone else's experience.</p>
|
||||
<p><b>Great stories are for everyone even when only written for just one person.</b> If you try to write with a wide general audience in mind, your story will ring false and be bland. No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Big message</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="jumbotron s_big_message bg-gray-darker">
|
||||
<div class="container">
|
||||
<h1 class="text-success">Sell Online. Easily.</h1>
|
||||
<p>Write one sentence to convince visitor about your message.</p>
|
||||
<p>
|
||||
<a class="btn btn-success btn-lg" href="/page/website.contactus">Contact us </a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Big Picture</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_big_picture">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt32 mb32">
|
||||
<h2>A Punchy Headline</h2>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<img alt="Odoo CMS - a big picture" class="img img-responsive" src="/web/image/theme_common.image_content_05" style="margin: 0 auto;"/>
|
||||
</div>
|
||||
<div class="col-md-6 col-md-offset-3 mb16 mt16">
|
||||
<p class="text-center">
|
||||
<b>A Small Subtitle</b>
|
||||
</p>
|
||||
<p class="text-center">Choose a vibrant image and write an inspiring paragraph about it. It does not have to be long, but it should reinforce your image.</p>
|
||||
<p class="text-center">
|
||||
<a class="btn btn-success" href="/page/website.contactus">Contact us »</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Features Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Image Gallery</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_image_gallery">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt16 mb32">
|
||||
<h2>Our Customer References</h2>
|
||||
<h4 class="text-muted">More than 500 successful projects</h4>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Price Tables</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_comparisons">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt16 mb32">
|
||||
<h2>Our Offers</h2>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-info">
|
||||
<div class="panel-heading text-center">
|
||||
<h2 style="margin: 0">Beginner</h2>
|
||||
<p class="text-muted" style="margin: 0">Starter package</p>
|
||||
</div>
|
||||
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
|
||||
<h2 style="margin: 0">
|
||||
<span>$</span>
|
||||
<b style="font-size: 60px">450</b>
|
||||
<small>.00</small>
|
||||
</h2>
|
||||
<div>per month</div>
|
||||
</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item active">Battery: 8 hours</li>
|
||||
<li class="list-group-item">Screen: 2.5 inch</li>
|
||||
<li class="list-group-item">Weight: 1.1 ounces</li>
|
||||
<li class="list-group-item">No support</li>
|
||||
</ul>
|
||||
<div class="panel-footer text-center">
|
||||
<p class="text-muted">
|
||||
<i>Free shipping, satisfied or reimbursed.</i>
|
||||
</p>
|
||||
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Order now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading text-center">
|
||||
<h2 style="margin: 0">Professional</h2>
|
||||
<p style="margin: 0">Enterprise package</p>
|
||||
</div>
|
||||
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
|
||||
<h2 style="margin: 0">
|
||||
<span>$</span>
|
||||
<b style="font-size: 60px">590</b>
|
||||
<small>.00</small>
|
||||
</h2>
|
||||
<div>per month</div>
|
||||
</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item active">Battery: 12 hours</li>
|
||||
<li class="list-group-item">Screen: 2.8 inch</li>
|
||||
<li class="list-group-item">Weight: 1.2 ounces</li>
|
||||
<li class="list-group-item">Limited support</li>
|
||||
</ul>
|
||||
<div class="panel-footer text-center">
|
||||
<p class="text-muted">
|
||||
<i>Free shipping, satisfied or reimbursed.</i>
|
||||
</p>
|
||||
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Order now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-info">
|
||||
<div class="panel-heading text-center">
|
||||
<h2 style="margin: 0">Expert</h2>
|
||||
<p class="text-muted" style="margin: 0">The top of the top</p>
|
||||
</div>
|
||||
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
|
||||
<h2 style="margin: 0">
|
||||
<span>$</span>
|
||||
<b style="font-size: 60px">890</b>
|
||||
<small>.00</small>
|
||||
</h2>
|
||||
<div>per month</div>
|
||||
</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item active">Battery: 20 hours</li>
|
||||
<li class="list-group-item">Screen: 2.8 inch</li>
|
||||
<li class="list-group-item">Weight: 1.2 ounces</li>
|
||||
<li class="list-group-item">Unlimited support</li>
|
||||
</ul>
|
||||
<div class="panel-footer text-center">
|
||||
<p class="text-muted">
|
||||
<i>Free shipping, satisfied or reimbursed.</i>
|
||||
</p>
|
||||
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Contact us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Button</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="jumbotron s_button bg-beta">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-9">
|
||||
<p class="mb0">
|
||||
<strong>50,000+ companies run Odoo to grow their businesses.</strong>
|
||||
</p>
|
||||
<p class="mb0">Join us and make your company a better place.</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<a class="btn btn-primary pull-right mt8" href="/page/website.contactus"><i class="fa fa-arrow-right"/> Contact Us Now </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">FAQ</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_faq">
|
||||
<div class="container">
|
||||
<h2 class="page-header">Point of Sale Questions <small>v7</small></h2>
|
||||
<h3>Which hardware does Odoo POS support?</h3>
|
||||
<p>Odoo's POS is a web application that can run on any device that can display websites with little to no setup required.</p>
|
||||
<p>The Point of Sale works perfectly on any kind of touch enabled device, whether it's multi-touch tablets like an iPad or keyboardless resistive touchscreen terminals.</p>
|
||||
<h3>Does it works offline?</h3>
|
||||
<p>Deploy new stores with just an internet connection: no installation, no specific hardware required. It works with any iPad, Tablet PC, laptop or industrial POS machine.</p>
|
||||
<p>While an internet connection is required to start the Point of Sale, it will stay operational even after a complete disconnection.</p>
|
||||
<h2 class="page-header">Project Management Questions <small>v7</small></h2>
|
||||
<h3>Can I use it to manage projects based on agile methodologies?</h3>
|
||||
<p>Yes.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">References</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_references">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="text-center">Our References</h1>
|
||||
<h3 class="text-muted text-center">More than 500 happy customers.</h3>
|
||||
</div>
|
||||
<div class="col-md-4 col-md-offset-1 mt16">
|
||||
<blockquote>
|
||||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||||
<small>Author of this quote</small>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="col-md-4 col-md-offset-2 mt16">
|
||||
<blockquote>
|
||||
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
|
||||
<small>John Doe, CEO</small>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="col-md-2 col-md-offset-1">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/web/image/theme_common.image_content_12"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/web/image/theme_common.image_content_13"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/web/image/theme_common.image_content_14"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/web/image/theme_common.image_content_15"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/web/image/theme_common.image_content_16"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-gray-darker">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Effect Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Parallax</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="parallax s_parallax" data-scroll-background-offset="-70.8" data-scroll-background-ratio="0.3" style="background-image: url(/website/static/src/img/banner/mountains.jpg); background-attachment: scroll; background-position: 0px -70.8px; height: 420px;">
|
||||
<div>
|
||||
<div class="oe_structure"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Parallax Slider</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="parallax s_parallax_slider" data-scroll-background-offset="-174" data-scroll-background-ratio="0.3" style="background-image: url(/website/static/src/img/parallax/quote.png); background-attachment: scroll; background-position: 0px -174px;">
|
||||
<div>
|
||||
<div>
|
||||
<div class="oe_structure">
|
||||
<div class="carousel quotecarousel slide mb0" id="myCarousel7">
|
||||
<ol class="carousel-indicators mb0"><li class="active" data-slide-to="0" data-target="#myCarousel7"></li><li data-slide-to="1" data-target="#myCarousel7" class=""></li></ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item text_only active">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
|
||||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||||
<small>Author of this quote</small>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item text_only">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
|
||||
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
|
||||
<small>John Doe, CEO</small>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_blocks_default_menu" model="website.menu">
|
||||
<field name="name">Default</field>
|
||||
<field name="url">/page/demo_blocks_default</field>
|
||||
<field name="parent_id" ref="demo_blocks_menu"/>
|
||||
<field name="sequence" type="int">44</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,128 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Building Blocks | Features" id="website.demo_blocks_features" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure mb64">
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Structure Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Features Grid + Circle</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_features_grid_circle"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Full-width: Images + Captions</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_images_captions_fw"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">News Carousel</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_news_carousel"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Numbers</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_numbers"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Process Steps</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_process_steps_2"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Accordion</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_collapse"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Quotes Slider</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_quotes_slider_2"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">References</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_references_2"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Google Map</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="12" data-map-gps="(50.6305797, 4.869176899999957)" data-pin-title="Discover Our Office:" data-pin-desc="Our office is located in Grand-Rosière - T. (+32) 81 81 37 00" data-pin-style="flat" style="height: 488px; overflow: hidden;">
|
||||
<div class="map_container"/>
|
||||
<div class="description">
|
||||
<font>Visit us:</font>
|
||||
<span> Our office is located in Grand-Rosière - T. (+32) 81 81 37 00</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Team Profiles</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_team_profiles_2"/>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_blocks_features_menu" model="website.menu">
|
||||
<field name="name">Features</field>
|
||||
<field name="url">/page/demo_blocks_features</field>
|
||||
<field name="parent_id" ref="demo_blocks_menu"/>
|
||||
<field name="sequence" type="int">43</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,137 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Building Blocks | Structure" id="website.demo_blocks_structure" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure mb64">
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Structure Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Full-width: Carousel</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_banner_2"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Boxed Carousel</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_carousel_boxed"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Features + Circle</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_features_circle"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">3-Columns + Carousel</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_three_columns_carousel"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Page Header</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_page_header"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Medias List</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_medias_list"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Full-width: 4-Columns</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_four_columns_fw"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Full-width: Text + Image</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_text_image_fw"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Full-width: Image + Text</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_image_text_fw"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Full-width: Text block + Image</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_text_block_image_fw"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Masonry Block</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_masonry_block"/>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_blocks_menu" model="website.menu">
|
||||
<field name="name">Blocks</field>
|
||||
<field name="url">/page/demo_blocks</field>
|
||||
<field name="parent_id" ref="website.main_menu"/>
|
||||
<field name="sequence" type="int">40</field>
|
||||
</record>
|
||||
|
||||
<record id="demo_blocks_structure_menu" model="website.menu">
|
||||
<field name="name">Structure</field>
|
||||
<field name="url">/page/demo_blocks_structure</field>
|
||||
<field name="parent_id" ref="demo_blocks_menu"/>
|
||||
<field name="sequence" type="int">41</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,191 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Components" id="website.demo_page_components" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure oe_empty">
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Components</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb64">
|
||||
|
||||
<!-- TITLES -->
|
||||
|
||||
<h4 class="demo-subtitle mt32 mb32">Titles and Bodytext</h4>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<h1 class="mt0">h1. Heading</h1>
|
||||
<h2>h2. Heading</h2>
|
||||
<h3>h3. Heading</h3>
|
||||
<h4>h4. Heading</h4>
|
||||
<h5>h5. Heading</h5>
|
||||
<h6>h6. Heading</h6>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor <u>underlined text</u> et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco <a href="#">A link to...</a> laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit nulla pariatur.</p>
|
||||
<p><strong>BOLD - Excepteur sint occaecat cupidatat non proident,</strong> sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p><em>ITALIC - Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</em></p>
|
||||
<ul>
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Consectetur adipisicing elit sed do</li>
|
||||
<li>Eiusmodtempor incididunt ut labore</li>
|
||||
<li>Et dolore magna aliqua</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- TITLES STYLES -->
|
||||
|
||||
<h4 class="demo-subtitle mt32 mb32">Titles styles</h4>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4">
|
||||
<h3 class="text-muted mt0">h3. Title muted</h3>
|
||||
<h3 class="text-underline">h3. Title underlined</h3>
|
||||
<h3 class="text-uppercase">h3. In uppercase</h3>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<h3 class="text-boxed mt8">h3. Boxed</h3>
|
||||
<h3 class="bg-gamma text-white">h3. Background Color</h3>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<h3 class="mt0"><small>h3. Small title</small></h3>
|
||||
<h3 class="text-success">h3. Colored</h3>
|
||||
<h3 class="text-info">h3. Colored</h3>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- BUTTON -->
|
||||
|
||||
<h4 class="demo-subtitle mt32 mb32">Buttons</h4>
|
||||
|
||||
<div class="mb16">
|
||||
<a href="#" class="btn btn-xs btn-default">Default</a>
|
||||
<a href="#" class="btn btn-xs btn-primary">Alpha</a>
|
||||
<a href="#" class="btn btn-xs btn-success">Beta</a>
|
||||
<a href="#" class="btn btn-xs btn-info">Gamma</a>
|
||||
<a href="#" class="btn btn-xs btn-warning">Delta</a>
|
||||
<a href="#" class="btn btn-xs btn-danger">Epsilon</a>
|
||||
<a href="#" class="btn btn-xs btn-link">Link</a>
|
||||
</div>
|
||||
|
||||
<div class="mb16">
|
||||
<a href="#" class="btn btn-sm btn-default">Default</a>
|
||||
<a href="#" class="btn btn-sm btn-primary">Alpha</a>
|
||||
<a href="#" class="btn btn-sm btn-success">Beta</a>
|
||||
<a href="#" class="btn btn-sm btn-info">Gamma</a>
|
||||
<a href="#" class="btn btn-sm btn-warning">Delta</a>
|
||||
<a href="#" class="btn btn-sm btn-danger">Epsilon</a>
|
||||
<a href="#" class="btn btn-sm btn-link">Link</a>
|
||||
</div>
|
||||
|
||||
<div class="mb16">
|
||||
<a href="#" class="btn btn-default">Default</a>
|
||||
<a href="#" class="btn btn-primary">Alpha</a>
|
||||
<a href="#" class="btn btn-success">Beta</a>
|
||||
<a href="#" class="btn btn-info">Gamma</a>
|
||||
<a href="#" class="btn btn-warning">Delta</a>
|
||||
<a href="#" class="btn btn-danger">Epsilon</a>
|
||||
<a href="#" class="btn btn-link">Link</a>
|
||||
</div>
|
||||
|
||||
<div class="mb16">
|
||||
<a href="#" class="btn btn-lg btn-default">Default</a>
|
||||
<a href="#" class="btn btn-lg btn-primary">Alpha</a>
|
||||
<a href="#" class="btn btn-lg btn-success">Beta</a>
|
||||
<a href="#" class="btn btn-lg btn-info">Gamma</a>
|
||||
<a href="#" class="btn btn-lg btn-warning">Delta</a>
|
||||
<a href="#" class="btn btn-lg btn-danger">Epsilon</a>
|
||||
<a href="#" class="btn btn-lg btn-link">Link</a>
|
||||
</div>
|
||||
|
||||
<!-- ICONS -->
|
||||
|
||||
<h4 class="demo-subtitle mt32 mb32">Icons</h4>
|
||||
<div class="row s_features_circle">
|
||||
|
||||
<div class="col-md-4 mb32">
|
||||
<i class="fa fa-1x fa-truck bg-gray-lighter"/>
|
||||
<i class="fa fa-1x fa-bicycle bg-gray-darker"/>
|
||||
<i class="fa fa-1x fa-plane bg-alpha"/>
|
||||
<i class="fa fa-1x fa-fighter-jet bg-beta"/>
|
||||
<i class="fa fa-1x fa-automobile bg-gamma"/>
|
||||
<i class="fa fa-1x fa-cab bg-delta"/>
|
||||
<i class="fa fa-1x fa-wheelchair bg-epsilon"/>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb32">
|
||||
<i class="fa fa-1x img-rounded fa-truck bg-gray-lighter"/>
|
||||
<i class="fa fa-1x img-rounded fa-bicycle bg-gray-darker"/>
|
||||
<i class="fa fa-1x img-rounded fa-plane bg-alpha"/>
|
||||
<i class="fa fa-1x img-rounded fa-fighter-jet bg-beta"/>
|
||||
<i class="fa fa-1x img-rounded fa-automobile bg-gamma"/>
|
||||
<i class="fa fa-1x img-rounded fa-cab bg-delta"/>
|
||||
<i class="fa fa-1x img-rounded fa-wheelchair bg-epsilon"/>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb32">
|
||||
<i class="fa fa-1x img-circle fa-truck bg-gray-lighter"/>
|
||||
<i class="fa fa-1x img-circle fa-bicycle bg-gray-darker"/>
|
||||
<i class="fa fa-1x img-circle fa-plane bg-alpha"/>
|
||||
<i class="fa fa-1x img-circle fa-fighter-jet bg-beta"/>
|
||||
<i class="fa fa-1x img-circle fa-automobile bg-gamma"/>
|
||||
<i class="fa fa-1x img-circle fa-cab bg-delta"/>
|
||||
<i class="fa fa-1x img-circle fa-wheelchair bg-epsilon"/>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 demo-icons">
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail bg-white"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail bg-gray-lighter"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail bg-gray-darker"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-alpha"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-beta"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-gamma"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-delta"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-epsilon"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-gray-darker"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail shadow bg-epsilon"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle shadow bg-alpha"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded shadow bg-beta"/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_page_components_menu" model="website.menu">
|
||||
<field name="name">Components</field>
|
||||
<field name="url">/page/demo_page_components</field>
|
||||
<field name="parent_id" ref="website.main_menu"/>
|
||||
<field name="sequence" type="int">50</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,330 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Demo" id="website.demo_page" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure">
|
||||
|
||||
<section class="s_text_block_image_fw bg-img-02" style="height: 450px; overflow: hidden;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="bg-white mt64 mb64 col-md-4 col-md-offset-4" style="text-align: center;">
|
||||
<h1>Treehouse</h1>
|
||||
<h5 class="text-primary mb16">A theme for OdooCMS</h5>
|
||||
<p>Just drag and drop the new building blocks you need to easily build your layout. All layouts are made of sections, that you can easily combine to fit your specific project.<br/></p>
|
||||
<p>
|
||||
<i class="fa fa-info-circle fa-1x text-primary"/>
|
||||
<strong>- Made with Bootstrap</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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 alt="" class="img img-responsive" src="/web/image/theme_common.image_content_19"/>
|
||||
<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 class="carousel slide" data-interval="10000" id="s_three_columns_carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="item">
|
||||
<img alt="" src="/web/image/theme_common.image_content_20"/>
|
||||
</div>
|
||||
<div class="item active">
|
||||
<img alt="" src="/web/image/theme_common.image_content_21"/>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img alt="" src="/web/image/theme_common.image_content_22"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control left" data-slide="prev" data-target="#s_three_columns_carousel">
|
||||
<i class="fa fa-chevron-left fa-1x"/>
|
||||
</div>
|
||||
<div class="carousel-control right" data-slide="next" data-target="#s_three_columns_carousel">
|
||||
<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.</p>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 bg-white">
|
||||
<img alt="" class="img img-responsive" src="/web/image/theme_common.image_content_23"/>
|
||||
<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.
|
||||
Click on the picture to change it's <em>rounded corner</em> style.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_features_circle mt48 mb48">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-sm-4 text-center">
|
||||
<span class="fa fa-bug fa-3x img-circle bg-alpha" style="-webkit-animation-play-state: paused; -webkit-transition: none; transition: none"></span>
|
||||
<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 text-center">
|
||||
<span class="fa fa-rocket fa-3x img-circle bg-gray-darker"></span>
|
||||
<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 text-center">
|
||||
<span class="fa fa-flask fa-3x img-circle bg-beta" style="-webkit-animation-play-state: paused; -webkit-transition: none; transition: none"></span>
|
||||
<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>
|
||||
|
||||
<section class="s_news_carousel bg-gray-lighter">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 carousel slide mt48 mb48" data-interval="10000" id="myCarousel7" style="height:240px; overflow: hidden;">
|
||||
<div class="carousel-control left" data-slide="prev" data-target="#myCarousel7" href="#myCarousel7">
|
||||
<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 class="btn btn-xs btn-primary" href="https://www.odoo.com/blog/business-hacks-1/post/10-basic-rules-to-making-an-irresistible-website-201">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 class="btn btn-xs btn-primary" href="https://www.odoo.com/blog/business-hacks-1/post/5-things-to-know-to-prepare-for-the-future-of-ecommerce-193">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 class="btn btn-xs btn-primary" href="https://www.odoo.com/blog/business-hacks-1/post/how-you-can-use-newsletters-to-increase-your-popularity-194">Click here</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control right" data-slide="next" data-target="#myCarousel7" href="#myCarousel7">
|
||||
<i class="fa fa-chevron-right fa-1x bg-white"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_team_profiles_2 mb48 mt48">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 text-center">
|
||||
<div class="profile-body bg-white">
|
||||
<img alt="" class="img img-responsive img-circle" src="/web/image/theme_common.image_content_18"/>
|
||||
<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-white">
|
||||
<img alt="" class="img img-responsive img-circle" src="/web/image/theme_common.image_content_09"/>
|
||||
<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-white">
|
||||
<img alt="" class="img img-responsive img-circle" src="/web/image/theme_common.image_content_11"/>
|
||||
<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>
|
||||
|
||||
<section class="s_text_block_image_fw bg-img-13">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="bg-white mt64 mb64 col-md-4 col-md-offset-4">
|
||||
<h2 style="text-align: center;">Short headline</h2>
|
||||
<h5 class="text-primary" style="text-align: center;">With a great subtitle</h5>
|
||||
<p style="text-align: center;">Write one or two paragraphs describing your product, services or a specific feature.<br/>
|
||||
To be successful your content needs to be useful to your readers.</p>
|
||||
<p style="text-align: center;">
|
||||
<i class="fa fa-info-circle fa-1x text-primary"/>
|
||||
<strong>- An additional information</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_references_2 mt32 mb32">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<h2>Our References</h2>
|
||||
<h5 class="text-primary mb32">More than 500 happy customers.</h5>
|
||||
<div class="carousel quotecarousel slide mb0" data-interval="5000" id="s_references_2">
|
||||
<div class="carousel-inner">
|
||||
<div class="item">
|
||||
<blockquote>
|
||||
<i class="fa fa-comment 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 alt="" class="img img-circle" src="/web/image/theme_common.image_content_10"/>
|
||||
<small>John DOE, CEO of <strong>MyCompany</strong></small>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="item active">
|
||||
<blockquote>
|
||||
<i class="fa fa-comment fa-1x bg-beta"/>
|
||||
<div class="blockquote-text">
|
||||
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
|
||||
<img alt="" class="img img-circle" src="/web/image/theme_common.image_content_10"/>
|
||||
<small>John DOE, CEO of <strong>MyCompany</strong></small>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<ol class="carousel-indicators"><li class="" data-slide-to="0" data-target="#s_references_2"></li><li data-slide-to="1" data-target="#s_references_2" class="active"></li></ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt16 col-md-6 col-md-offset-1">
|
||||
<div class="row">
|
||||
<div class="col-sm-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/web/image/theme_common.image_content_12"/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/web/image/theme_common.image_content_13"/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/web/image/theme_common.image_content_14"/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/web/image/theme_common.image_content_15"/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/web/image/theme_common.image_content_16"/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/web/image/theme_common.image_content_17"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_page_menu" model="website.menu">
|
||||
<field name="name">Demo</field>
|
||||
<field name="url">/page/demo_page</field>
|
||||
<field name="parent_id" ref="website.main_menu"/>
|
||||
<field name="sequence" type="int">30</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
Reference in New Issue
Block a user