addons/website/views/snippets.xml

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