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