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     <!-- Snippet loader -->
   5     <t t-name="website.snippets_button">
   6         <li class="navbar-form"><button type="button" data-action="snippet" class="btn btn-primary">Insert Blocks</button></li>
   7     </t>
   8     <t t-name="website.snippets_style">
   9         <li class="navbar-form">
  10             <div class="btn-group">
  11                 <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  12                     Block style <span class="caret"></span>
  13                 </button>
  14                 <ul class="dropdown-menu" id="oe_snippets_style" role="menu"></ul>
  15             </div>
  16         </li>
  17     </t>
  18     <t t-name="website.snippets_modal">
  19         <div class="modal" id="oe_droperror" tabindex="-1" role="dialog">
  20             <div class="modal-dialog">
  21                 <div class="modal-content">
  22                     <div class="modal-header">
  23                         <button type="button" class="close" data-dismiss="modal">&amp;times;</button>
  24                         <h4 class="modal-title">
  25                             Building Block Not Inserted
  26                         </h4>
  27                     </div>
  28                     <div class="modal-body">
  29                         <p>
  30                             The building block has not been inserted in your
  31                             page because you did not drop it in a valid zone.
  32                             Valid zone are represented by rectangle like this:
  33                         </p>
  34                         <div class="row">
  35                             <div class="col-sm-4 col-sm-offset-4 oe_drop_zone_style text-center">
  36                                 drop in this zone
  37                             </div>
  38                         </div>
  39                         <p class="text-muted">
  40                             When your cursor is in a valid zone, OpenERP shows
  41                             you a preview of the building block in your page.
  42                             You must release the block when the preview is visible.
  43                         </p>
  44                     </div>
  45                     <div class="modal-footer">
  46                         <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
  47                         <div class="pull-left">
  48                             <input type="checkbox" value="1"/> Never show this tip again
  49                         </div>
  50                     </div>
  51                 </div>
  52             </div>
  53         </div>
  54     </t>
  55
  56     <t t-name="website.snippets">
  57         <div id='oe_snippets'>
  58             <div class="scroll">
  59                 <ul class="nav navbar-nav">
  60                   <li><a href="#snippet_structure">Structure</a></li>
  61                   <li><a href="#snippet_content">Content</a></li>
  62                   <li><a href="#snippet_business">Business</a></li>
  63                 </ul>
  64                 <div class="pill-content">
  65                     <div id="snippet_structure"><label><div>Structure</div></label></div>
  66                     <div id="snippet_content"><label><div>Content</div></label></div>
  67                     <div id="snippet_business"><label><div>Business</div></label></div>
  68                 </div>
  69             </div>
  70         </div>
  71     </t>
  72
  73     <t t-name="website.snippet_overlay">
  74         <div class="oe_overlay">
  75             <div class="oe_overlay_options">
  76                 <div class="btn-group">
  77                     <a href="#" class="btn btn-default btn-sm oe_snippet_parent" title="Get Container Block"><span class="glyphicon glyphicon-open"/></a>
  78                     <div class="dropdown oe_options hidden btn-group">
  79                         <a href="#" data-toggle="dropdown" class="btn btn-default btn-sm" title="Customize">Customize <span class="caret"/></a>
  80                         <ul class="dropdown-menu" role="menu"></ul>
  81                     </div>
  82                     <a href="#" class="btn btn-default btn-sm oe_snippet_clone" title="Duplicate"><span class="glyphicon glyphicon-tags"/></a>
  83                     <a href="#" class="btn btn-default btn-sm oe_snippet_move" title="move"><span class="glyphicon glyphicon-move"/></a>
  84                     <a href="#" class="btn btn-default btn-sm oe_snippet_remove" title="Remove"><span class="glyphicon glyphicon-remove"/></a>
  85                 </div>
  86             </div>
  87         </div>
  88     </t>
  89
  90     <t t-name="website.snippet_manipulator">
  91         <div class='oe_snippet_manipulator'></div>
  92     </t>
  93
  94     <!-- snippet objects -->
  95
  96     <div t-name="website.snippets.resize" data-snippet-id='resize'>
  97         <!-- custom data for the widget -->
  98         <div class='oe_handles'>
  99             <div class='oe_handle n'></div>
 100             <div class='oe_handle e'></div>
 101             <div class='oe_handle w'></div>
 102             <div class='oe_handle s'></div>
 103         </div>
 104         <div class='oe_snippet_thumbnail'>Margin resize</div>
 105     </div>
 106
 107     <div t-name="website.snippets.colmd" data-snippet-id='colmd' data-selector-vertical-children='.row'></div>
 108
 109     <!-- Structure Snippets -->
 110
 111     <div t-name="website.snippets.carousel" data-snippet-id='carousel' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 112
 113         <!-- editor bar to display inside the top edit bar -->
 114         <li class='oe_snippet_options'>
 115             <a class="carousel-style">
 116                 <select class="form-control" name="carousel-size">
 117                     <option value="small">Small</option>
 118                     <option value="medium">Medium</option>
 119                     <option value="big">Big</option>
 120                 </select>
 121             </a>
 122         </li>
 123         <li class="divider"></li>
 124         <li class='oe_snippet_options'>
 125             <a href="#" class="button js_add">Add Slide</a>
 126         </li>
 127         <li class='oe_snippet_options'>
 128             <a href="#" class="button js_remove">Remove Slide</a>
 129         </li>
 130         <li class='oe_snippet_options'>
 131             <a class="carousel-background">
 132                 Background
 133                 <select class="form-control" name="carousel-background">
 134                     <option value="/website/static/src/img/banner/aqua.jpg">Aqua</option>
 135                     <option value="/website/static/src/img/banner/baby_blue.jpg">Baby Blue</option>
 136                     <option value="/website/static/src/img/banner/black.jpg">Black</option>
 137                     <option value="/website/static/src/img/banner/business_guy.jpg">Business Guy</option>
 138                     <option value="/website/static/src/img/banner/color_splash.jpg">Color Splash</option>
 139                     <option value="/website/static/src/img/banner/flower_field.jpg">Flowers Field</option>
 140                     <option value="/website/static/src/img/banner/greenfields.jpg">Greenfields</option>
 141                     <option value="/website/static/src/img/banner/landscape.jpg">Landscape</option>
 142                     <option value="/website/static/src/img/banner/mango.jpg">Mango</option>
 143                     <option value="/website/static/src/img/banner/mountains.jpg">Mountains</option>
 144                     <option value="/website/static/src/img/banner/orange_red.jpg">Orange Red</option>
 145                     <option value="/website/static/src/img/banner/flower.jpg">Purple</option>
 146                     <option value="/website/static/src/img/banner/velour.jpg">Velour</option>
 147                     <option value="/website/static/src/img/banner/wood.jpg">Wood</option>
 148                     <option value="/website/static/src/img/banner/yellow_green.jpg">Yellow Green</option>
 149                 </select>
 150                 <input class="form-control input-sm" type="text" placeholder="http://...."/>
 151             </a>
 152         </li>
 153         <li class='oe_snippet_options'>
 154             <a class="carousel-style">
 155                 Style
 156                 <select class="form-control" name="carousel-style">
 157                     <option value="text_only">Text Only</option>
 158                     <option value="image_text">Image - Text</option>
 159                     <option value="text_image">Text - Image</option>
 160                 </select>
 161             </a>
 162         </li>
 163
 164         <!-- thumbnail to display inside the bottom widget list editor -->
 165         <div class='oe_snippet_thumbnail'>
 166             <img src="/website/static/src/img/banner/color_splash.jpg" style="position: absolute; left: 0; top: 40px; max-width: 100%"/>
 167             <img src="/website/static/src/img/banner/banner_picture.png" style="position: absolute; left: 10px; top: 52px; max-width: 25%"/>
 168             <span style="position: absolute; top: 50px; right: 10px;">Banner</span>
 169         </div>
 170
 171         <!-- body to insert after drag and drop thumbnail -->
 172         <div id="myCarousel" class="oe_snippet_body carousel slide oe_medium mb32" data-interval="10000">
 173             <!-- Carousel items -->
 174             <div class="carousel-inner">
 175                 <div class="item image_text active" style="background-image: url(/website/static/src/img/banner/color_splash.jpg); background-size: cover;">
 176                     <div class="container">
 177                         <div class="carousel-caption content">
 178                             <h1>Set Your Banner Title</h1>
 179                             <h3>Customize with the top-left menu</h3>
 180                             <p>
 181                                 <a href="/page/website.contactus" class="btn btn-success btn-large">Contact us</a>
 182                             </p>
 183                         </div>
 184                         <div class="carousel-image hidden-xs">
 185                             <img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
 186                         </div>
 187                     </div>
 188                 </div>
 189             </div>
 190             <!-- Carousel nav -->
 191             <a class="carousel-control left" href="#myCarousel" data-slide="prev" style="width: 10%"></a>
 192             <a class="carousel-control right" href="#myCarousel" data-slide="next" style="width: 10%"></a>
 193         </div>
 194     </div>
 195
 196     <div t-name="website.snippets.darken" data-snippet-id='darken' data-category='style' data-selector='section'>
 197         <div class='oe_snippet_label'>Darken</div>
 198         <div class='oe_snippet_class'>dark</div>
 199     </div>
 200
 201     <div t-name="website.snippets.well" data-snippet-id='well' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote'>
 202         <div class='oe_snippet_thumbnail'>Well</div>
 203         <div class="oe_snippet_body well">
 204             Manage your sales funnel with no effort with OpenERP CRM. Attract
 205             leads, follow-up on phone calls and meetings. Analyse the quality
 206             of your leads to make informed decisions.
 207         </div>
 208     </div>
 209
 210     <div t-name="website.snippets.quote" data-snippet-id='quote' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote'>
 211         <div class='oe_snippet_thumbnail'>Quote</div>
 212         <blockquote class="oe_snippet_body">
 213             <p>
 214                 OpenERP provides essential platform for our project management.
 215                 Things are better organized and more visible with it.
 216             </p>
 217             <small>John Doe, CEO</small>
 218         </blockquote>
 219     </div>
 220
 221     <div t-name="website.snippets.panel" data-snippet-id='panel' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote'>
 222         <div class='oe_snippet_thumbnail'>Panel</div>
 223         <div class="oe_snippet_body panel panel-default">
 224             <div class="panel-heading">
 225                 <h3 class="panel-title">OpenERP Features</h3>
 226             </div>
 227             <div class="panel-body">
 228                 OpenERP's collaborative and realtime project management helps
 229                 your team get work done. Keep track of everything, from the big
 230                 picture to the minute details, from the customer contract to
 231                 the billing.
 232             </div>
 233         </div>
 234     </div>
 235
 236     <div t-name="website.snippets.surprise" data-snippet-id='vomify' data-category='content' data-selector-children='.oe_structure'>
 237         <div class="oe_snippet_body" style="height: 0; position: absolute;"></div>
 238         <div class='oe_snippet_thumbnail' style='background-image:radial-gradient(red,orange,yellow,green,blue);'>Surprise!</div>
 239     </div>
 240
 241     <div t-name="website.snippets.text-image" data-snippet-id='text-image' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 242         <div class='oe_snippet_thumbnail'>
 243             <span style="position: absolute; top: 50px; left: 5px;">Text-Image</span>
 244             <img src="/website/static/src/img/banner/banner_picture.png" style="position: absolute; right: 5px; top: 50px; max-width: 28%"/>
 245         </div>
 246         <section class="oe_snippet_body">
 247             <div class="container">
 248                 <div class="row">
 249                     <div class="col-md-6 mt32">
 250                         <h3>Enterprise Social Network</h3>
 251                         <p>
 252                             Make every employee feel more connected and engaged
 253                             with twitter-like features for your own company. Follow
 254                             people, share best practices, 'like' top ideas, etc.
 255                         </p><p>
 256                             Connect with experts, follow what interests you, share
 257                             documents and promote best practices with OpenERP
 258                             Social application. Get work done with effective
 259                             collaboration across departments, geographies
 260                             and business applications.
 261                         </p>
 262                     </div>
 263                     <div class="col-md-6 mt16 mb16">
 264                         <img class="img-responsive shadow" src="/website/static/src/img/text_image.png"/>
 265                     </div>
 266                 </div>
 267             </div>
 268         </section>
 269     </div>
 270
 271     <div t-name="website.snippets.image-text" data-snippet-id='image-text' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 272         <div class='oe_snippet_thumbnail'>
 273             <img src="/website/static/src/img/banner/banner_picture.png" style="position: absolute; left: 5px; top: 50px; max-width: 28%"/>
 274             <span style="position: absolute; top: 50px; right: 5px;">Image-Text</span>
 275         </div>
 276         <section class="oe_snippet_body">
 277             <div class="container">
 278                 <div class="row">
 279                     <div class="col-md-6 mt16 mb16">
 280                         <img class="img-responsive shadow" src="/website/static/src/img/image_text.jpg"/>
 281                     </div>
 282                     <div class="col-md-6 mt32">
 283                         <h3>Manage Your Shops</h3>
 284                         <p>
 285                             OpenERP's Point of Sale introduces a super clean
 286                             interface with no installation required that runs
 287                             online and offline on modern hardwares.
 288                         </p><p>
 289                             It's full integration with the company inventory
 290                             and accounting, gives you real time statistics and
 291                             consolidations amongst all shops without the hassle
 292                             of integrating several applications.
 293                         </p>
 294                     </div>
 295                 </div>
 296             </div>
 297         </section>
 298     </div>
 299
 300     <div t-name="website.snippets.jumbotron" data-snippet-id='jumbotron' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 301         <div class='oe_snippet_thumbnail'>
 302             <div style="position: absolute; top: 30px; background-color: #eee; width: 100%; padding: 8px 0 6px 4px;">
 303                 <div style="color: #000; display: block; text-align: left;">
 304                     Jumbotron
 305                     <div style="font-size: 9px; line-height: 9px; text-shadow: none;">
 306                         Jumbotron Sub-title
 307                         <br/><span class="label label-primary">Contact us</span>
 308                     </div>
 309                 </div>
 310             </div>
 311         </div>
 312         <section class="oe_snippet_body jumbotron mt16 mb16">
 313             <div class="container">
 314                 <h1>Sell Online. Easily.</h1>
 315                 <p>
 316                     Get your online shop ready in a few clicks with OpenERP Commerce.
 317                 </p>
 318                 <p>
 319                     <a class="btn btn-primary btn-lg" href="/website.contactus">
 320                         Contact us
 321                     </a>
 322                 </p>
 323             </div>
 324         </section>
 325     </div>
 326
 327     <div t-name="website.snippets.text-block" data-snippet-id='text-block' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 328         <div class='oe_snippet_thumbnail'>
 329             <div style="position: absolute; top: 26px; left: 5px;  width: 94%;">
 330                 <div style="display: block;">
 331                     Text Block
 332                     <div style="text-shadow: none;font-size: 9px; line-height: 9px; color: #bbb;margin-bottom: 5px;">
 333                         Jumbotron Sub-title
 334                     </div>
 335                     <div style="text-shadow: none;font-size: 6px; line-height: 6px; text-align: left;">
 336                         Organize projects around your own processes. Work
 337                         on tasks and issues using the kanban view, schedule
 338                         tasks using the gantt chart and control deadlines
 339                         in the calendar view. Every project may have it's
 340                         own stages allowing teams to optimize their job.
 341                     </div>
 342                 </div>
 343             </div>
 344         </div>
 345         <section class="oe_snippet_body mt16 mb16">
 346             <div class="container">
 347                 <div class="row">
 348                     <div class="col-md-12 text-center mt16 mb32">
 349                         <h2>
 350                             OpenERP Project Management
 351                         </h2>
 352                         <h3 class="text-muted">Infinitely flexible. Incredibly easy to use.</h3>
 353                     </div>
 354                     <div class="col-md-12 mb16 mt16">
 355                         <p>
 356                             OpenERP's <b>collaborative and realtime</b> project
 357                             management helps your team get work done. Keep
 358                             track of everything, from the big picture to the
 359                             minute details, from the customer contract to the
 360                             billing.
 361                         </p><p>
 362                             Organize projects around <b>your own processes</b>. Work
 363                             on tasks and issues using the kanban view, schedule
 364                             tasks using the gantt chart and control deadlines
 365                             in the calendar view. Every project may have it's
 366                             own stages allowing teams to optimize their job.
 367                         </p>
 368                     </div>
 369                 </div>
 370             </div>
 371         </section>
 372     </div>
 373
 374     <div t-name="website.snippets.title" data-snippet-id='title' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 375         <div class="oe_snippet_thumbnail">Title</div>
 376         <div class="oe_snippet_body row">
 377             <div class="col-md-12">
 378                 <h2>Your Website Title</h2>
 379                 <h3 class="text-muted">Great products for great people</h3>
 380             </div>
 381         </div>
 382     </div>
 383
 384     <div t-name="website.snippets.hr" data-snippet-id='hr' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 385         <div class="oe_snippet_thumbnail">
 386             <hr style="position: absolute;top: 61px;margin: 0;width: 100%;border-color: #888;"/>
 387             <div style="position: absolute;width: 100%;top: 51px;">Separator</div>
 388         </div>
 389         <hr class="oe_snippet_body"/>
 390     </div>
 391
 392
 393     <div t-name="website.snippets.big-picture" data-snippet-id='big-picture' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 394         <div class='oe_snippet_thumbnail'>
 395             <div style="position: absolute; top: 8px; left: 5px;  width: 94%;">
 396                 <div style="display: block;">
 397                     Big Picture
 398                     <img src="/website/static/src/img/big_picture.png" style="max-width: 100%"/>
 399                     <div style="text-shadow: none;font-size: 6px; line-height: 6px; margin: 5px 10px">
 400                         OpenERP's Point of Sale introduces a super clean
 401                         interface with no installation required.
 402                     </div>
 403                 </div>
 404             </div>
 405
 406         </div>
 407         <section class="oe_snippet_body dark mt16 mb16">
 408             <div class="container">
 409                 <div class="row">
 410                     <div class="col-md-12 text-center mt32 mb32">
 411                         <h2>Work with the hardware you already have...</h2>
 412                     </div>
 413                     <div class="col-md-12">
 414                         <img class="img-responsive" src="/website/static/src/img/big_picture.png" style="margin: 0 auto;"/>
 415                     </div>
 416                     <div class="col-md-6 col-md-offset-3 mb16 mt16">
 417                         <p class="text-center">
 418                             <b>No installation required</b>
 419                         </p>
 420                         <p class="text-center">
 421                             OpenERP's Point of Sale introduces a super clean
 422                             interface with no installation required that runs
 423                             online and offline on modern hardware. Laptops,
 424                             tablets, industrial POS, it runs on everything.
 425                         </p>
 426                         <p class="text-center">
 427                             <a href="/page/website.contactus">Get more information »</a>
 428                         </p>
 429                     </div>
 430                 </div>
 431             </div>
 432         </section>
 433     </div>
 434
 435     <div t-name="website.snippets.three-columns" data-snippet-id='three-columns' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
 436         <div class="oe_snippet_thumbnail">
 437             <div style="padding-top: 22px;">
 438                 Three Columns
 439                 <div class="clearfix" style="font-size: 6px;text-shadow: none;">
 440                     <div class="pull-left" style="width: 33%;line-height: 6px;">
 441                         <img src="/website/static/src/img/china_thumb.jpg" style="max-width: 90%;"/>
 442                         Post job offers and keep track of each application received.
 443                     </div>
 444                     <div class="pull-left" style="width: 33%;line-height: 6px;">
 445                         <img src="/website/static/src/img/desert_thumb.jpg" style="max-width: 90%;"/>
 446                         Break down information silos. Share knowledge and best practices amongst all employees.
 447                     </div>
 448                     <div class="pull-left" style="width: 33%; line-height: 6px;">
 449                         <img src="/website/static/src/img/deers_thumb.jpg" style="max-width: 90%;"/>
 450                         The agenda of each employee is updated accordingly.
 451                     </div>
 452                 </div>
 453             </div>
 454         </div>
 455         <section class="oe_snippet_body mt16 mb16">
 456             <div class="container">
 457                 <div class="row">
 458                     <div class="col-md-12 text-center mt16 mb16">
 459                         <h2>OpenERP HR Features</h2>
 460                         <h3 class="text-muted">Manage your company most important asset: People</h3>
 461                     </div>
 462                     <div class="col-md-4">
 463                         <img class="img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
 464                         <h4 class="mt16">Streamline Recruitments</h4>
 465                         <p>
 466                             Post job offers and keep track of each application
 467                             received. Follow applicants in your recruitment process
 468                             with the smart kanban view.
 469                         </p><p>
 470                             Save time by automating some communications with email
 471                             templates. Resumes are indexed automatically, allowing
 472                             you to easily find for specific profiles.
 473                         </p>
 474                     </div>
 475                     <div class="col-md-4">
 476                         <img class="img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
 477                         <h4 class="mt16">Enterprise Social Network</h4>
 478                         <p>
 479                             Break down information silos. Share knowledge and best
 480                             practices amongst all employees. Follow specific people
 481                             or documents and join groups of interests to share
 482                             expertise and documents.
 483                         </p><p>
 484                             Interact with your collegues in real time with live chat.
 485                         </p>
 486                     </div>
 487                     <div class="col-md-4">
 488                         <img class="img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
 489                         <h4 class="mt16">Leaves Management</h4>
 490                         <p>
 491                             Keep track of the vacation days accrued by each
 492                             employee. Employees enter their requests (paid
 493                             holidays, sick leave, etc), for managers to approve and
 494                             validate. It's all done in just a few clicks. The
 495                             agenda of each employee is updated accordingly.
 496                         </p>
 497                     </div>
 498                 </div>
 499             </div>
 500         </section>
 501     </div>
 502
 503     <div t-name="website.snippets.portfolio" data-snippet-id='portfolio' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 504         <div class='oe_snippet_thumbnail'>Portfolio</div>
 505         <section class="oe_snippet_body">
 506             <div class="container">
 507                 <div class="row">
 508                     <div class="col-md-12 text-center mt16 mb32">
 509                         <h2>Our Porfolio</h2>
 510                         <h4 class="text-muted">More than 500 successful projects</h4>
 511                     </div>
 512                     <div class="col-md-4">
 513                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
 514                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 515                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 516                     </div>
 517                     <div class="col-md-4">
 518                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 519                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 520                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
 521                     </div>
 522                     <div class="col-md-4">
 523                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/landscape.jpg"/>
 524                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
 525                         <img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
 526                     </div>
 527                 </div>
 528             </div>
 529         </section>
 530     </div>
 531
 532     <div t-name="website.snippets.image-gallery" data-snippet-id='image-gallery' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 533         <div class='oe_snippet_thumbnail'>
 534             <div style="padding-top: 22px;">
 535                 Image Gallery
 536                 <div class="clearfix">
 537                     <div style="float: right; width: 56px;height: 30px;">
 538                         <img src="/website/static/src/img/china_thumb.jpg" style="max-width: 24px;"/>
 539                         <img src="/website/static/src/img/deers_thumb.jpg" style="max-width: 24px;"/>
 540                         <img src="/website/static/src/img/desert_thumb.jpg" style="max-width: 24px;"/>
 541                         <img src="/website/static/src/img/china_thumb.jpg" style="max-width: 24px;"/>
 542                     </div>
 543                     <img src="/website/static/src/img/desert.jpg" style="float-left; width: 50px;height: 31px;margin-top: 4px;"/>
 544                     <img src="/website/static/src/img/deers_thumb.jpg" style="float-left; max-width: 24px;"/>
 545                     <img src="/website/static/src/img/landscape.jpg" style="float-left; max-width: 50px;"/>
 546                     <img src="/website/static/src/img/china_thumb.jpg" style="max-width: 24px;"/>
 547                 </div>
 548             </div>
 549         </div>
 550         <section class="oe_snippet_body">
 551             <div class="container">
 552                 <div class="row">
 553                     <div class="col-md-12 text-center mt16 mb32">
 554                         <h2>Our Customer References</h2>
 555                         <h4 class="text-muted">More than 500 successful projects</h4>
 556                     </div>
 557                     <div class="col-md-6">
 558                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
 559                     </div>
 560                     <div class="col-md-3">
 561                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 562                     </div>
 563                     <div class="col-md-3">
 564                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
 565                     </div>
 566                     <div class="col-md-3">
 567                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
 568                     </div>
 569                     <div class="col-md-3">
 570                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 571                     </div>
 572                     <div class="col-md-3">
 573                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
 574                     </div>
 575                     <div class="col-md-6">
 576                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
 577                     </div>
 578                     <div class="col-md-3">
 579                         <img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
 580                     </div>
 581                 </div>
 582             </div>
 583         </section>
 584     </div>
 585
 586     <div t-name="website.snippets.pricing" data-snippet-id='pricing' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 587         <div class='oe_snippet_thumbnail'>Comparisons</div>
 588         <section class="oe_snippet_body">
 589             <div class="container">
 590               <div class="row">
 591                 <div class="col-md-12 text-center mt16 mb32">
 592                     <h2>Our Offers</h2>
 593                 </div>
 594
 595                 <div class="col-md-4">
 596                     <div class="panel panel-info">
 597                       <!-- Default panel contents -->
 598                       <div class="panel-heading text-center">
 599                           <h2 style="margin: 0">Beginner</h2>
 600                           <p style="margin: 0" class="text-muted">
 601                               Starter package
 602                           </p>
 603                       </div>
 604                       <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
 605                         <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">450</b><small>.00</small></h2>
 606                         <div>per month</div>
 607                       </div>
 608
 609                       <!-- List group -->
 610                       <ul class="list-group">
 611                         <li class="list-group-item">Battery: 8 hours</li>
 612                         <li class="list-group-item">Screen: 2.5 inch</li>
 613                         <li class="list-group-item">Weight: 1.1 ounces</li>
 614                         <li class="list-group-item">No support</li>
 615                       </ul>
 616                       <div class="panel-footer text-center">
 617                           <p class="text-muted">
 618                               <i>Free shipping, satisfied or reimbursed.</i>
 619                           </p>
 620                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
 621                       </div>
 622                     </div>
 623                 </div>
 624                 <div class="col-md-4">
 625                     <div class="panel panel-primary">
 626                       <!-- Default panel contents -->
 627                       <div class="panel-heading text-center">
 628                           <h2 style="margin: 0">Professional</h2>
 629                           <p style="margin: 0">
 630                               Enterprise package
 631                           </p>
 632                       </div>
 633                       <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
 634                         <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">590</b><small>.00</small></h2>
 635                         <div>per month</div>
 636                       </div>
 637
 638                       <!-- List group -->
 639                       <ul class="list-group">
 640                         <li class="list-group-item">Battery: 12 hours</li>
 641                         <li class="list-group-item">Screen: 2.8 inch</li>
 642                         <li class="list-group-item">Weight: 1.2 ounces</li>
 643                         <li class="list-group-item">Limited support</li>
 644                       </ul>
 645                       <div class="panel-footer text-center">
 646                           <p class="text-muted">
 647                               <i>Free shipping, satisfied or reimbursed.</i>
 648                           </p>
 649                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
 650                       </div>
 651                     </div>
 652                 </div>
 653                 <div class="col-md-4">
 654                     <div class="panel panel-info">
 655                       <!-- Default panel contents -->
 656                       <div class="panel-heading text-center">
 657                           <h2 style="margin: 0">Expert</h2>
 658                           <p style="margin: 0" class="text-muted">
 659                               The top of the top
 660                           </p>
 661                       </div>
 662                       <div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
 663                         <h2 style="margin: 0"><span>$</span><b style="font-size: 60px">890</b><small>.00</small></h2>
 664                         <div>per month</div>
 665                       </div>
 666
 667                       <!-- List group -->
 668                       <ul class="list-group">
 669                         <li class="list-group-item">Battery: 20 hours</li>
 670                         <li class="list-group-item">Screen: 2.8 inch</li>
 671                         <li class="list-group-item">Weight: 1.2 ounces</li>
 672                         <li class="list-group-item">Unlimited support</li>
 673                       </ul>
 674                       <div class="panel-footer text-center">
 675                           <p class="text-muted">
 676                               <i>Free shipping, satisfied or reimbursed.</i>
 677                           </p>
 678                           <a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
 679                       </div>
 680                     </div>
 681
 682                 </div>
 683               </div>
 684             </div>
 685         </section>
 686     </div>
 687
 688     <div t-name="website.snippets.cta" data-snippet-id='cta' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 689         <div class='oe_snippet_thumbnail'>Buttons</div>
 690         <section class="oe_snippet_body dark">
 691             <div class="container">
 692               <div class="row">
 693                 <div class="col-md-12 text-center mt16 mb16">
 694                     <a href="/shop" class="btn btn-info btn-lg">View Products</a>
 695                     <a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
 696                 </div>
 697               </div>
 698             </div>
 699         </section>
 700     </div>
 701
 702     <div t-name="website.snippets.faq" data-snippet-id='faq' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 703         <div class='oe_snippet_thumbnail'>FAQ</div>
 704         <section class="oe_snippet_body">
 705             <div class="container">
 706                 <h2 class="page-header">
 707                     Point of Sale Questions <small>v7</small>
 708                 </h2>
 709                 <h3>
 710                     Which hardware does OpenERP POS support?
 711                 </h3>
 712                 <p>
 713                     OpenERP's POS is a web application that can run on any device that
 714                     can display websites with little to no setup required.
 715                 </p><p>
 716                     The Point of Sale works perfectly on any kind of touch enabled
 717                     device, whether it's multi-touch tablets like an iPad or
 718                     keyboardless resistive touchscreen terminals.
 719                 </p>
 720                 <h3>
 721                     Does it works offline?
 722                 </h3>
 723                 <p>
 724                     Deploy new stores with just an internet connection: no
 725                     installation, no specific hardware required. It works with any
 726                     iPad, Tablet PC, laptop or industrial POS machine.
 727                 </p><p>
 728                     While an internet connection is required to start the Point of
 729                     Sale, it will stay operational even after a complete disconnection.
 730                 </p>
 731
 732                 <h2 class="page-header">
 733                     Project Management Questions <small>v7</small>
 734                 </h2>
 735                 <h3>
 736                     Can I use it to manage projects based on agile methodologies?
 737                 </h3>
 738                 <p>
 739                     Yes.
 740                 </p>
 741             </div>
 742         </section>
 743     </div>
 744
 745     <div t-name="website.snippets.references" data-snippet-id='references' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
 746         <div class='oe_snippet_thumbnail'>References</div>
 747         <section class="oe_snippet_body mb32 mt16">
 748             <div class="container">
 749                 <div class="row">
 750                     <div class="col-md-12">
 751                         <h1 class="text-center">
 752                             Our References
 753                         </h1>
 754                         <h3 class="text-muted text-center">
 755                             More than 500 happy customers.
 756                         </h3>
 757                     </div>
 758                     <div class="col-md-4 col-md-offset-1 mt16 mb32">
 759                         <blockquote data-snippet-id="quote">
 760                             <p>
 761                                 OpenERP provides essential platform for our project management.
 762                                 Things are better organized and more visible with it.
 763                             </p>
 764                             <small>John Doe, CEO</small>
 765                         </blockquote>
 766                     </div>
 767                     <div class="col-md-4 col-md-offset-2 mt16 mb32">
 768                         <blockquote data-snippet-id="quote">
 769                             <p>
 770                                 OpenERP provides essential platform for our project management.
 771                                 Things are better organized and more visible with it.
 772                             </p>
 773                             <small>John Doe, CEO</small>
 774                         </blockquote>
 775                     </div>
 776                     <div class="col-md-2 col-md-offset-1">
 777                         <img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
 778                     </div>
 779                     <div class="col-md-2">
 780                         <img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
 781                     </div>
 782                     <div class="col-md-2">
 783                         <img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
 784                     </div>
 785                     <div class="col-md-2">
 786                         <img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
 787                     </div>
 788                     <div class="col-md-2">
 789                         <img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
 790                     </div>
 791                 </div>
 792             </div>
 793         </section>
 794     </div>
 795
 796
 797 </templates>