addons/website/views/snippets.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <openerp>
   3 <data>
   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>
  11     </ul>
  12     <div class="tab-content">
  13
  14 <div id="snippet_structure" class="tab-pane fade in active">
  15
  16     <div data-snippet-id="carousel" data-selector-children=".oe_structure, [data-oe-type=html]">
  17         <li class="oe_snippet_options dropdown-submenu">
  18             <a tabindex="-1" href="#">Size</a>
  19             <ul class="dropdown-menu" name="carousel-size">
  20                 <li data-value="oe_small"><a>Small</a></li>
  21                 <li data-value="oe_medium"><a>Medium</a></li>
  22                 <li data-value="oe_big"><a>Big</a></li>
  23             </ul>
  24         </li>
  25         <li class="oe_snippet_options dropdown-submenu">
  26             <a tabindex="-1" href="#">Background</a>
  27             <ul class="dropdown-menu" name="carousel-background">
  28                 <li data-value="/website/static/src/img/banner/aqua.jpg"><a>Aqua</a></li>
  29                 <li data-value="/website/static/src/img/banner/baby_blue.jpg"><a>Baby Blue</a></li>
  30                 <li data-value="/website/static/src/img/banner/black.jpg"><a>Black</a></li>
  31                 <li data-value="/website/static/src/img/banner/business_guy.jpg"><a>Business Guy</a></li>
  32                 <li data-value="/website/static/src/img/banner/color_splash.jpg"><a>Color Splash</a></li>
  33                 <li data-value="/website/static/src/img/banner/flower_field.jpg"><a>Flowers Field</a></li>
  34                 <li data-value="/website/static/src/img/banner/greenfields.jpg"><a>Greenfields</a></li>
  35                 <li data-value="/website/static/src/img/banner/landscape.jpg"><a>Landscape</a></li>
  36                 <li data-value="/website/static/src/img/banner/mango.jpg"><a>Mango</a></li>
  37                 <li data-value="/website/static/src/img/banner/mountains.jpg"><a>Mountains</a></li>
  38                 <li data-value="/website/static/src/img/banner/orange_red.jpg"><a>Orange Red</a></li>
  39                 <li data-value="/website/static/src/img/banner/flower.jpg"><a>Purple</a></li>
  40                 <li data-value="/website/static/src/img/banner/velour.jpg"><a>Velour</a></li>
  41                 <li data-value="/website/static/src/img/banner/wood.jpg"><a>Wood</a></li>
  42                 <li data-value="/website/static/src/img/banner/yellow_green.jpg"><a>Yellow Green</a></li>
  43                 <li class="oe_custom_bg"><a><b>Choose a photo...</b></a></li>
  44             </ul>
  45         </li>
  46         <li class="oe_snippet_options dropdown-submenu">
  47             <a tabindex="-1" href="#">Layout</a>
  48             <ul class="dropdown-menu" name="carousel-style">
  49                 <li data-value="text_only"><a>Text Only</a></li>
  50                 <li data-value="image_text"><a>Image - Text</a></li>
  51                 <li data-value="text_image"><a>Text - Image</a></li>
  52             </ul>
  53         </li>
  54         <li class="oe_snippet_options divider"></li>
  55         <li class="oe_snippet_options">
  56             <a href="#" class="button js_add">Add Slide</a>
  57         </li>
  58         <li class="oe_snippet_options">
  59             <a href="#" class="button js_remove">Remove Slide</a>
  60         </li>
  61         <div class="oe_snippet_thumbnail">
  62             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_banner.png"/>
  63             <span class="oe_snippet_thumbnail_title">Banner</span>
  64         </div>
  65         <div id="myCarousel" class="oe_snippet_body carousel slide oe_medium mb32">
  66             <!-- Indicators -->
  67             <ol class="carousel-indicators hidden">
  68                 <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  69             </ol>
  70             <div class="carousel-inner">
  71                 <div class="item image_text active" style="background-image: url('/website/static/src/img/banner/color_splash.jpg')">
  72                     <div class="container">
  73                         <div class="carousel-caption content">
  74                             <h2>Your Banner Title</h2>
  75                             <h3>Click to customize this text</h3>
  76                             <p>
  77                                 <a href="/page/website.contactus" class="btn btn-success btn-large">Contact us</a>
  78                             </p>
  79                         </div>
  80                         <div class="carousel-image hidden-xs">
  81                             <img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
  82                         </div>
  83                     </div>
  84                 </div>
  85             </div>
  86             <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>
  87             <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>
  88         </div>
  89     </div>
  90
  91
  92     <div data-snippet-id="text-image" data-selector-children=".oe_structure, [data-oe-type=html]">
  93         <div class="oe_snippet_thumbnail">
  94             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_image.png"/>
  95             <span class="oe_snippet_thumbnail_title">Text-Image</span>
  96         </div>
  97         <section class="oe_snippet_body">
  98             <div class="container">
  99                 <div class="row">
 100                     <div class="col-md-6 mt16">
 101                         <h3>A Section Subtitle</h3>
 102                         <p>
 103                             Write one or two paragraphs describing your product or
 104                             services. To be successful your content needs to be
 105                             useful to your readers.
 106                         </p><p>
 107                             Start with the customer – find out what they want
 108                             and give it to them.
 109                         </p>
 110                     </div>
 111                     <div class="col-md-6 mt16 mb16">
 112                         <img class="img img-responsive shadow" src="/website/static/src/img/text_image.png"/>
 113                     </div>
 114                 </div>
 115             </div>
 116         </section>
 117     </div>
 118
 119
 120     <div data-snippet-id="image-text" data-selector-children=".oe_structure, [data-oe-type=html]">
 121         <div class="oe_snippet_thumbnail">
 122             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_text.png"/>
 123             <span class="oe_snippet_thumbnail_title">Image-Text</span>
 124         </div>
 125         <section class="oe_snippet_body">
 126             <div class="container">
 127                 <div class="row">
 128                     <div class="col-md-6 mt16 mb16">
 129                         <img class="img img-responsive shadow" src="/website/static/src/img/image_text.jpg"/>
 130                     </div>
 131                     <div class="col-md-6 mt16">
 132                         <h3>A Section Subtitle</h3>
 133                         <p>
 134                             Write one or two paragraphs describing your product,
 135                             services or a specific feature. To be successful
 136                             your content needs to be useful to your readers.
 137                         </p><p>
 138                             Start with the customer – find out what they want
 139                             and give it to them.
 140                         </p>
 141                     </div>
 142                 </div>
 143             </div>
 144         </section>
 145     </div>
 146
 147
 148     <div data-snippet-id="jumbotron" data-selector-children=".oe_structure, [data-oe-type=html]">
 149         <div class="oe_snippet_thumbnail">
 150             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_jumbotron.png"/>
 151             <span class="oe_snippet_thumbnail_title">Big Message</span>
 152         </div>
 153         <section class="oe_snippet_body jumbotron mt16 mb16">
 154             <div class="container">
 155                 <h1>Sell Online. Easily.</h1>
 156                 <p>
 157                     Write one sentence to convince visitor about your message.
 158                 </p>
 159                 <p>
 160                     <a class="btn btn-primary btn-lg" href="/website.contactus">
 161                         Contact us
 162                     </a>
 163                 </p>
 164             </div>
 165         </section>
 166     </div>
 167
 168
 169     <div data-snippet-id="text-block" 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_text_block.png"/>
 172             <span class="oe_snippet_thumbnail_title">Text Block</span>
 173         </div>
 174         <section class="oe_snippet_body mt16 mb16">
 175             <div class="container">
 176                 <div class="row">
 177                     <div class="col-md-12 text-center mt16 mb32">
 178                         <h2>
 179                             A Great Headline
 180                         </h2>
 181                         <h3 class="text-muted">A good subtitle. A very good one.</h3>
 182                     </div>
 183                     <div class="col-md-12 mb16 mt16">
 184                         <p>
 185                             A great way to catch reader's attention is to tell a story.
 186                             Everything you consider writing can be told as a story.
 187                         </p><p>
 188                             <b>Great stories have personality</b>. Personality
 189                             connected to your person. This shows up in small
 190                             quirks like word choices or phrases. Write as you
 191                             write, not as someone else would write.
 192                         </p><p>
 193                             <b>Great stories are for everyone when written for
 194                             just one</b>. If you try to write with a wide general
 195                             audience in mind, your story will ring false. It
 196                             will be bland. No one will be interested. Write for
 197                             one person. If it’s genuine for the one, it’s
 198                             genuine for the rest.
 199                         </p>
 200                     </div>
 201                 </div>
 202             </div>
 203         </section>
 204     </div>
 205
 206
 207     <div data-snippet-id="title" data-selector-children=".oe_structure, [data-oe-type=html]">
 208         <div class="oe_snippet_thumbnail">
 209             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_title.png"/>
 210             <span class="oe_snippet_thumbnail_title">Title</span>
 211         </div>
 212         <section class="oe_snippet_body">
 213             <div class="container">
 214                 <div class="row">
 215                     <div class="col-md-12">
 216                         <h1 class="text-center">Your Website Title</h1>
 217                         <h3 class="text-muted text-center">And a great subtitle too</h3>
 218                     </div>
 219                 </div>
 220             </div>
 221         </section>
 222     </div>
 223
 224
 225     <div data-snippet-id="hr" data-selector-children=".oe_structure, [data-oe-type=html]">
 226         <div class="oe_snippet_thumbnail">
 227             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_separator.png"/>
 228             <span class="oe_snippet_thumbnail_title">Separator</span>
 229         </div>
 230         <hr class="oe_snippet_body"/>
 231     </div>
 232
 233
 234     <div data-snippet-id="big-picture" data-selector-children=".oe_structure, [data-oe-type=html]">
 235         <div class="oe_snippet_thumbnail">
 236             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_big_picture.png"/>
 237             <span class="oe_snippet_thumbnail_title">Big Picture</span>
 238         </div>
 239         <section class="oe_snippet_body oe_dark mt16 mb16">
 240             <div class="container">
 241                 <div class="row">
 242                     <div class="col-md-12 text-center mt32 mb32">
 243                         <h2>A Punchy Headline</h2>
 244                     </div>
 245                     <div class="col-md-12">
 246                         <img class="img img-responsive" src="/website/static/src/img/big_picture.png" style="margin: 0 auto;"/>
 247                     </div>
 248                     <div class="col-md-6 col-md-offset-3 mb16 mt16">
 249                         <p class="text-center">
 250                             <b>A Small Subtitle</b>
 251                         </p>
 252                         <p class="text-center">
 253                             Choose a vibrant image and write an inspiring paragraph
 254                             about it. It does not have to be long, but it should
 255                             reinforce your image.
 256                         </p>
 257                         <p class="text-center">
 258                             <a href="/page/website.contactus">Contact us »</a>
 259                         </p>
 260                     </div>
 261                 </div>
 262             </div>
 263         </section>
 264     </div>
 265
 266
 267     <div data-snippet-id="three-columns" data-selector-children=".oe_structure, [data-oe-type=html]">
 268         <div class="oe_snippet_thumbnail">
 269             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_three_columns.png"/>
 270             <span class="oe_snippet_thumbnail_title">Three Columns</span>
 271         </div>
 272         <section class="oe_snippet_body mt16 mb16">
 273             <div class="container">
 274                 <div class="row">
 275                     <div class="col-md-12 text-center mt16 mb16">
 276                         <h2>A Great Title</h2>
 277                         <h3 class="text-muted">And a good subtitle</h3>
 278                     </div>
 279                     <div class="col-md-4">
 280                         <img class="img img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
 281                         <h4 class="mt16">Streamline Recruitments</h4>
 282                         <p>
 283                             Post job offers and keep track of each application
 284                             received. Follow applicants in your recruitment process
 285                             with the smart kanban view.
 286                         </p><p>
 287                             Save time by automating some communications with email
 288                             templates. Resumes are indexed automatically, allowing
 289                             you to easily find for specific profiles.
 290                         </p>
 291                     </div>
 292                     <div class="col-md-4">
 293                         <img class="img img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
 294                         <h4 class="mt16">Enterprise Social Network</h4>
 295                         <p>
 296                             Break down information silos. Share knowledge and best
 297                             practices amongst all employees. Follow specific people
 298                             or documents and join groups of interests to share
 299                             expertise and documents.
 300                         </p><p>
 301                             Interact with your collegues in real time with live chat.
 302                         </p>
 303                     </div>
 304                     <div class="col-md-4">
 305                         <img class="img img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
 306                         <h4 class="mt16">Leaves Management</h4>
 307                         <p>
 308                             Keep track of the vacation days accrued by each
 309                             employee. Employees enter their requests (paid
 310                             holidays, sick leave, etc), for managers to approve and
 311                             validate. It's all done in just a few clicks. The
 312                             agenda of each employee is updated accordingly.
 313                         </p>
 314                     </div>
 315                 </div>
 316             </div>
 317         </section>
 318     </div>
 319
 320 </div>
 321
 322 <div id="snippet_content" class="tab-pane fade">
 323
 324     <div data-snippet-id="well" data-selector-siblings="p, h1, h2, h3, blockquote">
 325         <div class="oe_snippet_thumbnail">
 326             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_well.png"/>
 327             <span class="oe_snippet_thumbnail_title">Well</span>
 328         </div>
 329         <div class="oe_snippet_body well">
 330             Explain the benefit you offer. Don't write about products or
 331             services here, write about solutions.
 332         </div>
 333     </div>
 334
 335
 336     <div data-snippet-id="quote" data-selector-siblings="p, h1, h2, h3, blockquote">
 337         <div class="oe_snippet_thumbnail">
 338             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quote.png"/>
 339             <span class="oe_snippet_thumbnail_title">Quote</span>
 340         </div>
 341         <blockquote class="oe_snippet_body">
 342             <p>
 343                 Write here a quote from one of your customer. Quotes are are
 344                 great way to give confidence in your products or services.
 345             </p>
 346             <small>Author of this quote</small>
 347         </blockquote>
 348     </div>
 349
 350
 351     <div data-snippet-id="panel" data-selector-siblings="p, h1, h2, h3, blockquote">
 352         <div class="oe_snippet_thumbnail">
 353             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_panel.png"/>
 354             <span class="oe_snippet_thumbnail_title">Panel</span>
 355         </div>
 356         <div class="oe_snippet_body panel panel-default">
 357             <div class="panel-heading">
 358                 <h3 class="panel-title">Feature Title</h3>
 359             </div>
 360             <div class="panel-body">
 361                 Panels are great to compare offers or to emphasize on
 362                 key features. To compare products, use panels inside
 363                 columns.
 364             </div>
 365         </div>
 366     </div>
 367
 368 </div>
 369
 370 <div id="snippet_feature" class="tab-pane fade">
 371
 372     <div data-snippet-id="portfolio" data-selector-children=".oe_structure, [data-oe-type=html]">
 373         <div class="oe_snippet_thumbnail">
 374             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_portfolio.png"/>
 375             <span class="oe_snippet_thumbnail_title">Portfolio</span>
 376         </div>
 377         <section class="oe_snippet_body">
 378             <div class="container">
 379                 <div class="row">
 380                     <div class="col-md-12 text-center mt16 mb32">
 381                         <h2>Our Porfolio</h2>
 382                         <h4 class="text-muted">More than 500 successful projects</h4>
 383                     </div>
 384                     <div class="col-md-4">
 385                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
 386                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 387                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 388                     </div>
 389                     <div class="col-md-4">
 390                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 391                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 392                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
 393                     </div>
 394                     <div class="col-md-4">
 395                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/landscape.jpg"/>
 396                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 397                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 398                     </div>
 399                 </div>
 400             </div>
 401         </section>
 402     </div>
 403
 404
 405     <div data-snippet-id="image-gallery" data-selector-children=".oe_structure, [data-oe-type=html]">
 406         <div class="oe_snippet_thumbnail">
 407             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_gallery.png"/>
 408             <span class="oe_snippet_thumbnail_title">Image Gallery</span>
 409         </div>
 410         <section class="oe_snippet_body">
 411             <div class="container">
 412                 <div class="row">
 413                     <div class="col-md-12 text-center mt16 mb32">
 414                         <h2>Our Customer References</h2>
 415                         <h4 class="text-muted">More than 500 successful projects</h4>
 416                     </div>
 417                     <div class="col-md-6">
 418                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
 419                     </div>
 420                     <div class="col-md-3">
 421                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 422                     </div>
 423                     <div class="col-md-3">
 424                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
 425                     </div>
 426                     <div class="col-md-3">
 427                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
 428                     </div>
 429                     <div class="col-md-3">
 430                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 431                     </div>
 432                     <div class="col-md-3">
 433                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
 434                     </div>
 435                     <div class="col-md-6">
 436                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
 437                     </div>
 438                     <div class="col-md-3">
 439                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 440                     </div>
 441                 </div>
 442             </div>
 443         </section>
 444     </div>
 445
 446
 447     <div data-snippet-id="pricing" data-selector-children=".oe_structure, [data-oe-type=html]">
 448         <div class="oe_snippet_thumbnail">
 449             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_comparison.png"/>
 450             <span class="oe_snippet_thumbnail_title">Comparisons</span>
 451         </div>
 452         <section class="oe_snippet_body">
 453             <div class="container">
 454               <div class="row">
 455                 <div class="col-md-12 text-center mt16 mb32">
 456                     <h2>Our Offers</h2>
 457                 </div>
 458
 459                 <div class="col-md-4">
 460                     <div class="panel panel-info">
 461
 462                       <div class="panel-heading text-center">
 463                           <h2 style="margin: 0">Beginner</h2>
 464                           <p style="margin: 0" class="text-muted">
 465                               Starter package
 466                           </p>
 467                       </div>
 468                       <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
 469                         <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">450</b><small>.00</small></h2>
 470                         <div>per month</div>
 471                       </div>
 472
 473
 474                       <ul class="list-group">
 475                         <li class="list-group-item active">Battery: 8 hours</li>
 476                         <li class="list-group-item">Screen: 2.5 inch</li>
 477                         <li class="list-group-item">Weight: 1.1 ounces</li>
 478                         <li class="list-group-item">No support</li>
 479                       </ul>
 480                       <div class="panel-footer text-center">
 481                           <p class="text-muted">
 482                               <i>Free shipping, satisfied or reimbursed.</i>
 483                           </p>
 484                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
 485                       </div>
 486                     </div>
 487                 </div>
 488                 <div class="col-md-4">
 489                     <div class="panel panel-primary">
 490
 491                       <div class="panel-heading text-center">
 492                           <h2 style="margin: 0">Professional</h2>
 493                           <p style="margin: 0">
 494                               Enterprise package
 495                           </p>
 496                       </div>
 497                       <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
 498                         <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">590</b><small>.00</small></h2>
 499                         <div>per month</div>
 500                       </div>
 501
 502
 503                       <ul class="list-group">
 504                         <li class="list-group-item active">Battery: 12 hours</li>
 505                         <li class="list-group-item">Screen: 2.8 inch</li>
 506                         <li class="list-group-item">Weight: 1.2 ounces</li>
 507                         <li class="list-group-item">Limited support</li>
 508                       </ul>
 509                       <div class="panel-footer text-center">
 510                           <p class="text-muted">
 511                               <i>Free shipping, satisfied or reimbursed.</i>
 512                           </p>
 513                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
 514                       </div>
 515                     </div>
 516                 </div>
 517                 <div class="col-md-4">
 518                     <div class="panel panel-info">
 519
 520                       <div class="panel-heading text-center">
 521                           <h2 style="margin: 0">Expert</h2>
 522                           <p style="margin: 0" class="text-muted">
 523                               The top of the top
 524                           </p>
 525                       </div>
 526                       <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
 527                         <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">890</b><small>.00</small></h2>
 528                         <div>per month</div>
 529                       </div>
 530
 531
 532                       <ul class="list-group">
 533                         <li class="list-group-item active">Battery: 20 hours</li>
 534                         <li class="list-group-item">Screen: 2.8 inch</li>
 535                         <li class="list-group-item">Weight: 1.2 ounces</li>
 536                         <li class="list-group-item">Unlimited support</li>
 537                       </ul>
 538                       <div class="panel-footer text-center">
 539                           <p class="text-muted">
 540                               <i>Free shipping, satisfied or reimbursed.</i>
 541                           </p>
 542                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
 543                       </div>
 544                     </div>
 545
 546                 </div>
 547               </div>
 548             </div>
 549         </section>
 550     </div>
 551
 552
 553     <div data-snippet-id="cta" data-selector-children=".oe_structure, [data-oe-type=html]">
 554         <div class="oe_snippet_thumbnail">
 555             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_button.png"/>
 556             <span class="oe_snippet_thumbnail_title">Button</span>
 557         </div>
 558         <section class="oe_snippet_body oe_snippet_darken oe_dark">
 559             <div class="container">
 560               <div class="row">
 561                 <div class="col-md-12 text-center mt16 mb16">
 562                     <a href="/shop" class="btn btn-info btn-lg">View Products</a>
 563                     <a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
 564                 </div>
 565               </div>
 566             </div>
 567         </section>
 568     </div>
 569
 570
 571     <div data-snippet-id="faq" data-selector-children=".oe_structure, [data-oe-type=html]">
 572         <div class="oe_snippet_thumbnail">
 573             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_faq.png"/>
 574             <span class="oe_snippet_thumbnail_title">FAQ</span>
 575         </div>
 576         <section class="oe_snippet_body">
 577             <div class="container">
 578                 <h2 class="page-header">
 579                     Point of Sale Questions <small>v7</small>
 580                 </h2>
 581                 <h3>
 582                     Which hardware does OpenERP POS support?
 583                 </h3>
 584                 <p>
 585                     OpenERP's POS is a web application that can run on any device that
 586                     can display websites with little to no setup required.
 587                 </p><p>
 588                     The Point of Sale works perfectly on any kind of touch enabled
 589                     device, whether it's multi-touch tablets like an iPad or
 590                     keyboardless resistive touchscreen terminals.
 591                 </p>
 592                 <h3>
 593                     Does it works offline?
 594                 </h3>
 595                 <p>
 596                     Deploy new stores with just an internet connection: no
 597                     installation, no specific hardware required. It works with any
 598                     iPad, Tablet PC, laptop or industrial POS machine.
 599                 </p><p>
 600                     While an internet connection is required to start the Point of
 601                     Sale, it will stay operational even after a complete disconnection.
 602                 </p>
 603
 604                 <h2 class="page-header">
 605                     Project Management Questions <small>v7</small>
 606                 </h2>
 607                 <h3>
 608                     Can I use it to manage projects based on agile methodologies?
 609                 </h3>
 610                 <p>
 611                     Yes.
 612                 </p>
 613             </div>
 614         </section>
 615     </div>
 616
 617
 618     <div data-snippet-id="references" data-selector-children=".oe_structure, [data-oe-type=html]">
 619         <div class="oe_snippet_thumbnail">
 620             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_references.png"/>
 621             <span class="oe_snippet_thumbnail_title">References</span>
 622         </div>
 623         <section class="oe_snippet_body mb32 mt16">
 624             <div class="container">
 625                 <div class="row">
 626                     <div class="col-md-12">
 627                         <h1 class="text-center">
 628                             Our References
 629                         </h1>
 630                         <h3 class="text-muted text-center">
 631                             More than 500 happy customers.
 632                         </h3>
 633                     </div>
 634                     <div class="col-md-4 col-md-offset-1 mt16 mb32">
 635                         <blockquote data-snippet-id="quote">
 636                             <p>
 637                                 Write here a quote from one of your customer. Quotes are are
 638                                 great way to give confidence in your products or services.
 639                             </p>
 640                             <small>Author of this quote</small>
 641                         </blockquote>
 642                     </div>
 643                     <div class="col-md-4 col-md-offset-2 mt16 mb32">
 644                         <blockquote data-snippet-id="quote">
 645                             <p>
 646                                 OpenERP provides essential platform for our project management.
 647                                 Things are better organized and more visible with it.
 648                             </p>
 649                             <small>John Doe, CEO</small>
 650                         </blockquote>
 651                     </div>
 652                     <div class="col-md-2 col-md-offset-1">
 653                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 654                     </div>
 655                     <div class="col-md-2">
 656                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 657                     </div>
 658                     <div class="col-md-2">
 659                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 660                     </div>
 661                     <div class="col-md-2">
 662                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 663                     </div>
 664                     <div class="col-md-2">
 665                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 666                     </div>
 667                 </div>
 668             </div>
 669         </section>
 670     </div>
 671
 672 </div>
 673
 674 <div id="snippet_effect" class="tab-pane fade">
 675
 676     <div data-snippet-id="parallax" data-selector-children=".oe_structure, [data-oe-type=html]">
 677         <div class="oe_snippet_thumbnail">
 678             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_parallax.png"/>
 679             <span class="oe_snippet_thumbnail_title">Parallax</span>
 680         </div>
 681         <li class="oe_snippet_options dropdown-submenu">
 682             <a tabindex="-1" href="#">Size</a>
 683             <ul class="dropdown-menu" name="parallax-size">
 684                 <li data-value="oe_small"><a>Small</a></li>
 685                 <li data-value="oe_medium"><a>Medium</a></li>
 686                 <li data-value="oe_big"><a>Big</a></li>
 687             </ul>
 688         </li>
 689         <li class="oe_snippet_options dropdown-submenu">
 690             <a tabindex="-1" href="#">Background</a>
 691             <ul class="dropdown-menu" name="parallax-background">
 692                 <li data-value="/website/static/src/img/banner/greenfields.jpg"><a>Greenfields</a></li>
 693                 <li data-value="/website/static/src/img/banner/landscape.jpg"><a>Landscape</a></li>
 694                 <li data-value="/website/static/src/img/banner/mountains.jpg"><a>Mountains</a></li>
 695                 <li data-value="/website/static/src/img/parallax/parallax_bg.jpg"><a>Office</a></li>
 696                 <li class="oe_custom_bg"><a><b>Choose your picture</b></a></li>
 697             </ul>
 698         </li>
 699         <li class="oe_snippet_options dropdown-submenu">
 700             <a tabindex="-1" href="#">Scroll Speed</a>
 701             <ul class="dropdown-menu" name="parallax-scroll">
 702                 <li data-value="0"><a>Static</a></li>
 703                 <li data-value="0.3"><a>Very Slow</a></li>
 704                 <li data-value="0.6"><a>Slow</a></li>
 705                 <li data-value="1"><a>Fixed</a></li>
 706                 <li data-value="1.4"><a>Fast</a></li>
 707                 <li data-value="1.7"><a>Very Fast</a></li>
 708             </ul>
 709         </li>
 710         <div class="oe_snippet_body parallax oe_small oe_structure"
 711                 style="background-image: url('/website/static/src/img/parallax/parallax_bg.jpg')"
 712                 data-scroll-background-ratio="0.6">
 713         </div>
 714     </div>
 715
 716     <div data-snippet-id="parallax_quote" data-selector-children=".oe_structure, [data-oe-type=html]">
 717         <div class="oe_snippet_thumbnail">
 718             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quotes_slider.png"/>
 719             <span class="oe_snippet_thumbnail_title">Quotes Slider</span>
 720         </div>
 721         <section class="oe_snippet_body parallax_quote oe_structure">
 722             <div id="myQuoteCarousel" class="carousel slide oe_medium mb32" data-snippet-id="carousel">
 723                 <!-- Indicators -->
 724                 <ol class="carousel-indicators mb0">
 725                     <li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
 726                     <li data-target="#myQuoteCarousel" data-slide-to="1"></li>
 727                 </ol>
 728                 <div class="carousel-inner">
 729
 730                     <div class="item text_only active">
 731                         <div class="container">
 732                             <div class="content">
 733
 734                                 <div class="row">
 735                                     <div class="col-md-5 col-md-offset-4 mt64">
 736                                         <blockquote>
 737                                             <p>
 738                                                 Write here a quote from one of your customer. Quotes are are
 739                                                 great way to give confidence in your products or services.
 740                                             </p>
 741                                             <small>Author of this quote</small>
 742                                         </blockquote>
 743                                     </div>
 744                                 </div>
 745
 746                             </div>
 747                             <div class="carousel-image hidden-xs">
 748                                 <img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
 749                             </div>
 750                         </div>
 751                     </div>
 752
 753                     <div class="item text_only">
 754                         <div class="container">
 755                             <div class="content">
 756
 757                                 <div class="row">
 758                                     <div class="col-md-5 col-md-offset-4 mt64">
 759                                         <blockquote>
 760                                             <p>
 761                                                 OpenERP provides essential platform for our project management.
 762                                                 Things are better organized and more visible with it.
 763                                             </p>
 764                                             <small>John Doe, CEO</small>
 765                                         </blockquote>
 766                                     </div>
 767                                 </div>
 768
 769                             </div>
 770                             <div class="carousel-image hidden-xs">
 771                                 <img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
 772                             </div>
 773                         </div>
 774
 775                     </div>
 776                 </div>
 777                 <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>
 778                 <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>
 779             </div>
 780
 781
 782         </section>
 783     </div>
 784
 785
 786 </div>
 787
 788 <div id="snippet_hidden" class="hidden">
 789
 790     <div t-name="website.snippets.colmd" data-snippet-id='colmd' data-selector-vertical-children='.row'></div>
 791
 792 </div>
 793
 794 <div id="snippet_styles" class="hidden">
 795     <div data-snippet-id='darken' data-selector='section' data-class="oe_dark">
 796         <div class='oe_snippet_label'>Darken</div>
 797         <div class='oe_snippet_group'>Background</div>
 798     </div>
 799     <div data-snippet-id='green' data-selector='section' data-class="oe_green">
 800         <div class='oe_snippet_label'>Green</div>
 801         <div class='oe_snippet_group'>Background</div>
 802     </div>
 803     <div data-snippet-id='red' data-selector='section' data-class="oe_red">
 804         <div class='oe_snippet_label'>Red</div>
 805         <div class='oe_snippet_group'>Background</div>
 806     </div>
 807     <div data-snippet-id='black' data-selector='section' data-class="oe_black">
 808         <div class='oe_snippet_label'>Black</div>
 809         <div class='oe_snippet_group'>Background</div>
 810     </div>
 811     <div data-snippet-id='custom_background' data-selector='section' data-class="oe_custom_bg">
 812         <div class='oe_snippet_label'>Custom Picture...</div>
 813         <div class='oe_snippet_group'>Background</div>
 814     </div>
 815 </div>
 816
 817     </div>
 818 </div>
 819 </template>
 820 </data>
 821 </openerp>