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 mb32" style="height: 320px;">
  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                         <img class="carousel-image hidden-xs" src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
  44                     </div>
  45                 </div>
  46             </div>
  47             <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>
  48             <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>
  49         </div>
  50     </div>
  51
  52     <div data-snippet-id="text-image" data-selector-children=".oe_structure, [data-oe-type=html]">
  53         <div class="oe_snippet_thumbnail">
  54             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_image.png"/>
  55             <span class="oe_snippet_thumbnail_title">Text-Image</span>
  56         </div>
  57         <section class="oe_snippet_body">
  58             <div class="container">
  59                 <div class="row">
  60                     <div class="col-md-6 mt16">
  61                         <h3>A Section Subtitle</h3>
  62                         <p>
  63                             Write one or two paragraphs describing your product or
  64                             services. To be successful your content needs to be
  65                             useful to your readers.
  66                         </p><p>
  67                             Start with the customer – find out what they want
  68                             and give it to them.
  69                         </p>
  70                     </div>
  71                     <div class="col-md-6 mt16">
  72                         <img class="img img-responsive shadow mb16" src="/website/static/src/img/text_image.png"/>
  73                     </div>
  74                 </div>
  75             </div>
  76         </section>
  77     </div>
  78
  79
  80     <div data-snippet-id="image-text" data-selector-children=".oe_structure, [data-oe-type=html]">
  81         <div class="oe_snippet_thumbnail">
  82             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_text.png"/>
  83             <span class="oe_snippet_thumbnail_title">Image-Text</span>
  84         </div>
  85         <section class="oe_snippet_body">
  86             <div class="container">
  87                 <div class="row">
  88                     <div class="col-md-6 mt16">
  89                         <img class="img img-responsive shadow mb16" src="/website/static/src/img/image_text.jpg"/>
  90                     </div>
  91                     <div class="col-md-6 mt16">
  92                         <h3>A Section Subtitle</h3>
  93                         <p>
  94                             Write one or two paragraphs describing your product,
  95                             services or a specific feature. To be successful
  96                             your content needs to be useful to your readers.
  97                         </p><p>
  98                             Start with the customer – find out what they want
  99                             and give it to them.
 100                         </p>
 101                     </div>
 102                 </div>
 103             </div>
 104         </section>
 105     </div>
 106
 107
 108     <div data-snippet-id="jumbotron" data-selector-children=".oe_structure, [data-oe-type=html]">
 109         <div class="oe_snippet_thumbnail">
 110             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_jumbotron.png"/>
 111             <span class="oe_snippet_thumbnail_title">Big Message</span>
 112         </div>
 113         <section class="oe_snippet_body jumbotron mt16 mb16">
 114             <div class="container">
 115                 <h1>Sell Online. Easily.</h1>
 116                 <p>
 117                     Write one sentence to convince visitor about your message.
 118                 </p>
 119                 <p>
 120                     <a class="btn btn-primary btn-lg" href="/page/website.contactus">
 121                         Contact us
 122                     </a>
 123                 </p>
 124             </div>
 125         </section>
 126     </div>
 127
 128
 129     <div data-snippet-id="text-block" data-selector-children=".oe_structure, [data-oe-type=html]">
 130         <div class="oe_snippet_thumbnail">
 131             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_block.png"/>
 132             <span class="oe_snippet_thumbnail_title">Text Block</span>
 133         </div>
 134         <section class="oe_snippet_body mt16 mb16">
 135             <div class="container">
 136                 <div class="row">
 137                     <div class="col-md-12 text-center mt16 mb32">
 138                         <h2>
 139                             A Great Headline
 140                         </h2>
 141                         <h3 class="text-muted">A good subtitle</h3>
 142                     </div>
 143                     <div class="col-md-12 mb16 mt16">
 144                         <p>
 145                             A great way to catch your reader's attention is to tell a story.
 146                             Everything you consider writing can be told as a story.
 147                         </p><p>
 148                             <b>Great stories have personality</b>. Consider telling
 149                             a great story that provides personality. Writing a story
 150                             with personality for potential clients will asist with
 151                             making a relationship connection. This shows up in small
 152                             quirks like word choices or phrases. Write from your point
 153                             of view, not from someone else's experience.
 154                         </p><p>
 155                             <b>Great stories are for everyone even when only written for
 156                             just one person</b>. If you try to write with a wide general
 157                             audience in mind, your story will ring false and be bland.
 158                             No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.
 159                         </p>
 160                     </div>
 161                 </div>
 162             </div>
 163         </section>
 164     </div>
 165
 166
 167     <div data-snippet-id="title" data-selector-children=".oe_structure, [data-oe-type=html]">
 168         <div class="oe_snippet_thumbnail">
 169             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_title.png"/>
 170             <span class="oe_snippet_thumbnail_title">Title</span>
 171         </div>
 172         <section class="oe_snippet_body">
 173             <div class="container">
 174                 <div class="row">
 175                     <div class="col-md-12">
 176                         <h1 class="text-center">Your Website Title</h1>
 177                         <h3 class="text-muted text-center">And a great subtitle too</h3>
 178                     </div>
 179                 </div>
 180             </div>
 181         </section>
 182     </div>
 183
 184
 185     <div data-snippet-id="hr" data-selector-children=".oe_structure, [data-oe-type=html]">
 186         <div class="oe_snippet_thumbnail">
 187             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_separator.png"/>
 188             <span class="oe_snippet_thumbnail_title">Separator</span>
 189         </div>
 190         <hr class="oe_snippet_body"/>
 191     </div>
 192
 193
 194     <div data-snippet-id="big-picture" data-selector-children=".oe_structure, [data-oe-type=html]">
 195         <div class="oe_snippet_thumbnail">
 196             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_big_picture.png"/>
 197             <span class="oe_snippet_thumbnail_title">Big Picture</span>
 198         </div>
 199         <section class="oe_snippet_body oe_dark mt16 mb16">
 200             <div class="container">
 201                 <div class="row">
 202                     <div class="col-md-12 text-center mt32 mb32">
 203                         <h2>A Punchy Headline</h2>
 204                     </div>
 205                     <div class="col-md-12">
 206                         <img class="img img-responsive" src="/website/static/src/img/big_picture.png" style="margin: 0 auto;"/>
 207                     </div>
 208                     <div class="col-md-6 col-md-offset-3 mb16 mt16">
 209                         <p class="text-center">
 210                             <b>A Small Subtitle</b>
 211                         </p>
 212                         <p class="text-center">
 213                             Choose a vibrant image and write an inspiring paragraph
 214                             about it. It does not have to be long, but it should
 215                             reinforce your image.
 216                         </p>
 217                         <p class="text-center">
 218                             <a href="/page/website.contactus">Contact us »</a>
 219                         </p>
 220                     </div>
 221                 </div>
 222             </div>
 223         </section>
 224     </div>
 225
 226
 227     <div data-snippet-id="three-columns" data-selector-children=".oe_structure, [data-oe-type=html]">
 228         <div class="oe_snippet_thumbnail">
 229             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_three_columns.png"/>
 230             <span class="oe_snippet_thumbnail_title">Three Columns</span>
 231         </div>
 232         <section class="oe_snippet_body mt16 mb16">
 233             <div class="container">
 234                 <div class="row">
 235                     <div class="col-md-4">
 236                         <img class="img img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
 237                         <h4 class="mt16">Feature One</h4>
 238                         <p>
 239                             Adapt these three columns to fit you design need.
 240                             To duplicate, delete or move columns, select the
 241                             column and use the top icons to perform your action.
 242                         </p>
 243                     </div>
 244                     <div class="col-md-4">
 245                         <img class="img img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
 246                         <h4 class="mt16">Feature Two</h4>
 247                         <p>
 248                             To add a fourth column, reduce the size of these
 249                             three columns using the right icon of each block.
 250                             Then, duplicate one of the column to create a new
 251                             one as a copy.
 252                         </p>
 253                     </div>
 254                     <div class="col-md-4">
 255                         <img class="img img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
 256                         <h4 class="mt16">Feature Three</h4>
 257                         <p>
 258                             Delete the above image or replace it with a picture
 259                             that illustrates your message. Click on the picture to
 260                             change it's <em>rounded corner</em> style.
 261                         </p>
 262                     </div>
 263                 </div>
 264             </div>
 265         </section>
 266     </div>
 267
 268     <div data-snippet-id="slider" data-selector-children=".oe_structure, [data-oe-type=html]">
 269         <li class="oe_snippet_options divider"></li>
 270         <li class="oe_snippet_options">
 271             <a href="#" class="button js_add">Add Slide</a>
 272         </li>
 273         <li class="oe_snippet_options">
 274             <a href="#" class="button js_remove">Remove Slide</a>
 275         </li>
 276         <div class="oe_snippet_thumbnail">
 277             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quotes_slider.png"/>
 278             <span class="oe_snippet_thumbnail_title">Quotes Slider</span>
 279         </div>
 280         <div id="myQuoteCarousel" class="oe_snippet_body carousel quotecarousel slide mb0">
 281             <!-- Indicators -->
 282             <ol class="carousel-indicators mb0">
 283                 <li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
 284                 <li data-target="#myQuoteCarousel" data-slide-to="1"></li>
 285             </ol>
 286             <div class="carousel-inner">
 287
 288                 <div class="item text_only active">
 289                     <div class="container">
 290                         <div class="content">
 291
 292                             <div class="row">
 293                                 <blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
 294                                         <p>
 295                                             Write a quote here from one of your customers. Quotes are a
 296                                             great way to build confidence in your products or services.
 297                                         </p>
 298                                         <small>Author of this quote</small>
 299                                 </blockquote>
 300                             </div>
 301
 302                         </div>
 303                     </div>
 304                 </div>
 305
 306                 <div class="item text_only">
 307                     <div class="container">
 308                         <div class="content">
 309
 310                             <div class="row">
 311                                 <blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
 312                                         <p>
 313                                             OpenERP provides essential platform for our project management.
 314                                             Things are better organized and more visible with it.
 315                                         </p>
 316                                         <small>John Doe, CEO</small>
 317                                 </blockquote>
 318                             </div>
 319
 320                         </div>
 321                     </div>
 322
 323                 </div>
 324             </div>
 325         </div>
 326     </div>
 327
 328 </div>
 329
 330 <div id="snippet_content" class="tab-pane fade">
 331
 332     <div data-snippet-id="well" data-selector-siblings="p, h1, h2, h3, blockquote" data-selector-children=".content">
 333         <div class="oe_snippet_thumbnail">
 334             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_well.png"/>
 335             <span class="oe_snippet_thumbnail_title">Well</span>
 336         </div>
 337         <div class="oe_snippet_body well">
 338             Explain the benefits you offer. Don't write about products or
 339             services here, write about solutions.
 340         </div>
 341     </div>
 342
 343
 344     <div data-snippet-id="quote" data-selector-siblings="p, h1, h2, h3, blockquote" data-selector-children=".content">
 345         <div class="oe_snippet_thumbnail">
 346             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quote.png"/>
 347             <span class="oe_snippet_thumbnail_title">Quote</span>
 348         </div>
 349         <blockquote class="oe_snippet_body">
 350             <p>
 351                 Write a quote here from one of your customers. Quotes are a
 352                 great way to build confidence in your products or services.
 353             </p>
 354             <small>Author of this quote</small>
 355         </blockquote>
 356     </div>
 357
 358
 359     <div data-snippet-id="panel" data-selector-siblings="p, h1, h2, h3, blockquote" data-selector-children=".content">
 360         <div class="oe_snippet_thumbnail">
 361             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_panel.png"/>
 362             <span class="oe_snippet_thumbnail_title">Panel</span>
 363         </div>
 364         <div class="oe_snippet_body panel panel-default">
 365             <div class="panel-heading">
 366                 <h3 class="panel-title">Feature Title</h3>
 367             </div>
 368             <div class="panel-body">
 369                 Panels are a great tool to compare offers or to emphasize on
 370                 key features. To compare products, use the inside columns.
 371             </div>
 372         </div>
 373     </div>
 374
 375 </div>
 376
 377 <div id="snippet_feature" class="tab-pane fade">
 378
 379     <div data-snippet-id="portfolio" data-selector-children=".oe_structure, [data-oe-type=html]">
 380         <div class="oe_snippet_thumbnail">
 381             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_portfolio.png"/>
 382             <span class="oe_snippet_thumbnail_title">Portfolio</span>
 383         </div>
 384         <section class="oe_snippet_body">
 385             <div class="container">
 386                 <div class="row">
 387                     <div class="col-md-12 text-center mt16 mb32">
 388                         <h2>Our Porfolio</h2>
 389                         <h4 class="text-muted">More than 500 successful projects</h4>
 390                     </div>
 391                     <div class="col-md-4">
 392                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
 393                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 394                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 395                     </div>
 396                     <div class="col-md-4">
 397                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 398                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 399                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
 400                     </div>
 401                     <div class="col-md-4">
 402                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/landscape.jpg"/>
 403                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 404                         <img class="img img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 405                     </div>
 406                 </div>
 407             </div>
 408         </section>
 409     </div>
 410
 411
 412     <div data-snippet-id="image-gallery" data-selector-children=".oe_structure, [data-oe-type=html]">
 413         <div class="oe_snippet_thumbnail">
 414             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_gallery.png"/>
 415             <span class="oe_snippet_thumbnail_title">Image Gallery</span>
 416         </div>
 417         <section class="oe_snippet_body">
 418             <div class="container">
 419                 <div class="row">
 420                     <div class="col-md-12 text-center mt16 mb32">
 421                         <h2>Our Customer References</h2>
 422                         <h4 class="text-muted">More than 500 successful projects</h4>
 423                     </div>
 424                     <div class="col-md-6">
 425                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
 426                     </div>
 427                     <div class="col-md-3">
 428                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 429                     </div>
 430                     <div class="col-md-3">
 431                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
 432                     </div>
 433                     <div class="col-md-3">
 434                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
 435                     </div>
 436                     <div class="col-md-3">
 437                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 438                     </div>
 439                     <div class="col-md-3">
 440                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
 441                     </div>
 442                     <div class="col-md-6">
 443                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
 444                     </div>
 445                     <div class="col-md-3">
 446                         <img class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 447                     </div>
 448                 </div>
 449             </div>
 450         </section>
 451     </div>
 452
 453
 454     <div data-snippet-id="pricing" data-selector-children=".oe_structure, [data-oe-type=html]">
 455         <div class="oe_snippet_thumbnail">
 456             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_comparison.png"/>
 457             <span class="oe_snippet_thumbnail_title">Comparisons</span>
 458         </div>
 459         <section class="oe_snippet_body">
 460             <div class="container">
 461               <div class="row">
 462                 <div class="col-md-12 text-center mt16 mb32">
 463                     <h2>Our Offers</h2>
 464                 </div>
 465
 466                 <div class="col-md-4">
 467                     <div class="panel panel-info">
 468
 469                       <div class="panel-heading text-center">
 470                           <h2 style="margin: 0">Beginner</h2>
 471                           <p style="margin: 0" class="text-muted">
 472                               Starter package
 473                           </p>
 474                       </div>
 475                       <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
 476                         <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">450</b><small>.00</small></h2>
 477                         <div>per month</div>
 478                       </div>
 479
 480
 481                       <ul class="list-group">
 482                         <li class="list-group-item active">Battery: 8 hours</li>
 483                         <li class="list-group-item">Screen: 2.5 inch</li>
 484                         <li class="list-group-item">Weight: 1.1 ounces</li>
 485                         <li class="list-group-item">No support</li>
 486                       </ul>
 487                       <div class="panel-footer text-center">
 488                           <p class="text-muted">
 489                               <i>Free shipping, satisfied or reimbursed.</i>
 490                           </p>
 491                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
 492                       </div>
 493                     </div>
 494                 </div>
 495                 <div class="col-md-4">
 496                     <div class="panel panel-primary">
 497
 498                       <div class="panel-heading text-center">
 499                           <h2 style="margin: 0">Professional</h2>
 500                           <p style="margin: 0">
 501                               Enterprise package
 502                           </p>
 503                       </div>
 504                       <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
 505                         <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">590</b><small>.00</small></h2>
 506                         <div>per month</div>
 507                       </div>
 508
 509
 510                       <ul class="list-group">
 511                         <li class="list-group-item active">Battery: 12 hours</li>
 512                         <li class="list-group-item">Screen: 2.8 inch</li>
 513                         <li class="list-group-item">Weight: 1.2 ounces</li>
 514                         <li class="list-group-item">Limited support</li>
 515                       </ul>
 516                       <div class="panel-footer text-center">
 517                           <p class="text-muted">
 518                               <i>Free shipping, satisfied or reimbursed.</i>
 519                           </p>
 520                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
 521                       </div>
 522                     </div>
 523                 </div>
 524                 <div class="col-md-4">
 525                     <div class="panel panel-info">
 526
 527                       <div class="panel-heading text-center">
 528                           <h2 style="margin: 0">Expert</h2>
 529                           <p style="margin: 0" class="text-muted">
 530                               The top of the top
 531                           </p>
 532                       </div>
 533                       <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
 534                         <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">890</b><small>.00</small></h2>
 535                         <div>per month</div>
 536                       </div>
 537
 538
 539                       <ul class="list-group">
 540                         <li class="list-group-item active">Battery: 20 hours</li>
 541                         <li class="list-group-item">Screen: 2.8 inch</li>
 542                         <li class="list-group-item">Weight: 1.2 ounces</li>
 543                         <li class="list-group-item">Unlimited support</li>
 544                       </ul>
 545                       <div class="panel-footer text-center">
 546                           <p class="text-muted">
 547                               <i>Free shipping, satisfied or reimbursed.</i>
 548                           </p>
 549                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
 550                       </div>
 551                     </div>
 552
 553                 </div>
 554               </div>
 555             </div>
 556         </section>
 557     </div>
 558
 559
 560     <div data-snippet-id="cta" data-selector-children=".oe_structure, [data-oe-type=html]">
 561         <div class="oe_snippet_thumbnail">
 562             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_button.png"/>
 563             <span class="oe_snippet_thumbnail_title">Button</span>
 564         </div>
 565         <section class="oe_snippet_body oe_snippet_darken oe_dark">
 566             <div class="container">
 567               <div class="row">
 568                 <div class="col-md-12 text-center mt16 mb16">
 569                     <a href="/shop" class="btn btn-info btn-lg">View Products</a>
 570                     <a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
 571                 </div>
 572               </div>
 573             </div>
 574         </section>
 575     </div>
 576
 577
 578     <div data-snippet-id="faq" data-selector-children=".oe_structure, [data-oe-type=html]">
 579         <div class="oe_snippet_thumbnail">
 580             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_faq.png"/>
 581             <span class="oe_snippet_thumbnail_title">FAQ</span>
 582         </div>
 583         <section class="oe_snippet_body">
 584             <div class="container">
 585                 <h2 class="page-header">
 586                     Point of Sale Questions <small>v7</small>
 587                 </h2>
 588                 <h3>
 589                     Which hardware does OpenERP POS support?
 590                 </h3>
 591                 <p>
 592                     OpenERP's POS is a web application that can run on any device that
 593                     can display websites with little to no setup required.
 594                 </p><p>
 595                     The Point of Sale works perfectly on any kind of touch enabled
 596                     device, whether it's multi-touch tablets like an iPad or
 597                     keyboardless resistive touchscreen terminals.
 598                 </p>
 599                 <h3>
 600                     Does it works offline?
 601                 </h3>
 602                 <p>
 603                     Deploy new stores with just an internet connection: no
 604                     installation, no specific hardware required. It works with any
 605                     iPad, Tablet PC, laptop or industrial POS machine.
 606                 </p><p>
 607                     While an internet connection is required to start the Point of
 608                     Sale, it will stay operational even after a complete disconnection.
 609                 </p>
 610
 611                 <h2 class="page-header">
 612                     Project Management Questions <small>v7</small>
 613                 </h2>
 614                 <h3>
 615                     Can I use it to manage projects based on agile methodologies?
 616                 </h3>
 617                 <p>
 618                     Yes.
 619                 </p>
 620             </div>
 621         </section>
 622     </div>
 623
 624
 625     <div data-snippet-id="references" data-selector-children=".oe_structure, [data-oe-type=html]">
 626         <div class="oe_snippet_thumbnail">
 627             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_references.png"/>
 628             <span class="oe_snippet_thumbnail_title">References</span>
 629         </div>
 630         <section class="oe_snippet_body mb32 mt16">
 631             <div class="container">
 632                 <div class="row">
 633                     <div class="col-md-12">
 634                         <h1 class="text-center">
 635                             Our References
 636                         </h1>
 637                         <h3 class="text-muted text-center">
 638                             More than 500 happy customers.
 639                         </h3>
 640                     </div>
 641                     <div class="col-md-4 col-md-offset-1 mt16 mb32">
 642                         <blockquote data-snippet-id="quote">
 643                             <p>
 644                                 Write a quote here from one of your customers. Quotes are a
 645                                 great way to build confidence in your products or services.
 646                             </p>
 647                             <small>Author of this quote</small>
 648                         </blockquote>
 649                     </div>
 650                     <div class="col-md-4 col-md-offset-2 mt16 mb32">
 651                         <blockquote data-snippet-id="quote">
 652                             <p>
 653                                 OpenERP provides essential platform for our project management.
 654                                 Things are better organized and more visible with it.
 655                             </p>
 656                             <small>John Doe, CEO</small>
 657                         </blockquote>
 658                     </div>
 659                     <div class="col-md-2 col-md-offset-1">
 660                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 661                     </div>
 662                     <div class="col-md-2">
 663                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 664                     </div>
 665                     <div class="col-md-2">
 666                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 667                     </div>
 668                     <div class="col-md-2">
 669                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 670                     </div>
 671                     <div class="col-md-2">
 672                         <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail"/>
 673                     </div>
 674                 </div>
 675             </div>
 676         </section>
 677     </div>
 678
 679     <div data-snippet-id="features" data-selector-children=".oe_structure, [data-oe-type=html]">
 680         <div class="oe_snippet_thumbnail">
 681             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_features.png"/>
 682             <span class="oe_snippet_thumbnail_title">Features</span>
 683         </div>
 684         <section class="oe_snippet_body mb16">
 685             <div class="container">
 686                 <div class="row mt16 mb16">
 687                     <div class="col-md-3 text-center">
 688                         <span class="fa fa-suitcase fa-5x"></span>
 689                         <h3 class="mt8 mb0">First Feature</h3>
 690                         <p class="text-muted">Tell what's the value for the customer for this feature.</p>
 691                         <p><a class="btn btn-primary">Learn More</a></p>
 692                     </div>
 693                     <div class="col-md-3 text-center">
 694                         <span class="fa fa-lock fa-5x"></span>
 695                         <h3 class="mt8 mb0">Second Feature</h3>
 696                         <p class="text-muted">Write what the customer would like to know, not what you want to show.</p>
 697                         <p><a class="btn btn-success">Take Tour</a></p>
 698                     </div>
 699                     <div class="col-md-3 text-center">
 700                         <span class="fa fa-heart fa-5x"></span>
 701                         <h3 class="mt8 mb0">Third Feature</h3>
 702                         <p class="text-muted">A small explanation of this great feature, in clear words.</p>
 703                         <p><a class="btn btn-info">Buy Now</a></p>
 704                     </div>
 705                     <div class="col-md-3 text-center">
 706                         <span class="fa fa-credit-card fa-5x"></span>
 707                         <h3 class="mt8 mb0">Fourth Feature</h3>
 708                         <p class="text-muted">A small explanation of this great feature on two lines.</p>
 709                         <p><a class="btn btn-danger">Buy Now</a></p>
 710                     </div>
 711                 </div>
 712             </div>
 713         </section>
 714     </div>
 715
 716     <div data-snippet-id="features-list" 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_features.png"/>
 719             <span class="oe_snippet_thumbnail_title">Feature Grid</span>
 720         </div>
 721         <section class="oe_snippet_body mb16">
 722             <div class="container">
 723                 <div class="row">
 724                     <div class="col-md-5 text-center">
 725                         <h2>List of Features</h2>
 726                         <h4 class="text-muted">Add a great slogan</h4>
 727                     </div>
 728                     <div class="col-md-5 text-center col-md-offset-2">
 729                         <h2>Second List</h2>
 730                         <h4 class="text-muted">Add a great slogan</h4>
 731                     </div>
 732                 </div><div class="row">
 733                     <div class="col-md-5 mt16 mb16">
 734                         <div class="row">
 735                           <div class="col-md-12">
 736                             <span style="min-width: 45px" class="fa fa-3x fa-comment pull-left mb16"></span>
 737                             <h3 class="mt0 mb0">Change Icons</h3>
 738                             <p>Click on the icon to adapt it to your feature</p>
 739                           </div><div class="col-md-12">
 740                             <span style="min-width: 45px" class="fa fa-3x fa-columns pull-left mb16"></span>
 741                             <h3 class="mt0 mb0">Duplicate</h3>
 742                             <p>Duplicate blocks to add more features.</p>
 743                           </div><div class="col-md-12">
 744                             <span style="min-width: 45px" class="fa fa-3x fa-user pull-left mb16"></span>
 745                             <h3 class="mt0 mb0">Delete Blocks</h3>
 746                             <p class="text-muted">Select and delete blocks to remove some features.</p>
 747                           </div>
 748                         </div>
 749                     </div>
 750                     <div class="col-md-5 col-md-offset-2 mt16 mb16">
 751                         <div class="row">
 752                           <div class="col-md-12">
 753                             <span style="min-width: 45px" class="fa fa-3x fa-magic pull-left mb16"></span>
 754                             <h3 class="mt0 mb0">Great Value</h3>
 755                             <p>Tell features the visitor would like to know, not what you'd like to say.</p>
 756                           </div><div class="col-md-12">
 757                             <span style="min-width: 45px" class="fa fa-3x fa-bolt pull-left mb16"></span>
 758                             <h3 class="mt0 mb0">Change Background</h3>
 759                             <p>From the main container, you can change the background to highlight features.</p>
 760                           </div><div class="col-md-12">
 761                             <span style="min-width: 45px" class="fa fa-3x fa-picture-o pull-left mb16"></span>
 762                             <h3 class="mt0 mb0">Sample images</h3>
 763                             <p>All these icons are licensed under creative commons so that you can use them.</p>
 764                           </div>
 765                         </div>
 766                     </div>
 767                 </div>
 768             </div>
 769         </section>
 770     </div>
 771
 772 </div>
 773
 774 <div id="snippet_effect" class="tab-pane fade">
 775
 776     <div data-snippet-id="parallax" data-selector-children=".oe_structure, [data-oe-type=html]">
 777         <div class="oe_snippet_thumbnail">
 778             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_parallax.png"/>
 779             <span class="oe_snippet_thumbnail_title">Parallax</span>
 780         </div>
 781         <li class="oe_snippet_options dropdown-submenu">
 782             <a tabindex="-1" href="#">Scroll Speed</a>
 783             <ul class="dropdown-menu" name="parallax-scroll">
 784                 <li data-value="0"><a>Static</a></li>
 785                 <li data-value="0.3"><a>Very Slow</a></li>
 786                 <li data-value="0.6"><a>Slow</a></li>
 787                 <li data-value="1"><a>Fixed</a></li>
 788                 <li data-value="1.4"><a>Fast</a></li>
 789                 <li data-value="1.7"><a>Very Fast</a></li>
 790             </ul>
 791         </li>
 792         <section class="oe_snippet_body parallax"
 793                 style="height: 320px; background-image: url('/website/static/src/img/banner/mountains.jpg')"
 794                 data-scroll-background-ratio="0.3">
 795                 <div><div class="oe_structure"/></div>
 796         </section>
 797     </div>
 798
 799     <div data-snippet-id="parallax_quote" data-selector-children=".oe_structure, [data-oe-type=html]">
 800         <div class="oe_snippet_thumbnail">
 801             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_quotes_slider.png"/>
 802             <span class="oe_snippet_thumbnail_title">Parallax Slider</span>
 803         </div>
 804         <section class="oe_snippet_body parallax" data-snippet-id="parallax"
 805                  style="height: 320px; background-image: url('/website/static/src/img/parallax/quote.png')"
 806                 data-scroll-background-ratio="0.3">
 807             <div>
 808                 <div class="oe_structure">
 809                     <div id="myQuoteCarousel" class="carousel quotecarousel slide mb0" data-snippet-id="slider">
 810                         <!-- Indicators -->
 811                         <ol class="carousel-indicators mb0">
 812                             <li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
 813                             <li data-target="#myQuoteCarousel" data-slide-to="1"></li>
 814                         </ol>
 815                         <div class="carousel-inner">
 816
 817                             <div class="item text_only active">
 818                                 <div class="container">
 819                                     <div class="content">
 820
 821                                         <div class="row">
 822                                             <blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
 823                                                 <p>
 824                                                     Write a quote here from one of your customers. Quotes are a
 825                                                     great way to build confidence in your products or services.
 826                                                 </p>
 827                                                 <small>Author of this quote</small>
 828                                             </blockquote>
 829                                         </div>
 830
 831                                     </div>
 832                                 </div>
 833                             </div>
 834
 835                             <div class="item text_only">
 836                                 <div class="container">
 837                                     <div class="content">
 838
 839                                         <div class="row">
 840                                             <blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
 841                                                 <p>
 842                                                     OpenERP provides essential platform for our project management.
 843                                                     Things are better organized and more visible with it.
 844                                                 </p>
 845                                                 <small>John Doe, CEO</small>
 846                                             </blockquote>
 847                                         </div>
 848
 849                                     </div>
 850                                 </div>
 851
 852                             </div>
 853                         </div>
 854                     </div>
 855                 </div>
 856             </div>
 857         </section>
 858     </div>
 859
 860 </div>
 861
 862 <!-- use to declare snippet for snippet editor -->
 863 <div id="snippet_hidden" class="hidden">
 864
 865     <div t-name="website.snippets.colmd" data-snippet-id='colmd' data-selector-vertical-children='.row'></div>
 866
 867 </div>
 868
 869 <div id="snippet_styles" class="hidden">
 870
 871     <div data-snippet-style-id='carousel-style' data-selector="div[data-snippet-id='carousel']">
 872         <li class="dropdown-submenu" data-required="true">
 873             <a tabindex="-1" href="#">Layout</a>
 874             <ul class="dropdown-menu">
 875                 <li data-class="text_only"><a>Text Only</a></li>
 876                 <li data-class="image_text"><a>Image - Text</a></li>
 877                 <li data-class="text_image"><a>Text - Image</a></li>
 878             </ul>
 879         </li>
 880     </div>
 881
 882     <div data-snippet-style-id='background' data-selector="section, section[data-snippet-id='parallax'], div[data-snippet-id='carousel']">
 883         <li class="dropdown-submenu">
 884             <a tabindex="-1" href="#">Background</a>
 885             <ul class="dropdown-menu">
 886                 <li class="dropdown-submenu">
 887                     <a tabindex="-2" href="#">Uniform Color</a>
 888                     <ul class="dropdown-menu">
 889                         <li data-class='oe_dark'><a>Darken</a></li>
 890                         <li data-class='oe_green'><a>Green</a></li>
 891                         <li data-class='oe_red'><a>Red</a></li>
 892                         <li data-class='oe_blue_light'><a>Light Blue</a></li>
 893                         <li data-class='oe_blue'><a>Dark Blue</a></li>
 894                         <li data-class='oe_orange'><a>Orange</a></li>
 895                         <li data-class='oe_purple'><a>Purple</a></li>
 896                         <li data-class='oe_black'><a>Black</a></li>
 897                     </ul>
 898                 </li>
 899                 <li class="dropdown-submenu">
 900                     <a tabindex="-2" href="#">People</a>
 901                     <ul class="dropdown-menu">
 902                         <li data-class="oe_img_bg" data-src="/website/static/src/img/parallax/parallax_bg.jpg"><a>Sunflower</a></li>
 903                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/business_guy.jpg"><a>Business Guy</a></li>
 904                     </ul>
 905                 </li>
 906                 <li class="dropdown-submenu">
 907                     <a tabindex="-2" href="#">Landscape</a>
 908                     <ul class="dropdown-menu">
 909                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/flower_field.jpg"><a>Flowers Field</a></li>
 910                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/landscape.jpg"><a>Landscape</a></li>
 911                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/mountains.jpg"><a>Mountains</a></li>
 912                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/greenfields.jpg"><a>Greenfields</a></li>
 913                     </ul>
 914                 </li>
 915                 <li class="dropdown-submenu">
 916                     <a tabindex="-2" href="#">Various</a>
 917                     <ul class="dropdown-menu">
 918                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/aqua.jpg"><a>Aqua</a></li>
 919                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/baby_blue.jpg"><a>Baby Blue</a></li>
 920                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/black.jpg"><a>Black</a></li>
 921                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/color_splash.jpg"><a>Color Splash</a></li>
 922                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/mango.jpg"><a>Mango</a></li>
 923                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/orange_red.jpg"><a>Orange Red</a></li>
 924                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/flower.jpg"><a>Purple</a></li>
 925                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/velour.jpg"><a>Velour</a></li>
 926                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/wood.jpg"><a>Wood</a></li>
 927                         <li data-class="oe_img_bg" data-src="/website/static/src/img/banner/yellow_green.jpg"><a>Yellow Green</a></li>
 928                         <li data-class="oe_img_bg" data-src="/website/static/src/img/parallax/quote.png"><a>Quote</a></li>
 929                     </ul>
 930                 </li>
 931                 <li><a style="background: none; padding: 5px; border-top: 1px solid #ddd;"></a></li>
 932                 <li class="oe_custom_bg" data-class="oe_img_bg"><a><b>Choose an image...</b></a></li>
 933             </ul>
 934         </li>
 935     </div>
 936
 937 </div>
 938
 939     </div>
 940 </div>
 941 </template>
 942 </data>
 943 </openerp>