addons/website_mail/views/snippets.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <openerp>
   3 <data>
   4 <template id="email_designer_snippets">
   5
   6     <div class="scroll" t-ignore="1">
   7         <ul class="nav navbar-nav nav-tabs">
   8           <li class="active"><a href="#snippet_structure" data-toggle="tab">Structure</a></li>
   9           <li><a href="#snippet_content" data-toggle="tab">Content</a></li>
  10           <li><a href="#snippet_feature" data-toggle="tab">Features</a></li>
  11           <li><a href="#snippet_effect" data-toggle="tab">Effects</a></li>
  12         </ul>
  13         <div class="tab-content">
  14
  15 <div id="snippet_structure" class="tab-pane fade in active">
  16
  17
  18     <div data-snippet-id="text-image" data-selector-children=".oe_structure, [data-oe-type=html]">
  19         <div class="oe_snippet_thumbnail">
  20             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_image.png"/>
  21             <span class="oe_snippet_thumbnail_title">Text-Image</span>
  22         </div>
  23         <div class="oe_snippet_body" style="padding:0px; margin:0px">
  24             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
  25                 <tbody>
  26                     <tr>
  27                         <td style="width:600px" valign="top">
  28                             <div style="padding:0px 5px">
  29                                 <table style="font-family:arial;font-size:12px;color:rgb(51,51,51)">
  30                                     <tbody>
  31                                         <tr>
  32                                             <td valign="top">
  33                                                 <h3 style="text-align: center; padding:0px 5px">A Section Subtitle</h3>
  34                                                 <p style="overflow:hidden; font-size:12px">
  35                                                     Write one or two paragraphs describing your product,
  36                                                     services or a specific feature. To be successful
  37                                                     your content needs to be useful to your readers.
  38                                                 </p><p style="overflow:hidden; font-size:12px">
  39                                                     Start with the customer – find out what they want
  40                                                     and give it to them.
  41                                                 </p>
  42                                             </td>
  43                                             <td width="10"></td>
  44                                             <td valign="top" width="290">
  45                                                 <img width="270" style="display:block;border:none;min-height:150px" src="/website/static/src/img/text_image.png"/>
  46                                             </td>
  47                                         </tr>
  48                                     </tbody>
  49                                 </table>
  50                             </div>
  51                         </td>
  52                     </tr>
  53                 </tbody>
  54             </table>
  55         </div>
  56     </div>
  57
  58
  59     <div data-snippet-id="image-text" data-selector-children=".oe_structure, [data-oe-type=html]">
  60         <div class="oe_snippet_thumbnail">
  61             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_text.png"/>
  62             <span class="oe_snippet_thumbnail_title">Image-Text</span>
  63         </div>
  64         <div class="oe_snippet_body" style="padding:0px; margin:0px">
  65             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px 5px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
  66                 <tbody>
  67                     <tr>
  68                         <td style="width:600px" valign="top">
  69                             <div style="padding:0px 5px">
  70                                 <table style="font-family:arial;font-size:12px;color:rgb(51,51,51)">
  71                                     <tbody>
  72                                         <tr>
  73                                             <td valign="top" width="290">
  74                                                 <img width="270" style="display:block;border:none;min-height:150px" alt="" src="/website/static/src/img/image_text.jpg"/>
  75                                             </td>
  76                                             <td width="10"></td>
  77                                             <td valign="top">
  78                                                 <h3 style="text-align: center; padding:0px 5px">A Section Subtitle</h3>
  79                                                 <p style="overflow:hidden; font-size:12px">
  80                                                     Write one or two paragraphs describing your product,
  81                                                     services or a specific feature. To be successful
  82                                                     your content needs to be useful to your readers.
  83                                                 </p><p style="overflow:hidden; font-size:12px">
  84                                                     Start with the customer – find out what they want
  85                                                     and give it to them.
  86                                                 </p>
  87                                             </td>
  88                                         </tr>
  89                                     </tbody>
  90                                 </table>
  91                             </div>
  92                         </td>
  93                     </tr>
  94                 </tbody>
  95             </table>
  96         </div>
  97     </div>
  98
  99
 100     <div data-snippet-id="text-image" data-selector-children=".oe_structure, [data-oe-type=html]">
 101         <div class="oe_snippet_thumbnail">
 102             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_jumbotron.png"/>
 103             <span class="oe_snippet_thumbnail_title">Big Message</span>
 104         </div>
 105         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 106             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px 5px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 107                 <tbody>
 108                     <tr>
 109                         <td valign="top" style="width:600px">
 110                             <div style="padding:0px 5px">
 111                                 <h1 style="text-align: center">Sell Online. Easily.</h1>
 112                                 <p style="overflow:hidden">
 113                                     Write one sentence to convince visitor about your message.
 114                                 </p>
 115                             </div>
 116                         </td>
 117                     </tr>
 118                 </tbody>
 119             </table>
 120         </div>
 121     </div>
 122
 123
 124     <div data-snippet-id="text-image" data-selector-children=".oe_structure, [data-oe-type=html]">
 125         <div class="oe_snippet_thumbnail">
 126             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_block.png"/>
 127             <span class="oe_snippet_thumbnail_title">Text Block</span>
 128         </div>
 129         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 130             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px 5px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 131                 <tbody>
 132                     <tr>
 133                         <td valign="top" style="width:600px">
 134                             <h2 style="text-align: center">
 135                                 A Great Headline
 136                             </h2>
 137                             <h3 style="text-align: center">
 138                                 A good subtitle
 139                             </h3>
 140                         </td>
 141                     </tr>
 142                     <tr>
 143                         <td valign="top" style="width:600px">
 144                             <div style="padding:0px 5px">
 145                                 <p style="overflow:hidden">
 146                                     A great way to catch your reader's attention is to tell a story.
 147                                     Everything you consider writing can be told as a story.
 148                                 </p>
 149                                 <p style="overflow:hidden">
 150                                     <strong>Great stories have personality</strong>. Consider telling
 151                                     a great story that provides personality. Writing a story
 152                                     with personality for potential clients will asist with
 153                                     making a relationship connection. This shows up in small
 154                                     quirks like word choices or phrases. Write from your point
 155                                     of view, not from someone else's experience.
 156                                 </p>
 157                                 <p style="overflow:hidden">
 158                                     <strong>Great stories are for everyone even when only written for
 159                                     just one person</strong>. If you try to write with a wide general
 160                                     audience in mind, your story will ring false and be bland.
 161                                     No one will be interested. Write for one person. If it’s genuine
 162                                     for the one, it’s genuine for the rest.
 163                                 </p>
 164
 165                             </div>
 166                         </td>
 167                     </tr>
 168                 </tbody>
 169             </table>
 170         </div>
 171     </div>
 172
 173
 174     <div data-snippet-id="hr" data-selector-children=".oe_structure, [data-oe-type=html]">
 175         <div class="oe_snippet_thumbnail">
 176             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_separator.png"/>
 177             <span class="oe_snippet_thumbnail_title">Separator</span>
 178         </div>
 179         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 180             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 181                 <tbody>
 182                     <tr>
 183                         <td valign="top" style="width:600px">
 184                             <div style="padding:0px 5px">
 185                                 <hr width="100%" style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0"/>
 186                             </div>
 187                         </td>
 188                     </tr>
 189                 </tbody>
 190             </table>
 191         </div>
 192     </div>
 193
 194
 195     <div data-snippet-id="big-picture" data-selector-children=".oe_structure, [data-oe-type=html]">
 196         <div class="oe_snippet_thumbnail">
 197             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_big_picture.png"/>
 198             <span class="oe_snippet_thumbnail_title">Big Picture</span>
 199         </div>
 200         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 201             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 202                 <tbody>
 203                     <tr>
 204                         <td valign="top" style="width:600px">
 205                             <h2 style="text-align: center; padding:0px 5px">A Punchy Headline</h2>
 206                         </td>
 207                     </tr>
 208                     <tr>
 209                         <td valign="top" style="width:600px">
 210                             <img width="500" style="display:block;border:none;min-height:250px;margin:0 auto;" src="/website/static/src/img/big_picture.png"/>
 211                         </td>
 212                     </tr>
 213                     <tr>
 214                         <td valign="top" style="width:600px">
 215                             <p style="text-align: center; overflow:hidden">
 216                                 <h3 style="text-align: center; padding:0px 5px">A Small Subtitle</h3>
 217                             </p>
 218                             <p style="text-align: center; overflow:hidden">
 219                                 Choose a vibrant image and write an inspiring paragraph
 220                                 about it. It does not have to be long, but it should
 221                                 reinforce your image.
 222                             </p>
 223                         </td>
 224                     </tr>
 225                 </tbody>
 226             </table>
 227         </div>
 228     </div>
 229
 230
 231     <div data-snippet-id="three-columns" data-selector-children=".oe_structure, [data-oe-type=html]">
 232         <div class="oe_snippet_thumbnail">
 233             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_three_columns.png"/>
 234             <span class="oe_snippet_thumbnail_title">Three Columns</span>
 235         </div>
 236         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 237             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 238                 <tbody>
 239                     <tr>
 240                         <td valign="top" style="width:200px">
 241                             <img width="175" style="display:block;border:none;min-height:50px" src="/website/static/src/img/desert_thumb.jpg"/>
 242                         </td>
 243                         <td valign="top" style="width:200px">
 244                             <img width="175" style="display:block;border:none;min-height:50px" src="/website/static/src/img/deers_thumb.jpg"/>
 245                         </td>
 246                         <td valign="top" style="width:200px">
 247                             <img width="175" style="display:block;border:none;min-height:50px" src="/website/static/src/img/china_thumb.jpg"/>
 248                         </td>
 249                     </tr>
 250                     <tr>
 251                         <td valign="top" style="width:200px">
 252                             <h3 style="text-align: center; padding:0px 5px">Feature One</h3>
 253                             <p style="overflow:hidden">
 254                                 Choose a vibrant image and write an inspiring paragraph
 255                                 about it. It does not have to be long, but it should
 256                                 reinforce your image.
 257                             </p>
 258                         </td>
 259                         <td valign="top" style="width:200px">
 260                             <h3 style="text-align: center; padding:0px 5px">Feature Two</h3>
 261                             <p style="overflow:hidden">
 262                                 Choose a vibrant image and write an inspiring paragraph
 263                                 about it. It does not have to be long, but it should
 264                                 reinforce your image.
 265                             </p>
 266                         </td>
 267                         <td valign="top" style="width:200px">
 268                             <h3 style="text-align: center; padding:0px 5px">Feature Three</h3>
 269                             <p style="overflow:hidden">
 270                                 Choose a vibrant image and write an inspiring paragraph
 271                                 about it. It does not have to be long, but it should
 272                                 reinforce your image.
 273                             </p>
 274                         </td>
 275                     </tr>
 276                 </tbody>
 277             </table>
 278         </div>
 279     </div>
 280
 281 </div>
 282
 283
 284 <div id="snippet_feature" class="tab-pane fade">
 285
 286
 287     <div data-snippet-id="pricing" data-selector-children=".oe_structure, [data-oe-type=html]">
 288         <div class="oe_snippet_thumbnail">
 289             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_comparison.png"/>
 290             <span class="oe_snippet_thumbnail_title">Comparisons</span>
 291         </div>
 292         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 293             <div style="width:600px">
 294                 <h2 style="text-align: center">Our Offers</h2>
 295             </div>
 296             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 297                 <tbody>
 298                     <tr>
 299                         <td valign="top" style="width:200px; bgcolor: #bce8f1; background-color: #bce8f1;">
 300                             <h2 style="text-align: center">Beginner</h2>
 301                             <p style="text-align: center; overflow:hidden">Starter Package</p>
 302                         </td>
 303                         <td valign="top" style="width:200px; bgcolor: #428bca; background-color: #428bca;">
 304                             <h2 style="text-align: center">Professional</h2>
 305                             <p style="text-align: center; overflow:hidden">Enterprise package</p>
 306                         </td>
 307                         <td valign="top" style="width:200px; bgcolor: #bce8f1; background-color: #bce8f1;">
 308                             <h2 style="text-align: center">Expert</h2>
 309                             <p style="text-align: center; overflow:hidden">The top of the top</p>
 310                         </td>
 311                     </tr>
 312                     <tr>
 313                         <td valign="top" style="width:200px">
 314                             <h2 style="margin: 0; text-align: center">$<strong style="font-size: 30px">450</strong><small>.00</small></h2>
 315                             <p style="text-align: center">per month</p>
 316                         </td>
 317                         <td valign="top" style="width:200px">
 318                             <h2 style="margin: 0; text-align: center">$<strong style="font-size: 30px">590</strong><small>.00</small></h2>
 319                             <p style="text-align: center">per month</p>
 320                         </td>
 321                         <td valign="top" style="width:200px">
 322                             <h2 style="margin: 0; text-align: center">$<strong style="font-size: 30px">890</strong><small>.00</small></h2>
 323                             <p style="text-align: center">per month</p>
 324                         </td>
 325                     </tr>
 326                     <tr>
 327                         <td valign="top" style="width:200px">
 328                             <ul>
 329                                 <li>Battery: 8 hours</li>
 330                                 <li>Screen: 2.5 inch</li>
 331                                 <li>Weight: 1.1 ounces</li>
 332                                 <li>No support</li>
 333                             </ul>
 334                         </td>
 335                         <td valign="top" style="width:200px">
 336                             <ul>
 337                                 <li>Battery: 12 hours</li>
 338                                 <li>Screen: 2.8 inch</li>
 339                                 <li>Weight: 1.2 ounces</li>
 340                                 <li>Limited support</li>
 341                             </ul>
 342                         </td>
 343                         <td valign="top" style="width:200px">
 344                             <ul>
 345                                 <li>Battery: 20 hours</li>
 346                                 <li>Screen: 2.8 inch</li>
 347                                 <li>Weight: 1.2 ounces</li>
 348                                 <li>Unlimited support</li>
 349                             </ul>
 350                         </td>
 351                     </tr>
 352                     <tr>
 353                         <td valign="top" style="width:200px">
 354                             <p style="text-align: center; overflow: hidden">
 355                                 <i>Free shipping, satisfied or reimbursed.</i><br/>
 356                                 <a href="/page/website.contactus">Order now</a>
 357                             </p>
 358                         </td>
 359                         <td valign="top" style="width:200px">
 360                             <p style="text-align: center; overflow: hidden">
 361                                 <i>Free shipping, satisfied or reimbursed.</i><br/>
 362                                 <a href="/page/website.contactus">Order now</a>
 363                             </p>
 364                         </td>
 365                         <td valign="top" style="width:200px">
 366                             <p style="text-align: center; overflow: hidden">
 367                                 <i>Free shipping, satisfied or reimbursed.</i><br/>
 368                                 <a href="/page/website.contactus">Contact us</a>
 369                             </p>
 370                         </td>
 371                     </tr>
 372                 </tbody>
 373             </table>
 374         </div>
 375     </div>
 376
 377
 378     <div data-snippet-id="cta" data-selector-children=".oe_structure, [data-oe-type=html]">
 379         <div class="oe_snippet_thumbnail">
 380             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_button.png"/>
 381             <span class="oe_snippet_thumbnail_title">Button</span>
 382         </div>
 383         <div class="oe_snippet_body" style="padding:0px; margin:0px">
 384             <table cellspacing="0" cellpadding="0" style="margin:10px 0px 0px;vertical-align:top;padding:0px;font-family:arial;font-size:12px;color:rgb(51,51,51)">
 385                 <tbody>
 386                     <tr>
 387                         <td valign="top" style="width:200px">
 388                             <div style="padding:0px 5px">
 389                                 <table style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:rgb(153,153,153);border-collapse:collapse;width:70px;font-family:arial;font-size:12px;color:rgb(51,51,51);margin-left:60px" border="0" cellpadding="0" cellspacing="0">
 390                                     <tbody>
 391                                         <tr>
 392                                             <td style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:15px 5px;border-collapse:collapse;background-color:rgb(101,101,101)" align="center" valign="middle">
 393                                                 <a href="http://www.openerp.com" style="text-decoration:none;border:none rgb(221,221,221);font-weight:bold;line-height:100%;text-align:center;color:rgb(0,136,204);word-wrap:break-word!important;background-color:rgb(101,101,101)" target="_blank">
 394                                                     <span style="color:rgb(255,255,255);font-family:arial;font-size:12px;display:block;width:auto;text-align:center;white-space:nowrap">View Product</span>
 395                                                 </a>
 396                                             </td>
 397                                         </tr>
 398                                         <tr>
 399                                         </tr>
 400                                     </tbody>
 401                                 </table>
 402                             </div>
 403                         </td>
 404                         <td valign="top" style="width:200px">
 405                             <div style="padding:0px 5px">
 406                                 <table style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:rgb(153,153,153);border-collapse:collapse;width:70px;font-family:arial;font-size:12px;color:rgb(51,51,51);margin-left:60px" border="0" cellpadding="0" cellspacing="0">
 407                                     <tbody>
 408                                         <tr>
 409                                             <td style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:15px 5px;border-collapse:collapse;background-color:rgb(101,101,101)" align="center" valign="middle">
 410                                                 <a href="http://www.openerp.com" style="text-decoration:none;border:none rgb(221,221,221);font-weight:bold;line-height:100%;text-align:center;color:rgb(0,136,204);word-wrap:break-word!important;background-color:rgb(101,101,101)" target="_blank">
 411                                                     <span style="color:rgb(255,255,255);font-family:arial;font-size:12px;display:block;width:auto;text-align:center;white-space:nowrap">View Product</span>
 412                                                 </a>
 413                                             </td>
 414                                         </tr>
 415                                         <tr>
 416                                         </tr>
 417                                     </tbody>
 418                                 </table>
 419                             </div>
 420                         </td>
 421                         <td valign="top" style="width:200px">
 422                             <div style="padding:0px 5px">
 423                                 <table style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:rgb(153,153,153);border-collapse:collapse;width:70px;font-family:arial;font-size:12px;color:rgb(51,51,51);margin-left:60px" border="0" cellpadding="0" cellspacing="0">
 424                                     <tbody>
 425                                         <tr>
 426                                             <td style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:15px 5px;border-collapse:collapse;background-color:rgb(101,101,101)" align="center" valign="middle">
 427                                                 <a href="http://www.openerp.com" style="text-decoration:none;border:none rgb(221,221,221);font-weight:bold;line-height:100%;text-align:center;color:rgb(0,136,204);word-wrap:break-word!important;background-color:rgb(101,101,101)" target="_blank">
 428                                                     <span style="color:rgb(255,255,255);font-family:arial;font-size:12px;display:block;width:auto;text-align:center;white-space:nowrap">View Product</span>
 429                                                 </a>
 430                                             </td>
 431                                         </tr>
 432                                         <tr>
 433                                         </tr>
 434                                     </tbody>
 435                                 </table>
 436                             </div>
 437                         </td>
 438                     </tr>
 439                 </tbody>
 440             </table>
 441         </div>
 442     </div>
 443
 444 </div>
 445
 446 <div id="snippet_effect" class="tab-pane fade">
 447 </div>
 448
 449 <div id="snippet_styles" class="hidden">
 450 </div>
 451
 452
 453
 454         </div>
 455     </div>
 456
 457 </template>
 458 </data>
 459 </openerp>