[ADD] theme saas-6
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" style=""></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" style=""></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" style=""></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"></i>
|
||||
<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="/website/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"></i>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"></i>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"></i>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"></i></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"></i>
|
||||
</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"></i>
|
||||
</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"></i>
|
||||
</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"></i>
|
||||
</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"></i></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"></i>
|
||||
</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"></i>
|
||||
</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"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="img-rounded bg-beta fa fa-1x fa-envelope"></i>
|
||||
</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"></i></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"></i>
|
||||
</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"></i>
|
||||
</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"></i>
|
||||
</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,490 @@
|
||||
<?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="/website/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="/website/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="/website/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"></i> 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="/website/image/theme_common.image_content_12"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_13"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_14"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_15"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/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,128 @@
|
||||
<?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: 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">Full-width: Four color blocks</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_color_blocks_4"/>
|
||||
|
||||
</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="Nano // 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-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Components</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container-fluid">
|
||||
<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. Nano Heading</h1>
|
||||
<h2>h2. Nano Heading</h2>
|
||||
<h3>h3. Nano Heading</h3>
|
||||
<h4>h4. Nano Heading</h4>
|
||||
<h5>h5. Nano Heading</h5>
|
||||
<h6>h6. Nano 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-4">
|
||||
<h3 class="text-boxed mt8">h3. Boxed</h3>
|
||||
<h3 class="bg-gamma">h3. Background Color</h3>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<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">Espilon</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">Espilon</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">Espilon</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">Espilon</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>
|
||||
<i class="fa fa-1x fa-bicycle bg-gray-darker"></i>
|
||||
<i class="fa fa-1x fa-plane bg-alpha"></i>
|
||||
<i class="fa fa-1x fa-fighter-jet bg-beta"></i>
|
||||
<i class="fa fa-1x fa-automobile bg-gamma"></i>
|
||||
<i class="fa fa-1x fa-cab bg-delta"></i>
|
||||
<i class="fa fa-1x fa-wheelchair bg-epsilon"></i>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb32">
|
||||
<i class="fa fa-1x img-rounded fa-truck bg-gray-lighter"></i>
|
||||
<i class="fa fa-1x img-rounded fa-bicycle bg-gray-darker"></i>
|
||||
<i class="fa fa-1x img-rounded fa-plane bg-alpha"></i>
|
||||
<i class="fa fa-1x img-rounded fa-fighter-jet bg-beta"></i>
|
||||
<i class="fa fa-1x img-rounded fa-automobile bg-gamma"></i>
|
||||
<i class="fa fa-1x img-rounded fa-cab bg-delta"></i>
|
||||
<i class="fa fa-1x img-rounded fa-wheelchair bg-epsilon"></i>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb32">
|
||||
<i class="fa fa-1x img-circle fa-truck bg-gray-lighter"></i>
|
||||
<i class="fa fa-1x img-circle fa-bicycle bg-gray-darker"></i>
|
||||
<i class="fa fa-1x img-circle fa-plane bg-alpha"></i>
|
||||
<i class="fa fa-1x img-circle fa-fighter-jet bg-beta"></i>
|
||||
<i class="fa fa-1x img-circle fa-automobile bg-gamma"></i>
|
||||
<i class="fa fa-1x img-circle fa-cab bg-delta"></i>
|
||||
<i class="fa fa-1x img-circle fa-wheelchair bg-epsilon"></i>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 demo-icons">
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail bg-white"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail bg-gray-lighter"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail bg-gray-darker"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-alpha"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-beta"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-gamma"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-delta"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-epsilon"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-gray-darker"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail shadow bg-epsilon"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle shadow bg-alpha"></i>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded shadow bg-beta"></i>
|
||||
</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,107 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Nano // Demo 01" id="website.demo_page_01" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure">
|
||||
<div class="s_banner_2 carousel slide" id="s_banner_2" style="height: 440px;">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-slide-to="0" data-target="#s_banner_2"></li>
|
||||
<li class="active" 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 bg-img-06">
|
||||
<div class="container">
|
||||
<div class="row content">
|
||||
<div class="col-md-4 col-md-offset-8 carousel-box-content mt64">
|
||||
<h2>Slide title</h2>
|
||||
<h5>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-default btn-sm" href="/page/website.aboutus">About us</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item active 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 class="text-white">Slide title</h2>
|
||||
<h5 class="text-primary">Customize this text.</h5>
|
||||
<p class="text-white">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-primary 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-5 carousel-box-content mt64">
|
||||
<h2>Slide title</h2>
|
||||
<h5>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-default 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"></i>
|
||||
</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"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-oe-call="theme_common.s_three_columns_carousel"/>
|
||||
<div class="mt48 mb48">
|
||||
<div data-oe-call="theme_common.s_features_circle"/>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_news_carousel"/>
|
||||
<div class="mt64 mb64">
|
||||
<div data-oe-call="theme_common.s_team_profiles_2"/>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_text_block_image_fw"/>
|
||||
|
||||
<div class="mb48 mt48">
|
||||
<div data-oe-call="theme_common.s_references_2"/>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
|
||||
<record id="demo_page_01_menu" model="website.menu">
|
||||
<field name="name">Demo 01</field>
|
||||
<field name="url">/page/demo_page_01</field>
|
||||
<field name="parent_id" ref="demo_page_menu"/>
|
||||
<field name="sequence" type="int">31</field>
|
||||
</record>
|
||||
|
||||
<record id="demo_page_02_menu" model="website.menu">
|
||||
<field name="name">Demo 02</field>
|
||||
<field name="url">/page/demo_page_02</field>
|
||||
<field name="parent_id" ref="demo_page_menu"/>
|
||||
<field name="sequence" type="int">32</field>
|
||||
</record>
|
||||
|
||||
<record id="demo_page_03_menu" model="website.menu">
|
||||
<field name="name">Demo 03</field>
|
||||
<field name="url">/page/demo_page_03</field>
|
||||
<field name="parent_id" ref="demo_page_menu"/>
|
||||
<field name="sequence" type="int">33</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,104 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template id="demo_page_02" inherit_id="website.layout" primary="True">
|
||||
<xpath expr="//head/t[@t-call-assets='website.assets_frontend']" position="attributes">
|
||||
<attribute name="t-call-assets">theme_nano.demo_page_02_assets_frontend</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="demo_page_02_assets_frontend" inherit_id="website.assets_frontend" primary="True">
|
||||
<xpath expr="." position="inside">
|
||||
|
||||
<link href="/theme_nano/static/src/less/options/layouts/header_light.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_nano/static/src/less/options/layouts/footer_light.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_nano/static/src/less/options/layouts/icons_sidebar_right.less" rel="stylesheet" type="text/less"/>
|
||||
|
||||
<link href="/theme_nano/static/src/less/options/colors/colors_environment.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_nano/static/src/less/options/fonts/font_dosis_open_sans.less" rel="stylesheet" type="text/less"/>
|
||||
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template name="Nano // Demo 02" id="website.demo_page_02" page="True">
|
||||
<t t-call="theme_nano.demo_page_02">
|
||||
<div id="wrap" class="oe_structure">
|
||||
|
||||
<section class="s_text_block_image_fw bg-img-16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="bg-white col-md-5 col-md-offset-6 mt64 mb64">
|
||||
<h2>Short headline</h2>
|
||||
<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>
|
||||
<p>
|
||||
<i class="fa fa-info-circle fa-1x text-primary"></i> <strong>- An additional information</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_text_image_fw bg-white mt48 mb48">
|
||||
<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 alt="" class="img img-responsive" src="/website/image/theme_common.image_content_04"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_images_captions_fw">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 bg-img-05" style="height:250px;">
|
||||
<p class="bg-white">
|
||||
<i class="fa fa-shopping-cart fa-1x text-primary"/> <strong>- Ecommerce</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-6 bg-img-15" style="height:250px;">
|
||||
<p class="bg-white">
|
||||
<i class="fa fa-stars fa-star text-primary"/> <strong>- Analysis</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_image_text_fw bg-white mt48 mb48">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<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 class="btn btn-default btn-sm" href="#">Get in touch</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-img">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_06"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div data-oe-call="theme_common.s_medias_list"/>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,236 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template id="demo_page_03" inherit_id="website.layout" primary="True">
|
||||
<xpath expr="//head/t[@t-call-assets='website.assets_frontend']" position="attributes">
|
||||
<attribute name="t-call-assets">theme_nano.demo_page_03_assets_frontend</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="demo_page_03_assets_frontend" inherit_id="website.assets_frontend" primary="True">
|
||||
<xpath expr="." position="inside">
|
||||
|
||||
<link href="/theme_nano/static/src/less/options/layouts/header_white.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_nano/static/src/less/options/layouts/footer_light.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_nano/static/src/less/options/layouts/icons_sidebar_none.less" rel="stylesheet" type="text/less"/>
|
||||
|
||||
<link href="/theme_nano/static/src/less/options/colors/colors_agency.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_nano/static/src/less/options/fonts/font_advent_pro_oxygen.less" rel="stylesheet" type="text/less"/>
|
||||
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template name="Nano // Demo 03" id="website.demo_page_03" page="True">
|
||||
<t t-call="theme_nano.demo_page_03">
|
||||
<div id="wrap" class="oe_structure bg-gray-lighter">
|
||||
<section class="s_page_header bg-gray-darker">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mt32 mb32">
|
||||
<span class="s_label label bg-alpha">
|
||||
<strong>Tags</strong>
|
||||
</span>
|
||||
<span class="s_label label bg-delta">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
<h1>Page Title</h1>
|
||||
<p class="lead">Introduce your content in few lines.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_process_steps_2 mt48 mb48">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3 text-center mt32 mb32">
|
||||
<p><i class="fa fa-hand-o-up fa-2x img-circle bg-alpha" style=""></i></p>
|
||||
<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">
|
||||
<p><i class="fa fa-shopping-cart fa-2x img-circle bg-beta" style=""></i></p>
|
||||
<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">
|
||||
<p><i class="fa fa-unlock-alt fa-2x img-circle bg-gamma" style=""></i></p>
|
||||
<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">
|
||||
<p><i class="fa fa-paypal fa-2x img-circle bg-delta" style=""></i></p>
|
||||
<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>
|
||||
<div data-oe-call="theme_common.s_quotes_slider_2"/>
|
||||
<div class="mt64 mb64">
|
||||
<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-gray">
|
||||
<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-gray">
|
||||
<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="/website/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-gray">
|
||||
<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>
|
||||
</div>
|
||||
<section class="s_comparisons">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<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 bg-gamma">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-info" 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" href="/page/website.contactus">Order now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-success">
|
||||
<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 bg-beta">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-success" href="/page/website.contactus">Contact us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="jumbotron s_button bg-gray-darker mt64 mb0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-9 mt48 mb48">
|
||||
<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 mt48 mb48">
|
||||
<a class="btn btn-info pull-right mt8" href="/page/website.contactus"><b>Contact us</b> &nbsp;<i class="fa fa-arrow-circle-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
Reference in New Issue
Block a user