1 <?xml version="1.0" encoding="utf-8"?>
4 <template id="snippets">
5 <div class="scroll" t-ignore="1">
6 <ul class="nav navbar-nav nav-tabs">
7 <li class="active"><a href="#snippet_structure" data-toggle="tab">Structure</a></li>
8 <li><a href="#snippet_content" data-toggle="tab">Content</a></li>
9 <li><a href="#snippet_feature" data-toggle="tab">Features</a></li>
10 <li><a href="#snippet_effect" data-toggle="tab">Effects</a></li>
12 <div class="tab-content">
14 <div id="snippet_structure" class="tab-pane fade in active">
16 <div data-snippet-id="carousel" data-selector-children=".oe_structure, [data-oe-type=html]">
17 <li class="oe_snippet_options divider"></li>
18 <li class="oe_snippet_options">
19 <a href="#" class="button js_add">Add Slide</a>
21 <li class="oe_snippet_options">
22 <a href="#" class="button js_remove">Remove Slide</a>
24 <div class="oe_snippet_thumbnail">
25 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_banner.png"/>
26 <span class="oe_snippet_thumbnail_title">Banner</span>
28 <div id="myCarousel" class="oe_snippet_body carousel slide oe_medium mb32">
30 <ol class="carousel-indicators hidden">
31 <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
33 <div class="carousel-inner">
34 <div class="item image_text active" style="background-image: url('/website/static/src/img/banner/color_splash.jpg')">
35 <div class="container">
36 <div class="carousel-caption content">
37 <h2>Your Banner Title</h2>
38 <h3>Click to customize this text</h3>
40 <a href="/page/website.contactus" class="btn btn-success btn-large">Contact us</a>
43 <div class="carousel-image hidden-xs">
44 <img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
49 <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>
50 <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>
54 <div data-snippet-id="text-image" data-selector-children=".oe_structure, [data-oe-type=html]">
55 <div class="oe_snippet_thumbnail">
56 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_image.png"/>
57 <span class="oe_snippet_thumbnail_title">Text-Image</span>
59 <section class="oe_snippet_body">
60 <div class="container">
62 <div class="col-md-6 mt16">
63 <h3>A Section Subtitle</h3>
65 Write one or two paragraphs describing your product or
66 services. To be successful your content needs to be
67 useful to your readers.
69 Start with the customer – find out what they want
73 <div class="col-md-6 mt16 mb16">
74 <img class="img img-responsive shadow" src="/website/static/src/img/text_image.png"/>
82 <div data-snippet-id="image-text" data-selector-children=".oe_structure, [data-oe-type=html]">
83 <div class="oe_snippet_thumbnail">
84 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_text.png"/>
85 <span class="oe_snippet_thumbnail_title">Image-Text</span>
87 <section class="oe_snippet_body">
88 <div class="container">
90 <div class="col-md-6 mt16 mb16">
91 <img class="img img-responsive shadow" src="/website/static/src/img/image_text.jpg"/>
93 <div class="col-md-6 mt16">
94 <h3>A Section Subtitle</h3>
96 Write one or two paragraphs describing your product,
97 services or a specific feature. To be successful
98 your content needs to be useful to your readers.
100 Start with the customer – find out what they want
110 <div data-snippet-id="jumbotron" data-selector-children=".oe_structure, [data-oe-type=html]">
111 <div class="oe_snippet_thumbnail">
112 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_jumbotron.png"/>
113 <span class="oe_snippet_thumbnail_title">Big Message</span>
115 <section class="oe_snippet_body jumbotron mt16 mb16">
116 <div class="container">
117 <h1>Sell Online. Easily.</h1>
119 Write one sentence to convince visitor about your message.
122 <a class="btn btn-primary btn-lg" href="/website.contactus">
131 <div data-snippet-id="text-block" data-selector-children=".oe_structure, [data-oe-type=html]">
132 <div class="oe_snippet_thumbnail">
133 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_block.png"/>
134 <span class="oe_snippet_thumbnail_title">Text Block</span>
136 <section class="oe_snippet_body mt16 mb16">
137 <div class="container">
139 <div class="col-md-12 text-center mt16 mb32">
143 <h3 class="text-muted">A good subtitle. A very good one.</h3>
145 <div class="col-md-12 mb16 mt16">
147 A great way to catch reader's attention is to tell a story.
148 Everything you consider writing can be told as a story.
150 <b>Great stories have personality</b>. Personality
151 connected to your person. This shows up in small
152 quirks like word choices or phrases. Write as you
153 write, not as someone else would write.
155 <b>Great stories are for everyone when written for
156 just one</b>. If you try to write with a wide general
157 audience in mind, your story will ring false. It
158 will be bland. No one will be interested. Write for
159 one person. If it’s genuine for the one, it’s
160 genuine for the rest.
169 <div data-snippet-id="title" data-selector-children=".oe_structure, [data-oe-type=html]">
170 <div class="oe_snippet_thumbnail">
171 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_title.png"/>
172 <span class="oe_snippet_thumbnail_title">Title</span>
174 <section class="oe_snippet_body">
175 <div class="container">
177 <div class="col-md-12">
178 <h1 class="text-center">Your Website Title</h1>
179 <h3 class="text-muted text-center">And a great subtitle too</h3>
187 <div data-snippet-id="hr" data-selector-children=".oe_structure, [data-oe-type=html]">
188 <div class="oe_snippet_thumbnail">
189 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_separator.png"/>
190 <span class="oe_snippet_thumbnail_title">Separator</span>
192 <hr class="oe_snippet_body"/>
196 <div data-snippet-id="big-picture" data-selector-children=".oe_structure, [data-oe-type=html]">
197 <div class="oe_snippet_thumbnail">
198 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_big_picture.png"/>
199 <span class="oe_snippet_thumbnail_title">Big Picture</span>
201 <section class="oe_snippet_body oe_dark mt16 mb16">
202 <div class="container">
204 <div class="col-md-12 text-center mt32 mb32">
205 <h2>A Punchy Headline</h2>
207 <div class="col-md-12">
208 <img class="img img-responsive" src="/website/static/src/img/big_picture.png" style="margin: 0 auto;"/>
210 <div class="col-md-6 col-md-offset-3 mb16 mt16">
211 <p class="text-center">
212 <b>A Small Subtitle</b>
214 <p class="text-center">
215 Choose a vibrant image and write an inspiring paragraph
216 about it. It does not have to be long, but it should
217 reinforce your image.
219 <p class="text-center">
220 <a href="/page/website.contactus">Contact us »</a>
229 <div data-snippet-id="three-columns" data-selector-children=".oe_structure, [data-oe-type=html]">
230 <div class="oe_snippet_thumbnail">
231 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_three_columns.png"/>
232 <span class="oe_snippet_thumbnail_title">Three Columns</span>
234 <section class="oe_snippet_body mt16 mb16">
235 <div class="container">
237 <div class="col-md-12 text-center mt16 mb16">
238 <h2>A Great Title</h2>
239 <h3 class="text-muted">And a good subtitle</h3>
241 <div class="col-md-4">
242 <img class="img img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
243 <h4 class="mt16">Streamline Recruitments</h4>
245 Post job offers and keep track of each application
246 received. Follow applicants in your recruitment process
247 with the smart kanban view.
249 Save time by automating some communications with email
250 templates. Resumes are indexed automatically, allowing
251 you to easily find for specific profiles.
254 <div class="col-md-4">
255 <img class="img img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
256 <h4 class="mt16">Enterprise Social Network</h4>
258 Break down information silos. Share knowledge and best
259 practices amongst all employees. Follow specific people
260 or documents and join groups of interests to share
261 expertise and documents.
263 Interact with your collegues in real time with live chat.
266 <div class="col-md-4">
267 <img class="img img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
268 <h4 class="mt16">Leaves Management</h4>
270 Keep track of the vacation days accrued by each
271 employee. Employees enter their requests (paid
272 holidays, sick leave, etc), for managers to approve and
273 validate. It's all done in just a few clicks. The
274 agenda of each employee is updated accordingly.
282 <div data-snippet-id="slider" data-selector-children=".oe_structure, [data-oe-type=html]">
283 <li class="oe_snippet_options divider"></li>
284 <li class="oe_snippet_options">
285 <a href="#" class="button js_add">Add Slide</a>
287 <li class="oe_snippet_options">
288 <a href="#" class="button js_remove">Remove Slide</a>
290 <div class="oe_snippet_thumbnail">
291 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quotes_slider.png"/>
292 <span class="oe_snippet_thumbnail_title">Quotes Slider</span>
294 <div id="myQuoteCarousel" class="oe_snippet_body carousel slide oe_small mb0">
296 <ol class="carousel-indicators mb0">
297 <li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
298 <li data-target="#myQuoteCarousel" data-slide-to="1"></li>
300 <div class="carousel-inner">
302 <div class="item text_only active">
303 <div class="container">
304 <div class="content">
307 <blockquote class="col-md-5 col-md-offset-4 mt64">
309 Write here a quote from one of your customer. Quotes are are
310 great way to give confidence in your products or services.
312 <small>Author of this quote</small>
320 <div class="item text_only">
321 <div class="container">
322 <div class="content">
325 <blockquote class="col-md-5 col-md-offset-4 mt64">
327 OpenERP provides essential platform for our project management.
328 Things are better organized and more visible with it.
330 <small>John Doe, CEO</small>
344 <div id="snippet_content" class="tab-pane fade">
346 <div data-snippet-id="well" data-selector-siblings="p, h1, h2, h3, blockquote" data-selector-children=".content">
347 <div class="oe_snippet_thumbnail">
348 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_well.png"/>
349 <span class="oe_snippet_thumbnail_title">Well</span>
351 <div class="oe_snippet_body well">
352 Explain the benefit you offer. Don't write about products or
353 services here, write about solutions.
358 <div data-snippet-id="quote" data-selector-siblings="p, h1, h2, h3, blockquote" data-selector-children=".content">
359 <div class="oe_snippet_thumbnail">
360 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quote.png"/>
361 <span class="oe_snippet_thumbnail_title">Quote</span>
363 <blockquote class="oe_snippet_body">
365 Write here a quote from one of your customer. Quotes are are
366 great way to give confidence in your products or services.
368 <small>Author of this quote</small>
373 <div data-snippet-id="panel" data-selector-siblings="p, h1, h2, h3, blockquote" data-selector-children=".content">
374 <div class="oe_snippet_thumbnail">
375 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_panel.png"/>
376 <span class="oe_snippet_thumbnail_title">Panel</span>
378 <div class="oe_snippet_body panel panel-default">
379 <div class="panel-heading">
380 <h3 class="panel-title">Feature Title</h3>
382 <div class="panel-body">
383 Panels are great to compare offers or to emphasize on
384 key features. To compare products, use panels inside
392 <div id="snippet_feature" class="tab-pane fade">
394 <div data-snippet-id="portfolio" data-selector-children=".oe_structure, [data-oe-type=html]">
395 <div class="oe_snippet_thumbnail">
396 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_portfolio.png"/>
397 <span class="oe_snippet_thumbnail_title">Portfolio</span>
399 <section class="oe_snippet_body">
400 <div class="container">
402 <div class="col-md-12 text-center mt16 mb32">
403 <h2>Our Porfolio</h2>
404 <h4 class="text-muted">More than 500 successful projects</h4>
406 <div class="col-md-4">
407 <img class="img img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
408 <img class="img img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
409 <img class="img img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
411 <div class="col-md-4">
412 <img class="img img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
413 <img class="img img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
414 <img class="img img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
416 <div class="col-md-4">
417 <img class="img img-thumbnail img-responsive" src="/website/static/src/img/landscape.jpg"/>
418 <img class="img img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
419 <img class="img img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
427 <div data-snippet-id="image-gallery" data-selector-children=".oe_structure, [data-oe-type=html]">
428 <div class="oe_snippet_thumbnail">
429 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_gallery.png"/>
430 <span class="oe_snippet_thumbnail_title">Image Gallery</span>
432 <section class="oe_snippet_body">
433 <div class="container">
435 <div class="col-md-12 text-center mt16 mb32">
436 <h2>Our Customer References</h2>
437 <h4 class="text-muted">More than 500 successful projects</h4>
439 <div class="col-md-6">
440 <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
442 <div class="col-md-3">
443 <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
445 <div class="col-md-3">
446 <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
448 <div class="col-md-3">
449 <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
451 <div class="col-md-3">
452 <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
454 <div class="col-md-3">
455 <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
457 <div class="col-md-6">
458 <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
460 <div class="col-md-3">
461 <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
469 <div data-snippet-id="pricing" data-selector-children=".oe_structure, [data-oe-type=html]">
470 <div class="oe_snippet_thumbnail">
471 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_comparison.png"/>
472 <span class="oe_snippet_thumbnail_title">Comparisons</span>
474 <section class="oe_snippet_body">
475 <div class="container">
477 <div class="col-md-12 text-center mt16 mb32">
481 <div class="col-md-4">
482 <div class="panel panel-info">
484 <div class="panel-heading text-center">
485 <h2 style="margin: 0">Beginner</h2>
486 <p style="margin: 0" class="text-muted">
490 <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
491 <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">450</b><small>.00</small></h2>
496 <ul class="list-group">
497 <li class="list-group-item active">Battery: 8 hours</li>
498 <li class="list-group-item">Screen: 2.5 inch</li>
499 <li class="list-group-item">Weight: 1.1 ounces</li>
500 <li class="list-group-item">No support</li>
502 <div class="panel-footer text-center">
503 <p class="text-muted">
504 <i>Free shipping, satisfied or reimbursed.</i>
506 <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
510 <div class="col-md-4">
511 <div class="panel panel-primary">
513 <div class="panel-heading text-center">
514 <h2 style="margin: 0">Professional</h2>
515 <p style="margin: 0">
519 <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
520 <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">590</b><small>.00</small></h2>
525 <ul class="list-group">
526 <li class="list-group-item active">Battery: 12 hours</li>
527 <li class="list-group-item">Screen: 2.8 inch</li>
528 <li class="list-group-item">Weight: 1.2 ounces</li>
529 <li class="list-group-item">Limited support</li>
531 <div class="panel-footer text-center">
532 <p class="text-muted">
533 <i>Free shipping, satisfied or reimbursed.</i>
535 <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
539 <div class="col-md-4">
540 <div class="panel panel-info">
542 <div class="panel-heading text-center">
543 <h2 style="margin: 0">Expert</h2>
544 <p style="margin: 0" class="text-muted">
548 <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
549 <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">890</b><small>.00</small></h2>
554 <ul class="list-group">
555 <li class="list-group-item active">Battery: 20 hours</li>
556 <li class="list-group-item">Screen: 2.8 inch</li>
557 <li class="list-group-item">Weight: 1.2 ounces</li>
558 <li class="list-group-item">Unlimited support</li>
560 <div class="panel-footer text-center">
561 <p class="text-muted">
562 <i>Free shipping, satisfied or reimbursed.</i>
564 <a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
575 <div data-snippet-id="cta" data-selector-children=".oe_structure, [data-oe-type=html]">
576 <div class="oe_snippet_thumbnail">
577 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_button.png"/>
578 <span class="oe_snippet_thumbnail_title">Button</span>
580 <section class="oe_snippet_body oe_snippet_darken oe_dark">
581 <div class="container">
583 <div class="col-md-12 text-center mt16 mb16">
584 <a href="/shop" class="btn btn-info btn-lg">View Products</a>
585 <a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
593 <div data-snippet-id="faq" data-selector-children=".oe_structure, [data-oe-type=html]">
594 <div class="oe_snippet_thumbnail">
595 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_faq.png"/>
596 <span class="oe_snippet_thumbnail_title">FAQ</span>
598 <section class="oe_snippet_body">
599 <div class="container">
600 <h2 class="page-header">
601 Point of Sale Questions <small>v7</small>
604 Which hardware does OpenERP POS support?
607 OpenERP's POS is a web application that can run on any device that
608 can display websites with little to no setup required.
610 The Point of Sale works perfectly on any kind of touch enabled
611 device, whether it's multi-touch tablets like an iPad or
612 keyboardless resistive touchscreen terminals.
615 Does it works offline?
618 Deploy new stores with just an internet connection: no
619 installation, no specific hardware required. It works with any
620 iPad, Tablet PC, laptop or industrial POS machine.
622 While an internet connection is required to start the Point of
623 Sale, it will stay operational even after a complete disconnection.
626 <h2 class="page-header">
627 Project Management Questions <small>v7</small>
630 Can I use it to manage projects based on agile methodologies?
640 <div data-snippet-id="references" data-selector-children=".oe_structure, [data-oe-type=html]">
641 <div class="oe_snippet_thumbnail">
642 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_references.png"/>
643 <span class="oe_snippet_thumbnail_title">References</span>
645 <section class="oe_snippet_body mb32 mt16">
646 <div class="container">
648 <div class="col-md-12">
649 <h1 class="text-center">
652 <h3 class="text-muted text-center">
653 More than 500 happy customers.
656 <div class="col-md-4 col-md-offset-1 mt16 mb32">
657 <blockquote data-snippet-id="quote">
659 Write here a quote from one of your customer. Quotes are are
660 great way to give confidence in your products or services.
662 <small>Author of this quote</small>
665 <div class="col-md-4 col-md-offset-2 mt16 mb32">
666 <blockquote data-snippet-id="quote">
668 OpenERP provides essential platform for our project management.
669 Things are better organized and more visible with it.
671 <small>John Doe, CEO</small>
674 <div class="col-md-2 col-md-offset-1">
675 <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
677 <div class="col-md-2">
678 <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
680 <div class="col-md-2">
681 <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
683 <div class="col-md-2">
684 <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
686 <div class="col-md-2">
687 <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
696 <div id="snippet_effect" class="tab-pane fade">
698 <div data-snippet-id="parallax" data-selector-children=".oe_structure, [data-oe-type=html]">
699 <div class="oe_snippet_thumbnail">
700 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_parallax.png"/>
701 <span class="oe_snippet_thumbnail_title">Parallax</span>
703 <li class="oe_snippet_options dropdown-submenu">
704 <a tabindex="-1" href="#">Scroll Speed</a>
705 <ul class="dropdown-menu" name="parallax-scroll">
706 <li data-value="0"><a>Static</a></li>
707 <li data-value="0.3"><a>Very Slow</a></li>
708 <li data-value="0.6"><a>Slow</a></li>
709 <li data-value="1"><a>Fixed</a></li>
710 <li data-value="1.4"><a>Fast</a></li>
711 <li data-value="1.7"><a>Very Fast</a></li>
714 <div class="oe_snippet_body parallax oe_small oe_structure"
715 style="background-image: url('/website/static/src/img/parallax/parallax_bg.jpg')"
716 data-scroll-background-ratio="0.3">
720 <div data-snippet-id="parallax_quote" data-selector-children=".oe_structure, [data-oe-type=html]">
721 <div class="oe_snippet_thumbnail">
722 <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quotes_slider.png"/>
723 <span class="oe_snippet_thumbnail_title">Parallax Slider</span>
725 <section class="oe_snippet_body parallax_quote oe_structure" style="background-image: url('/website/static/src/img/parallax/quote.png')">
726 <div id="myQuoteCarousel" class="carousel slide oe_medium mb32" data-snippet-id="slider">
728 <ol class="carousel-indicators mb0">
729 <li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
730 <li data-target="#myQuoteCarousel" data-slide-to="1"></li>
732 <div class="carousel-inner">
734 <div class="item text_only active">
735 <div class="container">
736 <div class="content">
739 <blockquote class="col-md-5 col-md-offset-4 mt64">
741 Write here a quote from one of your customer. Quotes are are
742 great way to give confidence in your products or services.
744 <small>Author of this quote</small>
752 <div class="item text_only">
753 <div class="container">
754 <div class="content">
757 <blockquote class="col-md-5 col-md-offset-4 mt64">
759 OpenERP provides essential platform for our project management.
760 Things are better organized and more visible with it.
762 <small>John Doe, CEO</small>
777 <div id="snippet_styles" class="hidden">
779 <div data-snippet-style-id='carousel-style' data-selector='div[data-snippet-id="carousel"]'>
780 <li class="dropdown-submenu" data-required="true">
781 <a tabindex="-1" href="#">Layout</a>
782 <ul class="dropdown-menu">
783 <li data-class="text_only"><a>Text Only</a></li>
784 <li data-class="image_text"><a>Image - Text</a></li>
785 <li data-class="text_image"><a>Text - Image</a></li>
790 <div data-snippet-style-id='size' data-selector='div[data-snippet-id="parallax"], div[data-snippet-id="carousel"], div[data-snippet-id="slider"]'>
791 <li class="dropdown-submenu" data-required="true">
792 <a tabindex="-1" href="#">Size</a>
793 <ul class="dropdown-menu">
794 <li data-class='oe_small'><a>Small</a></li>
795 <li data-class='oe_medium'><a>Medium</a></li>
796 <li data-class='oe_big'><a>Big</a></li>
801 <div data-snippet-style-id='background' data-selector='section, div[data-snippet-id="parallax"], div[data-snippet-id="carousel"]'>
802 <li class="dropdown-submenu">
803 <a tabindex="-1" href="#">Background</a>
804 <ul class="dropdown-menu">
805 <li class="dropdown-submenu">
806 <a tabindex="-1" href="#">Uniform Color</a>
807 <ul class="dropdown-menu">
808 <li data-class='oe_dark'><a>Darken</a></li>
809 <li data-class='oe_green'><a>Green</a></li>
810 <li data-class='oe_red'><a>Red</a></li>
811 <li data-class='oe_black'><a>Black</a></li>
814 <li class="dropdown-submenu">
815 <a tabindex="-1" href="#">People</a>
816 <ul class="dropdown-menu">
817 <li data-class="oe_img_bg" data-src="/website/static/src/img/parallax/parallax_bg.jpg"><a>Sunflower</a></li>
818 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/business_guy.jpg"><a>Business Guy</a></li>
821 <li class="dropdown-submenu">
822 <a tabindex="-1" href="#">Landscape</a>
823 <ul class="dropdown-menu">
824 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/flower_field.jpg"><a>Flowers Field</a></li>
825 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/landscape.jpg"><a>Landscape</a></li>
826 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/mountains.jpg"><a>Mountains</a></li>
827 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/greenfields.jpg"><a>Greenfields</a></li>
830 <li class="dropdown-submenu">
831 <a tabindex="-1" href="#">Various</a>
832 <ul class="dropdown-menu">
833 <li data-class="oe_img_bg" data-src="/website/static/src/img/parallax/quote.png"><a>Aqua</a></li>
834 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/aqua.jpg"><a>Aqua</a></li>
835 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/baby_blue.jpg"><a>Baby Blue</a></li>
836 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/black.jpg"><a>Black</a></li>
837 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/color_splash.jpg"><a>Color Splash</a></li>
838 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/mango.jpg"><a>Mango</a></li>
839 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/orange_red.jpg"><a>Orange Red</a></li>
840 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/flower.jpg"><a>Purple</a></li>
841 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/velour.jpg"><a>Velour</a></li>
842 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/wood.jpg"><a>Wood</a></li>
843 <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/yellow_green.jpg"><a>Yellow Green</a></li>
846 <li><a style="background: none; padding: 5px; border-top: 1px solid #ddd;"></a></li>
847 <li class="oe_custom_bg" data-class="oe_img_bg"><a><b>Choose an image...</b></a></li>