809 lines
39 KiB
XML
809 lines
39 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 fade in active">
|
||
|
||
<div data-snippet-id="carousel" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<li class="oe_snippet_options dropdown-submenu">
|
||
<a tabindex="-1" href="#">Size</a>
|
||
<ul class="dropdown-menu" name="carousel-size">
|
||
<li data-value="oe_small"><a>Small</a></li>
|
||
<li data-value="oe_medium"><a>Medium</a></li>
|
||
<li data-value="oe_big"><a>Big</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="oe_snippet_options dropdown-submenu">
|
||
<a tabindex="-1" href="#">Background</a>
|
||
<ul class="dropdown-menu" name="carousel-background">
|
||
<li data-value="/website/static/src/img/banner/aqua.jpg"><a>Aqua</a></li>
|
||
<li data-value="/website/static/src/img/banner/baby_blue.jpg"><a>Baby Blue</a></li>
|
||
<li data-value="/website/static/src/img/banner/black.jpg"><a>Black</a></li>
|
||
<li data-value="/website/static/src/img/banner/business_guy.jpg"><a>Business Guy</a></li>
|
||
<li data-value="/website/static/src/img/banner/color_splash.jpg"><a>Color Splash</a></li>
|
||
<li data-value="/website/static/src/img/banner/flower_field.jpg"><a>Flowers Field</a></li>
|
||
<li data-value="/website/static/src/img/banner/greenfields.jpg"><a>Greenfields</a></li>
|
||
<li data-value="/website/static/src/img/banner/landscape.jpg"><a>Landscape</a></li>
|
||
<li data-value="/website/static/src/img/banner/mango.jpg"><a>Mango</a></li>
|
||
<li data-value="/website/static/src/img/banner/mountains.jpg"><a>Mountains</a></li>
|
||
<li data-value="/website/static/src/img/banner/orange_red.jpg"><a>Orange Red</a></li>
|
||
<li data-value="/website/static/src/img/banner/flower.jpg"><a>Purple</a></li>
|
||
<li data-value="/website/static/src/img/banner/velour.jpg"><a>Velour</a></li>
|
||
<li data-value="/website/static/src/img/banner/wood.jpg"><a>Wood</a></li>
|
||
<li data-value="/website/static/src/img/banner/yellow_green.jpg"><a>Yellow Green</a></li>
|
||
<li class="oe_custom_bg"><a><b>Choose a photo...</b></a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="oe_snippet_options dropdown-submenu">
|
||
<a tabindex="-1" href="#">Layout</a>
|
||
<ul class="dropdown-menu" name="carousel-style">
|
||
<li data-value="text_only"><a>Text Only</a></li>
|
||
<li data-value="image_text"><a>Image - Text</a></li>
|
||
<li data-value="text_image"><a>Text - Image</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="oe_snippet_options divider"></li>
|
||
<li class="oe_snippet_options">
|
||
<a href="#" class="button js_add">Add Slide</a>
|
||
</li>
|
||
<li class="oe_snippet_options">
|
||
<a href="#" class="button js_remove">Remove Slide</a>
|
||
</li>
|
||
<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 oe_medium mb32" contenteditable="false">
|
||
<!-- 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 image_text active" style="background-image: url('/website/static/src/img/banner/color_splash.jpg')">
|
||
<div class="container" contenteditable="true">
|
||
<div class="carousel-caption content">
|
||
<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-image hidden-xs">
|
||
<img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="carousel-control left hidden" href="#myCarousel" data-slide="prev" style="width: 10%"><span class="glyphicon glyphicon-chevron-left"><span class="hidden">.</span></span></a>
|
||
<a class="carousel-control right hidden" href="#myCarousel" data-slide="next" style="width: 10%"><span class="glyphicon glyphicon-chevron-right"><span class="hidden">.</span></span></a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div data-snippet-id="text-image" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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 mt32">
|
||
<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 mb16">
|
||
<img class="img-responsive shadow" src="/website/static/src/img/text_image.png"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div data-snippet-id="image-text" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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 mb16">
|
||
<img class="img-responsive shadow" src="/website/static/src/img/image_text.jpg"/>
|
||
</div>
|
||
<div class="col-md-6 mt32">
|
||
<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 data-snippet-id="jumbotron" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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="/website.contactus">
|
||
Contact us
|
||
</a>
|
||
</p>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div data-snippet-id="text-block" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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. A very good one.</h3>
|
||
</div>
|
||
<div class="col-md-12 mb16 mt16">
|
||
<p>
|
||
A great way to catch 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>. Personality
|
||
connected to your person. This shows up in small
|
||
quirks like word choices or phrases. Write as you
|
||
write, not as someone else would write.
|
||
</p><p>
|
||
<b>Great stories are for everyone when written for
|
||
just one</b>. If you try to write with a wide general
|
||
audience in mind, your story will ring false. It
|
||
will 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 data-snippet-id="title" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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 data-snippet-id="hr" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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 data-snippet-id="big-picture" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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 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-responsive" src="/website/static/src/img/big_picture.png" 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 href="/page/website.contactus">Contact us »</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div data-snippet-id="three-columns" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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-12 text-center mt16 mb16">
|
||
<h2>A Great Title</h2>
|
||
<h3 class="text-muted">And a good subtitle</h3>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<img class="img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
|
||
<h4 class="mt16">Streamline Recruitments</h4>
|
||
<p>
|
||
Post job offers and keep track of each application
|
||
received. Follow applicants in your recruitment process
|
||
with the smart kanban view.
|
||
</p><p>
|
||
Save time by automating some communications with email
|
||
templates. Resumes are indexed automatically, allowing
|
||
you to easily find for specific profiles.
|
||
</p>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<img class="img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
|
||
<h4 class="mt16">Enterprise Social Network</h4>
|
||
<p>
|
||
Break down information silos. Share knowledge and best
|
||
practices amongst all employees. Follow specific people
|
||
or documents and join groups of interests to share
|
||
expertise and documents.
|
||
</p><p>
|
||
Interact with your collegues in real time with live chat.
|
||
</p>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<img class="img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
|
||
<h4 class="mt16">Leaves Management</h4>
|
||
<p>
|
||
Keep track of the vacation days accrued by each
|
||
employee. Employees enter their requests (paid
|
||
holidays, sick leave, etc), for managers to approve and
|
||
validate. It's all done in just a few clicks. The
|
||
agenda of each employee is updated accordingly.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div id="snippet_content" class="tab-pane fade">
|
||
|
||
<div data-snippet-id="well" data-selector-siblings="p, h1, h2, h3, blockquote">
|
||
<div class="oe_snippet_thumbnail">
|
||
<span class="oe_snippet_thumbnail_title">Well</span>
|
||
</div>
|
||
<div class="oe_snippet_body well">
|
||
Explain the benefit you offer. Don't write about products or
|
||
services here, write about solutions.
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div data-snippet-id="quote" data-selector-siblings="p, h1, h2, h3, blockquote">
|
||
<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 here a quote from one of your customer. Quotes are are
|
||
great way to give confidence in your products or services.
|
||
</p>
|
||
<small>Author of this quote</small>
|
||
</blockquote>
|
||
</div>
|
||
|
||
|
||
<div data-snippet-id="panel" data-selector-siblings="p, h1, h2, h3, blockquote">
|
||
<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 great to compare offers or to emphasize on
|
||
key features. To compare products, use panels inside
|
||
columns.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div id="snippet_feature" class="tab-pane fade">
|
||
|
||
<div data-snippet-id="portfolio" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_portfolio.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Portfolio</span>
|
||
</div>
|
||
<section class="oe_snippet_body">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center mt16 mb32">
|
||
<h2>Our Porfolio</h2>
|
||
<h4 class="text-muted">More than 500 successful projects</h4>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
|
||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
|
||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
|
||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
|
||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/landscape.jpg"/>
|
||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
|
||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div data-snippet-id="image-gallery" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div data-snippet-id="pricing" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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 data-snippet-id="cta" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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 dark">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center mt16 mb16">
|
||
<a href="/shop" class="btn btn-info btn-lg">View Products</a>
|
||
<a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
|
||
<div data-snippet-id="faq" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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 OpenERP POS support?
|
||
</h3>
|
||
<p>
|
||
OpenERP'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 data-snippet-id="references" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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 data-snippet-id="quote">
|
||
<p>
|
||
Write here a quote from one of your customer. Quotes are are
|
||
great way to give 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 data-snippet-id="quote">
|
||
<p>
|
||
OpenERP 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-responsive img-thumbnail"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div id="snippet_effect" class="tab-pane fade">
|
||
|
||
<div data-snippet-id="parallax" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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>
|
||
<li class="oe_snippet_options dropdown-submenu">
|
||
<a tabindex="-1" href="#">Background</a>
|
||
<ul class="dropdown-menu" name="parallax-background">
|
||
<li data-value="/website/static/src/img/banner/aqua.jpg"><a>Aqua</a></li>
|
||
<li data-value="/website/static/src/img/banner/baby_blue.jpg"><a>Baby Blue</a></li>
|
||
<li data-value="/website/static/src/img/banner/black.jpg"><a>Black</a></li>
|
||
<li data-value="/website/static/src/img/banner/business_guy.jpg"><a>Business Guy</a></li>
|
||
<li data-value="/website/static/src/img/banner/color_splash.jpg"><a>Color Splash</a></li>
|
||
<li data-value="/website/static/src/img/banner/flower_field.jpg"><a>Flowers Field</a></li>
|
||
<li data-value="/website/static/src/img/banner/greenfields.jpg"><a>Greenfields</a></li>
|
||
<li data-value="/website/static/src/img/banner/landscape.jpg"><a>Landscape</a></li>
|
||
<li data-value="/website/static/src/img/banner/mango.jpg"><a>Mango</a></li>
|
||
<li data-value="/website/static/src/img/banner/mountains.jpg"><a>Mountains</a></li>
|
||
<li data-value="/website/static/src/img/banner/orange_red.jpg"><a>Orange Red</a></li>
|
||
<li data-value="/website/static/src/img/banner/flower.jpg"><a>Purple</a></li>
|
||
<li data-value="/website/static/src/img/banner/velour.jpg"><a>Velour</a></li>
|
||
<li data-value="/website/static/src/img/banner/wood.jpg"><a>Wood</a></li>
|
||
<li data-value="/website/static/src/img/banner/yellow_green.jpg"><a>Yellow Green</a></li>
|
||
<li class="oe_custom_bg"><a><b>Chose your picture</b></a></li>
|
||
</ul>
|
||
</li>
|
||
<section class="oe_snippet_body parallax_full oe_structure" style="background-image: url('/website/static/src/img/banner/greenfields.jpg')">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 mt128 mb32">
|
||
<h1 class="text-center">
|
||
<b>A Great Title</b>
|
||
</h1>
|
||
<h3 class="text-center">
|
||
And a motivating subtitle
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div data-snippet-id="parallax_quote" data-selector-children=".oe_structure, [data-oe-type=html]">
|
||
<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">Quotes Slider</span>
|
||
</div>
|
||
<section class="oe_snippet_body parallax_quote oe_structure">
|
||
<div id="myQuoteCarousel" class="carousel slide oe_medium mb32" data-snippet-id="carousel">
|
||
<!-- 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">
|
||
<div class="col-md-5 col-md-offset-4 mt64">
|
||
<blockquote>
|
||
<p>
|
||
Write here a quote from one of your customer. Quotes are are
|
||
great way to give confidence in your products or services.
|
||
</p>
|
||
<small>Author of this quote</small>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="carousel-image hidden-xs">
|
||
<img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item text_only">
|
||
<div class="container">
|
||
<div class="content">
|
||
|
||
<div class="row">
|
||
<div class="col-md-5 col-md-offset-4 mt64">
|
||
<blockquote>
|
||
<p>
|
||
OpenERP 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 class="carousel-image hidden-xs">
|
||
<img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<a class="carousel-control left hidden" href="#myQuoteCarousel" data-slide="prev" style="width: 10%"><span class="glyphicon glyphicon-chevron-left"><span class="hidden">.</span></span></a>
|
||
<a class="carousel-control right hidden" href="#myQuoteCarousel" data-slide="next" style="width: 10%"><span class="glyphicon glyphicon-chevron-right"><span class="hidden">.</span></span></a>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
<div id="snippet_hidden" class="hidden">
|
||
|
||
<div t-name="website.snippets.colmd" data-snippet-id='colmd' data-selector-vertical-children='.row'></div>
|
||
|
||
</div>
|
||
|
||
<div id="snippet_styles" class="hidden">
|
||
|
||
<div data-snippet-id='darken' data-selector='section'>
|
||
<div class='oe_snippet_label'>Enlight Background</div>
|
||
<div class='oe_snippet_class'>dark</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</data>
|
||
</openerp>
|