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