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 divider"></li>
  18         <li class="oe_snippet_options">
  19             <a href="#" class="button js_add">Add Slide</a>
  20         </li>
  21         <li class="oe_snippet_options">
  22             <a href="#" class="button js_remove">Remove Slide</a>
  23         </li>
  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>
  27         </div>
  28         <div id="myCarousel" class="oe_snippet_body carousel slide oe_medium mb32">
  29             <!-- Indicators -->
  30             <ol class="carousel-indicators hidden">
  31                 <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  32             </ol>
  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>
  39                             <p>
  40                                 <a href="/page/website.contactus" class="btn btn-success btn-large">Contact us</a>
  41                             </p>
  42                         </div>
  43                         <div class="carousel-image hidden-xs">
  44                             <img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
  45                         </div>
  46                     </div>
  47                 </div>
  48             </div>
  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>
  51         </div>
  52     </div>
  53
  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>
  58         </div>
  59         <section class="oe_snippet_body">
  60             <div class="container">
  61                 <div class="row">
  62                     <div class="col-md-6 mt16">
  63                         <h3>A Section Subtitle</h3>
  64                         <p>
  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.
  68                         </p><p>
  69                             Start with the customer – find out what they want
  70                             and give it to them.
  71                         </p>
  72                     </div>
  73                     <div class="col-md-6 mt16 mb16">
  74                         <img class="img img-responsive shadow" src="/website/static/src/img/text_image.png"/>
  75                     </div>
  76                 </div>
  77             </div>
  78         </section>
  79     </div>
  80
  81
  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>
  86         </div>
  87         <section class="oe_snippet_body">
  88             <div class="container">
  89                 <div class="row">
  90                     <div class="col-md-6 mt16 mb16">
  91                         <img class="img img-responsive shadow" src="/website/static/src/img/image_text.jpg"/>
  92                     </div>
  93                     <div class="col-md-6 mt16">
  94                         <h3>A Section Subtitle</h3>
  95                         <p>
  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.
  99                         </p><p>
 100                             Start with the customer – find out what they want
 101                             and give it to them.
 102                         </p>
 103                     </div>
 104                 </div>
 105             </div>
 106         </section>
 107     </div>
 108
 109
 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>
 114         </div>
 115         <section class="oe_snippet_body jumbotron mt16 mb16">
 116             <div class="container">
 117                 <h1>Sell Online. Easily.</h1>
 118                 <p>
 119                     Write one sentence to convince visitor about your message.
 120                 </p>
 121                 <p>
 122                     <a class="btn btn-primary btn-lg" href="/website.contactus">
 123                         Contact us
 124                     </a>
 125                 </p>
 126             </div>
 127         </section>
 128     </div>
 129
 130
 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>
 135         </div>
 136         <section class="oe_snippet_body mt16 mb16">
 137             <div class="container">
 138                 <div class="row">
 139                     <div class="col-md-12 text-center mt16 mb32">
 140                         <h2>
 141                             A Great Headline
 142                         </h2>
 143                         <h3 class="text-muted">A good subtitle. A very good one.</h3>
 144                     </div>
 145                     <div class="col-md-12 mb16 mt16">
 146                         <p>
 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.
 149                         </p><p>
 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.
 154                         </p><p>
 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.
 161                         </p>
 162                     </div>
 163                 </div>
 164             </div>
 165         </section>
 166     </div>
 167
 168
 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>
 173         </div>
 174         <section class="oe_snippet_body">
 175             <div class="container">
 176                 <div class="row">
 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>
 180                     </div>
 181                 </div>
 182             </div>
 183         </section>
 184     </div>
 185
 186
 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>
 191         </div>
 192         <hr class="oe_snippet_body"/>
 193     </div>
 194
 195
 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>
 200         </div>
 201         <section class="oe_snippet_body oe_dark mt16 mb16">
 202             <div class="container">
 203                 <div class="row">
 204                     <div class="col-md-12 text-center mt32 mb32">
 205                         <h2>A Punchy Headline</h2>
 206                     </div>
 207                     <div class="col-md-12">
 208                         <img class="img img-responsive" src="/website/static/src/img/big_picture.png" style="margin: 0 auto;"/>
 209                     </div>
 210                     <div class="col-md-6 col-md-offset-3 mb16 mt16">
 211                         <p class="text-center">
 212                             <b>A Small Subtitle</b>
 213                         </p>
 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.
 218                         </p>
 219                         <p class="text-center">
 220                             <a href="/page/website.contactus">Contact us »</a>
 221                         </p>
 222                     </div>
 223                 </div>
 224             </div>
 225         </section>
 226     </div>
 227
 228
 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>
 233         </div>
 234         <section class="oe_snippet_body mt16 mb16">
 235             <div class="container">
 236                 <div class="row">
 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>
 240                     </div>
 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>
 244                         <p>
 245                             Post job offers and keep track of each application
 246                             received. Follow applicants in your recruitment process
 247                             with the smart kanban view.
 248                         </p><p>
 249                             Save time by automating some communications with email
 250                             templates. Resumes are indexed automatically, allowing
 251                             you to easily find for specific profiles.
 252                         </p>
 253                     </div>
 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>
 257                         <p>
 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.
 262                         </p><p>
 263                             Interact with your collegues in real time with live chat.
 264                         </p>
 265                     </div>
 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>
 269                         <p>
 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.
 275                         </p>
 276                     </div>
 277                 </div>
 278             </div>
 279         </section>
 280     </div>
 281
 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>
 286         </li>
 287         <li class="oe_snippet_options">
 288             <a href="#" class="button js_remove">Remove Slide</a>
 289         </li>
 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>
 293         </div>
 294         <div id="myQuoteCarousel" class="oe_snippet_body carousel slide oe_small mb0">
 295             <!-- Indicators -->
 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>
 299             </ol>
 300             <div class="carousel-inner">
 301
 302                 <div class="item text_only active">
 303                     <div class="container">
 304                         <div class="content">
 305
 306                             <div class="row">
 307                                 <blockquote class="col-md-5 col-md-offset-4 mt64">
 308                                         <p>
 309                                             Write here a quote from one of your customer. Quotes are are
 310                                             great way to give confidence in your products or services.
 311                                         </p>
 312                                         <small>Author of this quote</small>
 313                                 </blockquote>
 314                             </div>
 315
 316                         </div>
 317                     </div>
 318                 </div>
 319
 320                 <div class="item text_only">
 321                     <div class="container">
 322                         <div class="content">
 323
 324                             <div class="row">
 325                                 <blockquote class="col-md-5 col-md-offset-4 mt64">
 326                                         <p>
 327                                             OpenERP provides essential platform for our project management.
 328                                             Things are better organized and more visible with it.
 329                                         </p>
 330                                         <small>John Doe, CEO</small>
 331                                 </blockquote>
 332                             </div>
 333
 334                         </div>
 335                     </div>
 336
 337                 </div>
 338             </div>
 339         </div>
 340     </div>
 341
 342 </div>
 343
 344 <div id="snippet_content" class="tab-pane fade">
 345
 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>
 350         </div>
 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.
 354         </div>
 355     </div>
 356
 357
 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>
 362         </div>
 363         <blockquote class="oe_snippet_body">
 364             <p>
 365                 Write here a quote from one of your customer. Quotes are are
 366                 great way to give confidence in your products or services.
 367             </p>
 368             <small>Author of this quote</small>
 369         </blockquote>
 370     </div>
 371
 372
 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>
 377         </div>
 378         <div class="oe_snippet_body panel panel-default">
 379             <div class="panel-heading">
 380                 <h3 class="panel-title">Feature Title</h3>
 381             </div>
 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
 385                 columns.
 386             </div>
 387         </div>
 388     </div>
 389
 390 </div>
 391
 392 <div id="snippet_feature" class="tab-pane fade">
 393
 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>
 398         </div>
 399         <section class="oe_snippet_body">
 400             <div class="container">
 401                 <div class="row">
 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>
 405                     </div>
 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"/>
 410                     </div>
 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"/>
 415                     </div>
 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"/>
 420                     </div>
 421                 </div>
 422             </div>
 423         </section>
 424     </div>
 425
 426
 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>
 431         </div>
 432         <section class="oe_snippet_body">
 433             <div class="container">
 434                 <div class="row">
 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>
 438                     </div>
 439                     <div class="col-md-6">
 440                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
 441                     </div>
 442                     <div class="col-md-3">
 443                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 444                     </div>
 445                     <div class="col-md-3">
 446                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
 447                     </div>
 448                     <div class="col-md-3">
 449                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
 450                     </div>
 451                     <div class="col-md-3">
 452                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 453                     </div>
 454                     <div class="col-md-3">
 455                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
 456                     </div>
 457                     <div class="col-md-6">
 458                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
 459                     </div>
 460                     <div class="col-md-3">
 461                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 462                     </div>
 463                 </div>
 464             </div>
 465         </section>
 466     </div>
 467
 468
 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>
 473         </div>
 474         <section class="oe_snippet_body">
 475             <div class="container">
 476               <div class="row">
 477                 <div class="col-md-12 text-center mt16 mb32">
 478                     <h2>Our Offers</h2>
 479                 </div>
 480
 481                 <div class="col-md-4">
 482                     <div class="panel panel-info">
 483
 484                       <div class="panel-heading text-center">
 485                           <h2 style="margin: 0">Beginner</h2>
 486                           <p style="margin: 0" class="text-muted">
 487                               Starter package
 488                           </p>
 489                       </div>
 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>
 492                         <div>per month</div>
 493                       </div>
 494
 495
 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>
 501                       </ul>
 502                       <div class="panel-footer text-center">
 503                           <p class="text-muted">
 504                               <i>Free shipping, satisfied or reimbursed.</i>
 505                           </p>
 506                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
 507                       </div>
 508                     </div>
 509                 </div>
 510                 <div class="col-md-4">
 511                     <div class="panel panel-primary">
 512
 513                       <div class="panel-heading text-center">
 514                           <h2 style="margin: 0">Professional</h2>
 515                           <p style="margin: 0">
 516                               Enterprise package
 517                           </p>
 518                       </div>
 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>
 521                         <div>per month</div>
 522                       </div>
 523
 524
 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>
 530                       </ul>
 531                       <div class="panel-footer text-center">
 532                           <p class="text-muted">
 533                               <i>Free shipping, satisfied or reimbursed.</i>
 534                           </p>
 535                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
 536                       </div>
 537                     </div>
 538                 </div>
 539                 <div class="col-md-4">
 540                     <div class="panel panel-info">
 541
 542                       <div class="panel-heading text-center">
 543                           <h2 style="margin: 0">Expert</h2>
 544                           <p style="margin: 0" class="text-muted">
 545                               The top of the top
 546                           </p>
 547                       </div>
 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>
 550                         <div>per month</div>
 551                       </div>
 552
 553
 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>
 559                       </ul>
 560                       <div class="panel-footer text-center">
 561                           <p class="text-muted">
 562                               <i>Free shipping, satisfied or reimbursed.</i>
 563                           </p>
 564                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
 565                       </div>
 566                     </div>
 567
 568                 </div>
 569               </div>
 570             </div>
 571         </section>
 572     </div>
 573
 574
 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>
 579         </div>
 580         <section class="oe_snippet_body oe_snippet_darken oe_dark">
 581             <div class="container">
 582               <div class="row">
 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>
 586                 </div>
 587               </div>
 588             </div>
 589         </section>
 590     </div>
 591
 592
 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>
 597         </div>
 598         <section class="oe_snippet_body">
 599             <div class="container">
 600                 <h2 class="page-header">
 601                     Point of Sale Questions <small>v7</small>
 602                 </h2>
 603                 <h3>
 604                     Which hardware does OpenERP POS support?
 605                 </h3>
 606                 <p>
 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.
 609                 </p><p>
 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.
 613                 </p>
 614                 <h3>
 615                     Does it works offline?
 616                 </h3>
 617                 <p>
 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.
 621                 </p><p>
 622                     While an internet connection is required to start the Point of
 623                     Sale, it will stay operational even after a complete disconnection.
 624                 </p>
 625
 626                 <h2 class="page-header">
 627                     Project Management Questions <small>v7</small>
 628                 </h2>
 629                 <h3>
 630                     Can I use it to manage projects based on agile methodologies?
 631                 </h3>
 632                 <p>
 633                     Yes.
 634                 </p>
 635             </div>
 636         </section>
 637     </div>
 638
 639
 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>
 644         </div>
 645         <section class="oe_snippet_body mb32 mt16">
 646             <div class="container">
 647                 <div class="row">
 648                     <div class="col-md-12">
 649                         <h1 class="text-center">
 650                             Our References
 651                         </h1>
 652                         <h3 class="text-muted text-center">
 653                             More than 500 happy customers.
 654                         </h3>
 655                     </div>
 656                     <div class="col-md-4 col-md-offset-1 mt16 mb32">
 657                         <blockquote data-snippet-id="quote">
 658                             <p>
 659                                 Write here a quote from one of your customer. Quotes are are
 660                                 great way to give confidence in your products or services.
 661                             </p>
 662                             <small>Author of this quote</small>
 663                         </blockquote>
 664                     </div>
 665                     <div class="col-md-4 col-md-offset-2 mt16 mb32">
 666                         <blockquote data-snippet-id="quote">
 667                             <p>
 668                                 OpenERP provides essential platform for our project management.
 669                                 Things are better organized and more visible with it.
 670                             </p>
 671                             <small>John Doe, CEO</small>
 672                         </blockquote>
 673                     </div>
 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"/>
 676                     </div>
 677                     <div class="col-md-2">
 678                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 679                     </div>
 680                     <div class="col-md-2">
 681                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 682                     </div>
 683                     <div class="col-md-2">
 684                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 685                     </div>
 686                     <div class="col-md-2">
 687                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 688                     </div>
 689                 </div>
 690             </div>
 691         </section>
 692     </div>
 693
 694 </div>
 695
 696 <div id="snippet_effect" class="tab-pane fade">
 697
 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>
 702         </div>
 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>
 712             </ul>
 713         </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">
 717         </div>
 718     </div>
 719
 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>
 724         </div>
 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">
 727                 <!-- Indicators -->
 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>
 731                 </ol>
 732                 <div class="carousel-inner">
 733
 734                     <div class="item text_only active">
 735                         <div class="container">
 736                             <div class="content">
 737
 738                                 <div class="row">
 739                                     <blockquote class="col-md-5 col-md-offset-4 mt64">
 740                                             <p>
 741                                                 Write here a quote from one of your customer. Quotes are are
 742                                                 great way to give confidence in your products or services.
 743                                             </p>
 744                                             <small>Author of this quote</small>
 745                                     </blockquote>
 746                                 </div>
 747
 748                             </div>
 749                         </div>
 750                     </div>
 751
 752                     <div class="item text_only">
 753                         <div class="container">
 754                             <div class="content">
 755
 756                                 <div class="row">
 757                                     <blockquote class="col-md-5 col-md-offset-4 mt64">
 758                                             <p>
 759                                                 OpenERP provides essential platform for our project management.
 760                                                 Things are better organized and more visible with it.
 761                                             </p>
 762                                             <small>John Doe, CEO</small>
 763                                     </blockquote>
 764                                 </div>
 765
 766                             </div>
 767                         </div>
 768
 769                     </div>
 770                 </div>
 771             </div>
 772         </section>
 773     </div>
 774
 775 </div>
 776
 777 <!-- use to declare snippet for snippet editor -->
 778 <div id="snippet_hidden" class="hidden">
 779
 780     <div t-name="website.snippets.colmd" data-snippet-id='colmd' data-selector-vertical-children='.row'></div>
 781
 782 </div>
 783
 784 <div id="snippet_styles" class="hidden">
 785
 786     <div data-snippet-style-id='carousel-style' data-selector='div[data-snippet-id="carousel"]'>
 787         <li class="dropdown-submenu" data-required="true">
 788             <a tabindex="-1" href="#">Layout</a>
 789             <ul class="dropdown-menu">
 790                 <li data-class="text_only"><a>Text Only</a></li>
 791                 <li data-class="image_text"><a>Image - Text</a></li>
 792                 <li data-class="text_image"><a>Text - Image</a></li>
 793             </ul>
 794         </li>
 795     </div>
 796
 797     <div data-snippet-style-id='size' data-selector='div[data-snippet-id="parallax"], div[data-snippet-id="carousel"], div[data-snippet-id="slider"]'>
 798         <li class="dropdown-submenu" data-required="true">
 799             <a tabindex="-1" href="#">Size</a>
 800             <ul class="dropdown-menu">
 801                 <li data-class='oe_small'><a>Small</a></li>
 802                 <li data-class='oe_medium'><a>Medium</a></li>
 803                 <li data-class='oe_big'><a>Big</a></li>
 804             </ul>
 805         </li>
 806     </div>
 807
 808     <div data-snippet-style-id='background' data-selector='section, div[data-snippet-id="parallax"], div[data-snippet-id="carousel"]'>
 809         <li class="dropdown-submenu">
 810             <a tabindex="-1" href="#">Background</a>
 811             <ul class="dropdown-menu">
 812                 <li class="dropdown-submenu">
 813                     <a tabindex="-1" href="#">Uniform Color</a>
 814                     <ul class="dropdown-menu">
 815                         <li data-class='oe_dark'><a>Darken</a></li>
 816                         <li data-class='oe_green'><a>Green</a></li>
 817                         <li data-class='oe_red'><a>Red</a></li>
 818                         <li data-class='oe_black'><a>Black</a></li>
 819                     </ul>
 820                 </li>
 821                 <li class="dropdown-submenu">
 822                     <a tabindex="-1" href="#">People</a>
 823                     <ul class="dropdown-menu">
 824                         <li data-class="oe_img_bg" data-src="/website/static/src/img/parallax/parallax_bg.jpg"><a>Sunflower</a></li>
 825                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/business_guy.jpg"><a>Business Guy</a></li>
 826                     </ul>
 827                 </li>
 828                 <li class="dropdown-submenu">
 829                     <a tabindex="-1" href="#">Landscape</a>
 830                     <ul class="dropdown-menu">
 831                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/flower_field.jpg"><a>Flowers Field</a></li>
 832                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/landscape.jpg"><a>Landscape</a></li>
 833                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/mountains.jpg"><a>Mountains</a></li>
 834                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/greenfields.jpg"><a>Greenfields</a></li>
 835                     </ul>
 836                 </li>
 837                 <li class="dropdown-submenu">
 838                     <a tabindex="-1" href="#">Various</a>
 839                     <ul class="dropdown-menu">
 840                         <li data-class="oe_img_bg" data-src="/website/static/src/img/parallax/quote.png"><a>Aqua</a></li>
 841                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/aqua.jpg"><a>Aqua</a></li>
 842                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/baby_blue.jpg"><a>Baby Blue</a></li>
 843                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/black.jpg"><a>Black</a></li>
 844                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/color_splash.jpg"><a>Color Splash</a></li>
 845                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/mango.jpg"><a>Mango</a></li>
 846                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/orange_red.jpg"><a>Orange Red</a></li>
 847                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/flower.jpg"><a>Purple</a></li>
 848                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/velour.jpg"><a>Velour</a></li>
 849                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/wood.jpg"><a>Wood</a></li>
 850                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/yellow_green.jpg"><a>Yellow Green</a></li>
 851                     </ul>
 852                 </li>
 853                 <li><a style="background: none; padding: 5px; border-top: 1px solid #ddd;"></a></li>
 854                 <li class="oe_custom_bg" data-class="oe_img_bg"><a><b>Choose an image...</b></a></li>
 855             </ul>
 856         </li>
 857     </div>
 858
 859 </div>
 860
 861     </div>
 862 </div>
 863 </template>
 864 </data>
 865 </openerp>