1073 lines
50 KiB
XML
1073 lines
50 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<openerp>
|
||
<data>
|
||
<template id="snippets">
|
||
<div class="scroll" t-ignore="1">
|
||
<ul class="nav navbar-nav nav-tabs">
|
||
<li class="active"><a href="#snippet_structure" data-toggle="tab">Structure</a></li>
|
||
<li><a href="#snippet_content" data-toggle="tab">Content</a></li>
|
||
<li><a href="#snippet_feature" data-toggle="tab">Features</a></li>
|
||
<li><a href="#snippet_effect" data-toggle="tab">Effects</a></li>
|
||
</ul>
|
||
<div class="tab-content">
|
||
|
||
<div id="snippet_structure" class="tab-pane active">
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_banner.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Banner</span>
|
||
</div>
|
||
<div id="myCarousel" class="oe_snippet_body carousel slide mb32" style="height: 320px;">
|
||
<!-- Indicators -->
|
||
<ol class="carousel-indicators hidden">
|
||
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
|
||
</ol>
|
||
<div class="carousel-inner">
|
||
<div class="item active" style="background-image: url('/website/static/src/img/banner/color_splash.jpg')">
|
||
<div class="container">
|
||
<div class="row content">
|
||
<div class="carousel-content col-md-6 col-sm-12">
|
||
<h2>Your Banner Title</h2>
|
||
<h3>Click to customize this text</h3>
|
||
<p>
|
||
<a href="/page/website.contactus" class="btn btn-success btn-large">Contact us</a>
|
||
</p>
|
||
</div>
|
||
<div class="carousel-img col-md-6 hidden-sm hidden-xs">
|
||
<img class="img-responsive" src="/website/static/src/img/banner/banner_picture.png" alt="Banner Odoo Image"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-control left hidden" data-target="#myCarousel" data-slide="prev" style="width: 10%"><i class="fa fa-chevron-left"></i></div>
|
||
<div class="carousel-control right hidden" data-target="#myCarousel" data-slide="next" style="width: 10%"><i class="fa fa-chevron-right"></i></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_image.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Text-Image</span>
|
||
</div>
|
||
<section class="oe_snippet_body">
|
||
<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 class="img img-responsive shadow mb16" src="/website/static/src/img/text_image.png" alt="Odoo text and image block"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_text.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Image-Text</span>
|
||
</div>
|
||
<section class="oe_snippet_body">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 mt16">
|
||
<img class="img img-responsive shadow mb16" src="/website/static/src/img/image_text.jpg" alt="Odoo image and text block"/>
|
||
</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>
|
||
|
||
<div name="Image-Text" class="o_block_image_float">
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_image.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Image-Floating</span>
|
||
</div>
|
||
<section class="oe_snippet_body para_large">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 mb16 mt16">
|
||
<div class="o_image_floating o_margin_l pull-right">
|
||
<div class="o_container">
|
||
<img class="img img-rounded img-responsive" src="/website/static/src/img/odoo.jpg" alt="Odoo Members"/>
|
||
<mark class="text-center"><a href="#"><strong>Click Here</strong></a></mark>
|
||
</div>
|
||
<div class="o_footer">
|
||
<small class="text-muted">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story.</small>
|
||
</div>
|
||
</div>
|
||
<h3>What a day it was yesterday - such a big day for us!</h3>
|
||
<p style="text-align: justify;">
|
||
In case you still feel a bit puzzled about all
|
||
of our yesterday's announcements, here is a little
|
||
summary for you. <br/>
|
||
We have decided to change the
|
||
name because <b>"OpenERP"</b> didn't reflect the offering
|
||
of the company anymore. With our newest apps, such
|
||
as Website Builder, PoS or eCommerce, we have
|
||
moved beyond the ERP territory. <br/>
|
||
But <u>don't worry</u>, <b>Odoo</b> is and always will be
|
||
fully open source. You can read more about the new name here.
|
||
We have also prepared a short FAQ to explain all these changes
|
||
to all of you. <br/>
|
||
</p>
|
||
<h3>Discover more about Odoo</h3>
|
||
<p style="text-align: justify;">
|
||
With Odoo's fully integrated software, you can easily manage your
|
||
meetings, schedule business calls, create recurring meetings,
|
||
synchronize your agenda and easily keep in touch with your colleagues,
|
||
partners and other people involved in projects or business discussions.
|
||
<br/><br/><a href="#">Check now and discover more today!</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_jumbotron.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Big Message</span>
|
||
</div>
|
||
<section class="oe_snippet_body jumbotron mt16 mb16">
|
||
<div class="container">
|
||
<h1>Sell Online. Easily.</h1>
|
||
<p>
|
||
Write one sentence to convince visitor about your message.
|
||
</p>
|
||
<p>
|
||
<a class="btn btn-primary btn-lg" href="/page/website.contactus">
|
||
Contact us
|
||
</a>
|
||
</p>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_block.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Text Block</span>
|
||
</div>
|
||
<section class="oe_snippet_body mt16 mb16">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center mt16 mb32">
|
||
<h2>
|
||
A Great Headline
|
||
</h2>
|
||
<h3 class="text-muted">A good subtitle</h3>
|
||
</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>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_title.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Title</span>
|
||
</div>
|
||
<section class="oe_snippet_body">
|
||
<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>
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_features.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Features</span>
|
||
</div>
|
||
<section class="oe_snippet_body mb16">
|
||
<div class="container">
|
||
<div class="row mt16 mb16">
|
||
<div class="col-md-4 text-center">
|
||
<span class="fa fa-suitcase fa-5x"></span>
|
||
<h3 class="mt8 mb0">First Feature</h3>
|
||
<div class="text-muted">Tell what's the value for the</div>
|
||
<div class="text-muted">customer for this feature.</div>
|
||
</div>
|
||
<div class="col-md-4 text-center">
|
||
<span class="fa fa-lock fa-5x"></span>
|
||
<h3 class="mt8 mb0">Second Feature</h3>
|
||
<div class="text-muted">Write what the customer would like to know,</div>
|
||
<div class="text-muted">not what you want to show.</div>
|
||
</div>
|
||
<div class="col-md-4 text-center">
|
||
<span class="fa fa-heart fa-5x"></span>
|
||
<h3 class="mt8 mb0">Third Feature</h3>
|
||
<div class="text-muted">A small explanation of this great</div>
|
||
<div class="text-muted">feature, in clear words.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_big_picture.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Big Picture</span>
|
||
</div>
|
||
<section class="oe_snippet_body oe_dark mt16 mb16">
|
||
<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 class="img img-responsive" src="/website/static/src/img/big_picture.png" style="margin: 0 auto;" alt="Odoo CMS - a big picture"/>
|
||
</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 href="/page/website.contactus">Contact us »</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_three_columns.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Three Columns</span>
|
||
</div>
|
||
<section class="oe_snippet_body mt16 mb16">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<img class="img img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg" alt="Odoo - Sample 1 for three columns"/>
|
||
<h4 class="mt16">Feature One</h4>
|
||
<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">
|
||
<img class="img img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg" alt="Odoo - Sample 2 for three columns"/>
|
||
<h4 class="mt16">Feature Two</h4>
|
||
<p>
|
||
To add a fourth column, reduce the size of these
|
||
three columns using the right icon of each block.
|
||
Then, duplicate one of the column to create a new
|
||
one as a copy.
|
||
</p>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<img class="img img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg" alt="Odoo - Sample 3 for three columns"/>
|
||
<h4 class="mt16">Feature Three</h4>
|
||
<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>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div id="snippet_content" class="tab-pane">
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_well.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Well</span>
|
||
</div>
|
||
<div class="oe_snippet_body well">
|
||
Explain the benefits you offer. Don't write about products or
|
||
services here, write about solutions.
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quote.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Quote</span>
|
||
</div>
|
||
<blockquote class="oe_snippet_body">
|
||
<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 class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_panel.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Panel</span>
|
||
</div>
|
||
<div class="oe_snippet_body panel panel-default">
|
||
<div class="panel-heading">
|
||
<h3 class="panel-title">Feature Title</h3>
|
||
</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>
|
||
|
||
<div name="Image Floating" class="o_block_image_floating">
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_image.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Image Floating</span>
|
||
</div>
|
||
<div class="oe_snippet_body o_image_floating o_margin_l pull-right">
|
||
<div class="o_container">
|
||
<img class="img img-rounded img-responsive" src="/website/static/src/img/library/ipad.png" alt="Odoo CMS- Sample image floating"/>
|
||
<mark class="text-center"><a href="#"><strong>Click Here</strong></a></mark>
|
||
</div>
|
||
<div class="o_footer">
|
||
<small class="text-muted">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story.</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_separator.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Separator</span>
|
||
</div>
|
||
<hr class="oe_snippet_body"/>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_button.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Share</span>
|
||
</div>
|
||
<div class="oe_snippet_body oe_share">
|
||
<h3>
|
||
Share
|
||
<a target="_Blank" class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u={url}"><i class="fa fa-facebook-square"></i></a>
|
||
<a target="_Blank" class="oe_share_twitter" href="https://twitter.com/intent/tweet?text={title}&url={url}"><i class="fa fa-twitter"></i></a>
|
||
<a target="_Blank" class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url={url}&title={title}&"><i class="fa fa-linkedin"></i></a>
|
||
<a target="_Blank" class="oe_share_google" href="https://plus.google.com/share?url={url}"><i class="fa fa-google-plus-square"></i></a>
|
||
<a href="mailto:?body={url}&subject={title}"><i class="fa fa-envelope-o"></i></a>
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div id="snippet_feature" class="tab-pane">
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_gallery.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Image Gallery</span>
|
||
</div>
|
||
<section class="oe_snippet_body">
|
||
<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 class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg" alt="Odoo CMS - Gallery sample"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg" alt="Odoo CMS - Gallery sample"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg" alt="Odoo CMS - Gallery sample"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg" alt="Odoo CMS - Gallery sample"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg" alt="Odoo CMS - Gallery sample"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg" alt="Odoo CMS - Gallery sample"/>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg" alt="Odoo CMS - Gallery sample"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg" alt="Odoo CMS - Gallery sample"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_comparison.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Comparisons</span>
|
||
</div>
|
||
<section class="oe_snippet_body">
|
||
<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 style="margin: 0" class="text-muted">
|
||
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 href="/page/website.contactus" class="btn btn-primary btn-lg">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 href="/page/website.contactus" class="btn btn-primary btn-lg">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 style="margin: 0" class="text-muted">
|
||
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 href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_button.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Button</span>
|
||
</div>
|
||
<section class="oe_snippet_body jumbotron">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-9 text-muted">
|
||
<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 href="/page/website.contactus" class="btn btn-primary btn-lg pull-right mt8">
|
||
<i class="fa fa-arrow-right"></i>
|
||
Contact Us Now
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_faq.png"/>
|
||
<span class="oe_snippet_thumbnail_title">FAQ</span>
|
||
</div>
|
||
<section class="oe_snippet_body">
|
||
<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>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_references.png"/>
|
||
<span class="oe_snippet_thumbnail_title">References</span>
|
||
</div>
|
||
<section class="oe_snippet_body mb32 mt16">
|
||
<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 mb32">
|
||
<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 mb32">
|
||
<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 src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail" alt="OpenERP logo"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail" alt="OpenERP logo"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail" alt="OpenERP logo"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail" alt="OpenERP logo"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail" alt="OpenERP logo"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quotes_slider.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Quotes Slider</span>
|
||
</div>
|
||
<div id="myQuoteCarousel" class="oe_snippet_body carousel quotecarousel slide mb0">
|
||
<!-- Indicators -->
|
||
<ol class="carousel-indicators mb0">
|
||
<li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
|
||
<li data-target="#myQuoteCarousel" data-slide-to="1"></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 class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_features.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Feature Grid</span>
|
||
</div>
|
||
<section class="oe_snippet_body mb16">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-5 text-center">
|
||
<h2>List of Features</h2>
|
||
<h4 class="text-muted">Add a great slogan</h4>
|
||
</div>
|
||
<div class="col-md-5 text-center col-md-offset-2">
|
||
<h2>Second List</h2>
|
||
<h4 class="text-muted">Add a great slogan</h4>
|
||
</div>
|
||
</div><div class="row">
|
||
<div class="col-md-5 mt16 mb16">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<span style="min-width: 45px" class="fa fa-3x fa-comment pull-left mb16"></span>
|
||
<h3 class="mt0 mb0">Change Icons</h3>
|
||
<p>Click on the icon to adapt it to your feature</p>
|
||
</div><div class="col-md-12">
|
||
<span style="min-width: 45px" class="fa fa-3x fa-columns pull-left mb16"></span>
|
||
<h3 class="mt0 mb0">Duplicate</h3>
|
||
<p>Duplicate blocks to add more features.</p>
|
||
</div><div class="col-md-12">
|
||
<span style="min-width: 45px" class="fa fa-3x fa-user pull-left mb16"></span>
|
||
<h3 class="mt0 mb0">Delete Blocks</h3>
|
||
<p class="text-muted">Select and delete blocks to remove some features.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-5 col-md-offset-2 mt16 mb16">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<span style="min-width: 45px" class="fa fa-3x fa-magic pull-left mb16"></span>
|
||
<h3 class="mt0 mb0">Great Value</h3>
|
||
<p>Tell features the visitor would like to know, not what you'd like to say.</p>
|
||
</div><div class="col-md-12">
|
||
<span style="min-width: 45px" class="fa fa-3x fa-bolt pull-left mb16"></span>
|
||
<h3 class="mt0 mb0">Change Background</h3>
|
||
<p>From the main container, you can change the background to highlight features.</p>
|
||
</div><div class="col-md-12">
|
||
<span style="min-width: 45px" class="fa fa-3x fa-picture-o pull-left mb16"></span>
|
||
<h3 class="mt0 mb0">Sample images</h3>
|
||
<p>All these icons are licensed under creative commons so that you can use them.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div id="snippet_effect" class="tab-pane">
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_parallax.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Parallax</span>
|
||
</div>
|
||
<section class="oe_snippet_body parallax"
|
||
style="background-image: url('/website/static/src/img/banner/mountains.jpg')"
|
||
data-scroll-background-ratio="0.3">
|
||
<div><div class="oe_structure"/></div>
|
||
</section>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quotes_slider.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Parallax Slider</span>
|
||
</div>
|
||
<section class="oe_snippet_body parallax"
|
||
style="background-image: url('/website/static/src/img/parallax/quote.png')"
|
||
data-scroll-background-ratio="0.3">
|
||
<div><div><div class="oe_structure">
|
||
<div id="myQuoteCarousel" class="carousel quotecarousel slide mb0">
|
||
<!-- Indicators -->
|
||
<ol class="carousel-indicators mb0">
|
||
<li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
|
||
<li data-target="#myQuoteCarousel" data-slide-to="1"></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>
|
||
|
||
</div>
|
||
|
||
<div id="snippet_options" class="hidden">
|
||
|
||
<t t-call="website.snippet_options"/>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<template id="snippet_options">
|
||
|
||
<div data-snippet-option-id='blog-style'
|
||
data-selector="section:not(.carousel):not(.parallax)">
|
||
<li class="dropdown-submenu">
|
||
<a tabindex="-1" href="#">Style</a>
|
||
<ul class="dropdown-menu">
|
||
<li data-value="para_large"><a>Bigger Text</a></li>
|
||
<li data-value="readable"><a>Narrow</a></li>
|
||
</ul>
|
||
</li>
|
||
</div>
|
||
|
||
<div data-snippet-option-id='background'
|
||
data-selector="section, .carousel, .parallax">
|
||
<li class="dropdown-submenu" data-required="true">
|
||
<a tabindex="-1" href="#">Background</a>
|
||
<ul class="dropdown-menu">
|
||
<li class="dropdown-submenu">
|
||
<a tabindex="-2" href="#">Uniform Color</a>
|
||
<ul class="dropdown-menu">
|
||
<li data-value='oe_dark'><a>Darken</a></li>
|
||
<li data-value='oe_green'><a>Green</a></li>
|
||
<li data-value='oe_red'><a>Red</a></li>
|
||
<li data-value='oe_blue_light'><a>Turquoise</a></li>
|
||
<li data-value='oe_blue'><a>Dark Blue</a></li>
|
||
<li data-value='oe_orange'><a>Orange</a></li>
|
||
<li data-value='oe_purple'><a>Purple</a></li>
|
||
<li data-value='oe_black'><a>Black</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown-submenu">
|
||
<a tabindex="-2" href="#">People</a>
|
||
<ul class="dropdown-menu">
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/parallax/parallax_bg.jpg"><a>Sunflower</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/business_guy.jpg"><a>Business Guy</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown-submenu">
|
||
<a tabindex="-2" href="#">Landscape</a>
|
||
<ul class="dropdown-menu">
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/flower_field.jpg"><a>Flowers Field</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/landscape.jpg"><a>Landscape</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/mountains.jpg"><a>Mountains</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/greenfields.jpg"><a>Greenfields</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown-submenu">
|
||
<a tabindex="-2" href="#">Various</a>
|
||
<ul class="dropdown-menu">
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/aqua.jpg"><a>Aqua</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/baby_blue.jpg"><a>Baby Blue</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/black.jpg"><a>Black</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/color_splash.jpg"><a>Color Splash</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/mango.jpg"><a>Mango</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/orange_red.jpg"><a>Orange Red</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/flower.jpg"><a>Purple</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/velour.jpg"><a>Velour</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/wood.jpg"><a>Wood</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/banner/yellow_green.jpg"><a>Yellow Green</a></li>
|
||
<li data-value="oe_img_bg" data-src="/website/static/src/img/parallax/quote.png"><a>Quote</a></li>
|
||
</ul>
|
||
</li>
|
||
<li data-value=""><a>None</a></li>
|
||
<li><a style="background: none; padding: 5px; border-top: 1px solid #ddd;"></a></li>
|
||
<li class="oe_custom_bg" data-value="oe_img_bg"><a><b>Choose an image...</b></a></li>
|
||
</ul>
|
||
</li>
|
||
</div>
|
||
|
||
<div data-snippet-option-id='carousel'
|
||
data-selector=".carousel">
|
||
<li class="divider"></li>
|
||
<li>
|
||
<a href="#" class="button js_add">Add Slide</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="button js_remove">Remove Slide</a>
|
||
</li>
|
||
</div>
|
||
|
||
<div data-snippet-option-id='margin-y'
|
||
data-selector="section, .row > [class*='col-md-'], .carousel, .parallax, hr">
|
||
</div>
|
||
|
||
<div data-snippet-option-id='resize'
|
||
data-selector="section, .carousel, .parallax"
|
||
data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
</div>
|
||
|
||
<div data-snippet-option-id='margin-x'
|
||
data-selector=".row > [class*='col-md-']"
|
||
data-selector-vertical-children='.row'>
|
||
</div>
|
||
|
||
<div data-snippet-option-id='content'
|
||
data-selector="blockquote, .well, .panel, .oe_share, .o_image_floating"
|
||
data-selector-siblings="p, h1, h2, h3, blockquote, .well, .panel, .oe_share"
|
||
data-selector-children=".content">
|
||
</div>
|
||
|
||
<div data-snippet-option-id='separator'
|
||
data-selector="hr"
|
||
data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
</div>
|
||
|
||
<div data-snippet-option-id='image_floating_margin'
|
||
data-selector=".o_image_floating">
|
||
<li class="dropdown-submenu">
|
||
<a tabindex="-2" href="#">Margin</a>
|
||
<ul class="dropdown-menu">
|
||
<li data-value="o_margin_xl"> <a>Extra-Large</a> </li>
|
||
<li data-value="o_margin_l"> <a>Large</a> </li>
|
||
<li data-value="o_margin_m" > <a>Medium</a> </li>
|
||
<li data-value="o_margin_s" > <a>Small</a></li>
|
||
<li data-value="" > <a>None</a></li>
|
||
</ul>
|
||
</li>
|
||
</div>
|
||
|
||
<div data-snippet-option-id='image_floating_hidelink'
|
||
data-selector=".o_image_floating">
|
||
<li data-value="o_hide_link"><a>Hide link</a></li>
|
||
</div>
|
||
|
||
<div data-snippet-option-id='image_floating_side'
|
||
data-selector=".o_image_floating">
|
||
<li class="dropdown-submenu">
|
||
<a tabindex="-2" href="#">Float</a>
|
||
<ul class="dropdown-menu">
|
||
<li data-value="pull-left"><a>Left</a></li>
|
||
<li data-value="pull-right"><a>Right</a></li>
|
||
</ul>
|
||
</li>
|
||
</div>
|
||
|
||
<div data-snippet-option-id='parallax'
|
||
data-selector=".parallax">
|
||
<li class="dropdown-submenu">
|
||
<a tabindex="-1" href="#">Scroll Speed</a>
|
||
<ul class="dropdown-menu" name="parallax-scroll">
|
||
<li data-value="0"><a>Static</a></li>
|
||
<li data-value="0.3"><a>Very Slow</a></li>
|
||
<li data-value="0.6"><a>Slow</a></li>
|
||
<li data-value="1"><a>Fixed</a></li>
|
||
<li data-value="1.4"><a>Fast</a></li>
|
||
<li data-value="1.7"><a>Very Fast</a></li>
|
||
</ul>
|
||
</li>
|
||
</div>
|
||
|
||
<div data-snippet-option-id='media'
|
||
data-selector="img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa, .glyphicon">
|
||
<li><a href="#" class="edition">Change...</a></li>
|
||
</div>
|
||
|
||
<div data-snippet-option-id='transform'
|
||
data-selector="img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa">
|
||
<li class="dropdown-submenu">
|
||
<a tabindex="-1" href="#">Style</a>
|
||
<ul class="dropdown-menu" name="parallax-scroll">
|
||
<li data-value="img-rounded"><a>Rounded corners</a></li>
|
||
<li data-value="img-thumbnail"><a>Box</a></li>
|
||
<li data-value="img-circle"><a>Circle</a></li>
|
||
<li data-value="shadow"><a>Shadow</a></li>
|
||
<li data-value="fa-spin"><a>Spin</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#" class="style">Transform</a></li>
|
||
<li><a href="#" class="clear-style">Reset Transformation</a></li>
|
||
</div>
|
||
|
||
</template>
|
||
|
||
|
||
</data>
|
||
</openerp>
|