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