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