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