addons/website/static/src/xml/website.snippets.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <templates id="template" xml:space="preserve">
   3
   4     <!--
   5         Snippets to remove:
   6           - top-bottom handlers must be on all snippets
   7           - left-right handlers must be on all children of row
   8     -->
   9
  10     <div t-name="website.snippets.resize" data-snippet-id='resize'>
  11         <!-- custom data for the widget -->
  12         <div class='oe_handles'>
  13             <div class='oe_handle n'></div>
  14             <div class='oe_handle e'></div>
  15             <div class='oe_handle w'></div>
  16             <div class='oe_handle s'></div>
  17         </div>
  18         <div class='oe_snippet_thumbnail oe_label'>Margin resize</div>
  19     </div>
  20
  21     <div t-name="website.snippets.colmd" data-snippet-id='colmd' data-selector-vertical-children='.row'>
  22         <div class='oe_snippet_thumbnail oe_label'>Column</div>
  23     </div>
  24
  25     <!-- Structure Snippets -->
  26
  27     <div t-name="website.snippets.carousel" data-snippet-id='carousel' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
  28
  29         <!-- editor bar to display inside the top edit bar -->
  30         <li class='oe_snippet_options'>
  31             <a href="#" class="button js_add">Add Slide</a>
  32         </li>
  33         <li class='oe_snippet_options'>
  34             <a href="#" class="button js_remove">Remove Slide</a>
  35         </li>
  36         <li class='oe_snippet_options'>
  37             <a class="carousel-background">
  38                 Background
  39                 <select class="form-control" name="carousel-background">
  40                     <option value="/website/static/src/img/banner/aqua.jpg">Aqua</option>
  41                     <option value="/website/static/src/img/banner/baby_blue.jpg">Baby Blue</option>
  42                     <option value="/website/static/src/img/banner/black.jpg">Black</option>
  43                     <option value="/website/static/src/img/banner/business_guy.jpg">Business Guy</option>
  44                     <option value="/website/static/src/img/banner/color_splash.jpg">Color Splash</option>
  45                     <option value="/website/static/src/img/banner/flower_field.jpg">Flowers Field</option>
  46                     <option value="/website/static/src/img/banner/greenfields.jpg">Greenfields</option>
  47                     <option value="/website/static/src/img/banner/landscape.jpg">Landscape</option>
  48                     <option value="/website/static/src/img/banner/mango.jpg">Mango</option>
  49                     <option value="/website/static/src/img/banner/mountains.jpg">Mountains</option>
  50                     <option value="/website/static/src/img/banner/orange_red.jpg">Orange Red</option>
  51                     <option value="/website/static/src/img/banner/flower.jpg">Purple</option>
  52                     <option value="/website/static/src/img/banner/velour.jpg">Velour</option>
  53                     <option value="/website/static/src/img/banner/wood.jpg">Wood</option>
  54                     <option value="/website/static/src/img/banner/yellow_green.jpg">Yellow Green</option>
  55                 </select>
  56                 <input class="form-control input-sm" type="text" placeholder="http://...."/>
  57             </a>
  58         </li>
  59         <li class='oe_snippet_options'>
  60             <a class="carousel-style">
  61                 Style
  62                 <select class="form-control" name="carousel-style">
  63                     <option value="text_only">Text Only</option>
  64                     <option value="image_text">Image - Text</option>
  65                     <option value="text_image">Text - Image</option>
  66                 </select>
  67             </a>
  68         </li>
  69
  70         <!-- thumbnail to display inside the bottom widget list editor -->
  71         <div class='oe_snippet_thumbnail oe_label'>Banner</div>
  72
  73         <!-- body to insert after drag and drop thumbnail -->
  74         <div id="myCarousel" class="oe_snippet_body carousel slide" data-interval="10000">
  75             <!-- Carousel items -->
  76             <div class="carousel-inner" style="height: 280px">
  77                 <div class="item image_text active" style="background-image: url(/website/static/src/img/banner/color_splash.jpg); background-size: cover;">
  78                     <div class="container">
  79                         <div class="carousel-caption content">
  80                             <h1>Set Your Banner Title</h1>
  81                             <h3>Customize with the top-left menu</h3>
  82                             <p>
  83                                 <a href="/page/website.contactus" class="btn btn-success btn-large">Contact us</a>
  84                             </p>
  85                         </div>
  86                         <div class="carousel-image">
  87                             <img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
  88                         </div>
  89                     </div>
  90                 </div>
  91             </div>
  92             <!-- Carousel nav -->
  93             <a class="carousel-control left" href="#myCarousel" data-slide="prev" style="width: 10%"></a>
  94             <a class="carousel-control right" href="#myCarousel" data-slide="next" style="width: 10%"></a>
  95         </div>
  96     </div>
  97
  98     <div t-name="website.snippets.darken" data-snippet-id='darken' data-category='style' data-selector='section'>
  99         <div class='oe_snippet_thumbnail oe_label'>Darken</div>
 100     </div>
 101
 102     <div t-name="website.snippets.well" data-snippet-id='well' data-category='content' data-selector-siblings='div, p, h1, h2, h3, blockquote'>
 103         <div class='oe_snippet_thumbnail oe_label'>Well</div>
 104         <div class="oe_snippet_body well">
 105             Manage your sales funnel with no effort with OpenERP CRM. Attract
 106             leads, follow-up on phone calls and meetings. Analyse the quality
 107             of your leads to make informed decisions.
 108         </div>
 109     </div>
 110
 111     <div t-name="website.snippets.quote" data-snippet-id='quote' data-category='content' data-selector-siblings='div, p, h1, h2, h3, blockquote'>
 112         <div class='oe_snippet_thumbnail oe_label'>Quote</div>
 113         <blockquote class="oe_snippet_body">
 114             <p>
 115                 OpenERP provides essential platform for our project management.
 116                 Things are better organized and more visible with it.
 117             </p>
 118             <small>John Doe, CEO</small>
 119         </blockquote>
 120     </div>
 121
 122     <div t-name="website.snippets.panel" data-snippet-id='panel' data-category='content' data-selector-siblings='div, p, h1, h2, h3, blockquote'>
 123         <div class='oe_snippet_thumbnail oe_label'>Panel</div>
 124         <div class="oe_snippet_body panel panel-default">
 125             <div class="panel-heading">
 126                 <h3 class="panel-title">OpenERP Features</h3>
 127             </div>
 128             <div class="panel-body">
 129                 OpenERP's collaborative and realtime project management helps
 130                 your team get work done. Keep track of everything, from the big
 131                 picture to the minute details, from the customer contract to
 132                 the billing.
 133             </div>
 134         </div>
 135     </div>
 136
 137     <div t-name="website.snippets.surprise" data-snippet-id='vomify' data-category='content' data-selector-children='.oe_structure'>
 138         <div class="oe_snippet_body" style="height: 0; position: absolute;"></div>
 139         <div class='oe_snippet_thumbnail oe_label' style='background-image:radial-gradient(red,orange,yellow,green,blue);'>Surprise!</div>
 140     </div>
 141
 142     <div t-name="website.snippets.title" data-snippet-id='title' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 143         <div class='oe_snippet_thumbnail oe_label'>Title</div>
 144         <section class="oe_snippet_body container">
 145             <div class="row">
 146                 <div class="col-md-12 text-center">
 147                     <h1>Your Great Title</h1>
 148                     <h2 class="text-muted">a slogan reinforcing the title</h2>
 149                 </div>
 150             </div>
 151         </section>
 152     </div>
 153
 154     <div t-name="website.snippets.text-image" data-snippet-id='text-image' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 155         <div class='oe_snippet_thumbnail oe_label'>Text-Image</div>
 156         <section class="oe_snippet_body dark">
 157             <div class="container">
 158                 <div class="row">
 159                     <div class="col-md-6">
 160                         <h3 class="mt48">Enterprise Social Network</h3>
 161                         <p>
 162                             Make every employee feel more connected and engaged
 163                             with twitter-like features for your own company. Follow
 164                             people, share best practices, 'like' top ideas, etc.
 165                         </p><p>
 166                             Connect with experts, follow what interests you, share
 167                             documents and promote best practices with OpenERP
 168                             Social application. Get work done with effective
 169                             collaboration across departments, geographies
 170                             and business applications.
 171                         </p>
 172                     </div>
 173                     <div class="col-md-6">
 174                         <img class="img-responsive shadow mt32 mb32" src="/website/static/src/img/text_image.png"/>
 175                     </div>
 176                 </div>
 177             </div>
 178         </section>
 179     </div>
 180
 181     <div t-name="website.snippets.image-text" data-snippet-id='image-text' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 182         <div class='oe_snippet_thumbnail oe_label'>Image-Text</div>
 183         <section class="oe_snippet_body">
 184             <div class="container">
 185                 <div class="row">
 186                     <div class="col-md-6">
 187                         <img class="img-responsive shadow mt32 mb32" src="/website/static/src/img/image_text.jpg"/>
 188                     </div>
 189                     <div class="col-md-6">
 190                         <h3 class="mt48">Manage Your Shops</h3>
 191                         <p>
 192                             OpenERP's Point of Sale introduces a super clean
 193                             interface with no installation required that runs
 194                             online and offline on modern hardwares.
 195                         </p><p>
 196                             It's full integration with the company inventory
 197                             and accounting, gives you real time statistics and
 198                             consolidations amongst all shops without the hassle
 199                             of integrating several applications.
 200                         </p>
 201                     </div>
 202                 </div>
 203             </div>
 204         </section>
 205     </div>
 206
 207     <div t-name="website.snippets.jumbotron" data-snippet-id='jumbotron' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 208         <div class='oe_snippet_thumbnail oe_label'>Jumbotron</div>
 209         <section class="oe_snippet_body jumbotron mt16 mb16">
 210             <div class="container">
 211                 <h1>Sell Online. Easily.</h1>
 212                 <p>
 213                     Get your online shop ready in a few clicks with OpenERP Commerce.
 214                 </p>
 215                 <p>
 216                     <a class="btn btn-primary btn-lg" href="/website.contactus">
 217                         Contact us
 218                     </a>
 219                 </p>
 220             </div>
 221         </section>
 222     </div>
 223
 224     <div t-name="website.snippets.text-block" data-snippet-id='text-block' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 225         <div class='oe_snippet_thumbnail oe_label'>Text Block</div>
 226         <section class="oe_snippet_body mt16 mb16">
 227             <div class="container">
 228                 <div class="row">
 229                     <div class="col-md-12 text-center mt16 mb32">
 230                         <h2>OpenERP Project Management</h2>
 231                         <h3 class="text-muted">Infinitely flexible. Incredibly easy to use.</h3>
 232                     </div>
 233                     <div class="col-md-12 mb16 mt16">
 234                         <p>
 235                             OpenERP's <b>collaborative and realtime</b> project
 236                             management helps your team get work done. Keep
 237                             track of everything, from the big picture to the
 238                             minute details, from the customer contract to the
 239                             billing.
 240                         </p><p>
 241                             Organize projects around your own processes. Work
 242                             on tasks and issues using the kanban view, schedule
 243                             tasks using the gantt chart and control deadlines
 244                             in the calendar view. Every project may have it's
 245                             own stages allowing teams to optimize their job.
 246                         </p>
 247                     </div>
 248                 </div>
 249             </div>
 250         </section>
 251     </div>
 252
 253     <div t-name="website.snippets.hr" data-snippet-id='hr' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 254         <div class='oe_snippet_thumbnail oe_label'>Separator</div>
 255         <hr class="oe_snippet_body">
 256         </hr>
 257     </div>
 258
 259
 260     <div t-name="website.snippets.big-picture" data-snippet-id='big-picture' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 261         <div class='oe_snippet_thumbnail oe_label'>Big Picture</div>
 262         <section class="oe_snippet_body dark mt16 mb16">
 263             <div class="container">
 264                 <div class="row">
 265                     <div class="col-md-12 text-center mt32 mb16">
 266                         <h2>Work with the hardware you already have...</h2>
 267                     </div>
 268                     <div class="col-md-12">
 269                         <img class="img-responsive" src="/website/static/src/img/big_picture.png" style="margin: 0 auto;"/>
 270                     </div>
 271                     <div class="col-md-6 col-md-offset-3 mb16 mt16">
 272                         <p class="text-center">
 273                             <b>No installation required</b>
 274                         </p>
 275                         <p class="text-center">
 276                             OpenERP's Point of Sale introduces a super clean
 277                             interface with no installation required that runs
 278                             online and offline on modern hardware. Laptops,
 279                             tablets, industrial POS, it runs on everything.
 280                         </p>
 281                         <p class="text-center">
 282                             <a href="/page/website.contactus">Get more information »</a>
 283                         </p>
 284                     </div>
 285                 </div>
 286             </div>
 287         </section>
 288     </div>
 289
 290
 291     <div t-name="website.snippets.three-columns" data-snippet-id='three-columns' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 292         <div class='oe_snippet_thumbnail oe_label'>Three Columns</div>
 293         <section class="oe_snippet_body mt16 mb16">
 294             <div class="container">
 295                 <div class="row">
 296                     <div class="col-md-12 text-center mt16 mb16">
 297                         <h2>OpenERP HR Features</h2>
 298                         <h3 class="text-muted">Manage your company most important asset: People</h3>
 299                     </div>
 300                 </div>
 301                 <div class="row">
 302                     <div class="col-md-4">
 303                         <img class="img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
 304                         <h4 class="mt16">Streamline Recruitments</h4>
 305                         <p>
 306                             Post job offers and keep track of each application
 307                             received. Follow applicants in your recruitment process
 308                             with the smart kanban view.
 309                         </p><p>
 310                             Save time by automating some communications with email
 311                             templates. Resumes are indexed automatically, allowing
 312                             you to easily find for specific profiles.
 313                         </p>
 314                     </div>
 315                     <div class="col-md-4">
 316                         <img class="img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
 317                         <h4 class="mt16">Enterprise Social Network</h4>
 318                         <p>
 319                             Break down information silos. Share knowledge and best
 320                             practices amongst all employees. Follow specific people
 321                             or documents and join groups of interests to share
 322                             expertise and documents.
 323                         </p><p>
 324                             Interact with your collegues in real time with live chat.
 325                         </p>
 326                     </div>
 327                     <div class="col-md-4">
 328                         <img class="img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
 329                         <h4 class="mt16">Leaves Management</h4>
 330                         <p>
 331                             Keep track of the vacation days accrued by each
 332                             employee. Employees enter their requests (paid
 333                             holidays, sick leave, etc), for managers to approve and
 334                             validate. It's all done in just a few clicks. The
 335                             agenda of each employee is updated accordingly.
 336                         </p>
 337                     </div>
 338                 </div>
 339             </div>
 340         </section>
 341     </div>
 342
 343     <div t-name="website.snippets.portfolio" data-snippet-id='portfolio' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 344         <div class='oe_snippet_thumbnail oe_label'>Portfolio</div>
 345         <section class="oe_snippet_body">
 346             <div class="container">
 347                 <div class="row">
 348                     <div class="col-md-12 text-center mt16 mb32">
 349                         <h2>Our Porfolio</h2>
 350                         <h4 class="text-muted">More than 500 successful projects</h4>
 351                     </div>
 352                     <div class="col-md-4">
 353                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
 354                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 355                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 356                     </div>
 357                     <div class="col-md-4">
 358                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 359                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 360                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
 361                     </div>
 362                     <div class="col-md-4">
 363                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/landscape.jpg"/>
 364                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 365                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 366                     </div>
 367                 </div>
 368             </div>
 369         </section>
 370     </div>
 371
 372     <div t-name="website.snippets.image-gallery" data-snippet-id='image-gallery' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 373         <div class='oe_snippet_thumbnail oe_label'>Image Gallery</div>
 374         <section class="oe_snippet_body">
 375             <div class="container">
 376                 <div class="row">
 377                     <div class="col-md-12 text-center mt16 mb32">
 378                         <h2>Our Customer References</h2>
 379                         <h4 class="text-muted">More than 500 successful projects</h4>
 380                     </div>
 381                     <div class="col-md-6">
 382                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
 383                     </div>
 384                     <div class="col-md-3">
 385                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 386                     </div>
 387                     <div class="col-md-3">
 388                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
 389                     </div>
 390                     <div class="col-md-3">
 391                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
 392                     </div>
 393                     <div class="col-md-3">
 394                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 395                     </div>
 396                     <div class="col-md-3">
 397                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
 398                     </div>
 399                     <div class="col-md-6">
 400                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
 401                     </div>
 402                     <div class="col-md-3">
 403                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 404                     </div>
 405                 </div>
 406             </div>
 407         </section>
 408     </div>
 409
 410     <div t-name="website.snippets.pricing" data-snippet-id='pricing' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 411         <div class='oe_snippet_thumbnail oe_label'>Comparisons</div>
 412         <section class="oe_snippet_body">
 413             <div class="container">
 414               <div class="row">
 415                 <div class="col-md-12 text-center mt16 mb32">
 416                     <h2>Our Offers</h2>
 417                 </div>
 418
 419                 <div class="col-md-4">
 420                     <div class="panel panel-info">
 421                       <!-- Default panel contents -->
 422                       <div class="panel-heading text-center">
 423                           <h2 style="margin: 0">Beginner</h2>
 424                           <p style="margin: 0" class="text-muted">
 425                               Starter package
 426                           </p>
 427                       </div>
 428                       <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
 429                         <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">450</b><small>.00</small></h2>
 430                         <div>per month</div>
 431                       </div>
 432
 433                       <!-- List group -->
 434                       <ul class="list-group">
 435                         <li class="list-group-item">Battery: 8 hours</li>
 436                         <li class="list-group-item">Screen: 2.5 inch</li>
 437                         <li class="list-group-item">Weight: 1.1 ounces</li>
 438                         <li class="list-group-item">No support</li>
 439                       </ul>
 440                       <div class="panel-footer text-center">
 441                           <p class="text-muted">
 442                               <i>Free shipping, satisfied or reimbursed.</i>
 443                           </p>
 444                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
 445                       </div>
 446                     </div>
 447                 </div>
 448                 <div class="col-md-4">
 449                     <div class="panel panel-primary">
 450                       <!-- Default panel contents -->
 451                       <div class="panel-heading text-center">
 452                           <h2 style="margin: 0">Professional</h2>
 453                           <p style="margin: 0">
 454                               Enterprise 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">590</b><small>.00</small></h2>
 459                         <div>per month</div>
 460                       </div>
 461
 462                       <!-- List group -->
 463                       <ul class="list-group">
 464                         <li class="list-group-item">Battery: 12 hours</li>
 465                         <li class="list-group-item">Screen: 2.8 inch</li>
 466                         <li class="list-group-item">Weight: 1.2 ounces</li>
 467                         <li class="list-group-item">Limited 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-info">
 479                       <!-- Default panel contents -->
 480                       <div class="panel-heading text-center">
 481                           <h2 style="margin: 0">Expert</h2>
 482                           <p style="margin: 0" class="text-muted">
 483                               The top of the top
 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">890</b><small>.00</small></h2>
 488                         <div>per month</div>
 489                       </div>
 490
 491                       <!-- List group -->
 492                       <ul class="list-group">
 493                         <li class="list-group-item">Battery: 20 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">Unlimited 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">Contact us</a>
 503                       </div>
 504                     </div>
 505
 506                 </div>
 507               </div>
 508             </div>
 509         </section>
 510     </div>
 511
 512     <div t-name="website.snippets.cta" data-snippet-id='cta' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 513         <div class='oe_snippet_thumbnail oe_label'>Buttons</div>
 514         <section class="oe_snippet_body dark">
 515             <div class="container">
 516               <div class="row">
 517                 <div class="col-md-12 text-center mt16 mb16">
 518                     <a href="/shop" class="btn btn-info btn-lg">View Products</a>
 519                     <a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
 520                 </div>
 521               </div>
 522             </div>
 523         </section>
 524     </div>
 525
 526     <div t-name="website.snippets.faq" data-snippet-id='faq' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 527         <div class='oe_snippet_thumbnail oe_label'>FAQ</div>
 528         <section class="oe_snippet_body">
 529             <div class="container">
 530                 <h2 class="page-header">
 531                     Point of Sale Questions <small>v7</small>
 532                 </h2>
 533                 <h3>
 534                     Which hardware does OpenERP POS support?
 535                 </h3>
 536                 <p>
 537                     OpenERP's POS is a web application that can run on any device that
 538                     can display websites with little to no setup required.
 539                 </p><p>
 540                     The Point of Sale works perfectly on any kind of touch enabled
 541                     device, whether it's multi-touch tablets like an iPad or
 542                     keyboardless resistive touchscreen terminals.
 543                 </p>
 544                 <h3>
 545                     Does it works offline?
 546                 </h3>
 547                 <p>
 548                     Deploy new stores with just an internet connection: no
 549                     installation, no specific hardware required. It works with any
 550                     iPad, Tablet PC, laptop or industrial POS machine.
 551                 </p><p>
 552                     While an internet connection is required to start the Point of
 553                     Sale, it will stay operational even after a complete disconnection.
 554                 </p>
 555
 556                 <h2 class="page-header">
 557                     Project Management Questions <small>v7</small>
 558                 </h2>
 559                 <h3>
 560                     Can I use it to manage projects based on agile methodologies?
 561                 </h3>
 562                 <p>
 563                     Yes.
 564                 </p>
 565             </div>
 566         </section>
 567     </div>
 568
 569
 570     <div t-name="website.snippets.references" data-snippet-id='references' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 571         <div class='oe_snippet_thumbnail oe_label'>References</div>
 572         <section class="oe_snippet_body mb32 mt16">
 573             <div class="container">
 574                 <div class="row">
 575                     <div class="col-md-12">
 576                         <h1 class="text-center">
 577                             Our References
 578                         </h1>
 579                         <h3 class="text-muted text-center">
 580                             More than 500 happy customers.
 581                         </h3>
 582                     </div>
 583                     <div class="col-md-4 col-md-offset-1">
 584                         <blockquote class="mt16 mb32" data-snippet-id="quote">
 585                             <p>
 586                                 OpenERP provides essential platform for our project management.
 587                                 Things are better organized and more visible with it.
 588                             </p>
 589                             <small>John Doe, CEO</small>
 590                         </blockquote>
 591                     </div>
 592                     <div class="col-md-4 col-md-offset-2">
 593                         <blockquote class="mt16 mb32" data-snippet-id="quote">
 594                             <p>
 595                                 OpenERP provides essential platform for our project management.
 596                                 Things are better organized and more visible with it.
 597                             </p>
 598                             <small>John Doe, CEO</small>
 599                         </blockquote>
 600                     </div>
 601                     <div class="clearfix"/>
 602                     <div class="col-md-2 col-md-offset-1">
 603                         <img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
 604                     </div>
 605                     <div class="col-md-2">
 606                         <img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
 607                     </div>
 608                     <div class="col-md-2">
 609                         <img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
 610                     </div>
 611                     <div class="col-md-2">
 612                         <img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
 613                     </div>
 614                     <div class="col-md-2">
 615                         <img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
 616                     </div>
 617                 </div>
 618             </div>
 619         </section>
 620     </div>
 621
 622
 623 </templates>