498 lines
28 KiB
XML
498 lines
28 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<openerp>
|
||
<data>
|
||
<template id="email_designer_snippets">
|
||
|
||
<div class="scroll" t-ignore="1">
|
||
<ul class="nav navbar-nav nav-tabs">
|
||
<li class="active"><a href="#snippet_email_structure" data-toggle="tab">Email Design</a></li>
|
||
<li><a href="#snippet_email_feature" data-toggle="tab">Advanced Email Features</a></li>
|
||
</ul>
|
||
<div class="tab-content">
|
||
|
||
<div id="snippet_email_structure" class="tab-pane fade in active">
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_block.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Text Block</span>
|
||
</div>
|
||
<div class="oe_snippet_body" style="padding:0px; margin:0px">
|
||
<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)">
|
||
<tbody>
|
||
<tr>
|
||
<td valign="top" style="width:600px">
|
||
<h2 style="text-align: center">
|
||
A Great Headline
|
||
</h2>
|
||
<h3 style="text-align: center">
|
||
A good subtitle
|
||
</h3>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td valign="top" style="width:600px">
|
||
<div style="padding:0px 5px">
|
||
<p style="overflow:hidden">
|
||
A great way to catch your reader's attention is to tell a story.
|
||
Everything you consider writing can be told as a story.
|
||
</p>
|
||
<p style="overflow:hidden">
|
||
<strong>Great stories have personality.</strong> Consider telling
|
||
a great story that provides personality. Writing a story
|
||
with personality for potential clients will asist with
|
||
making a relationship connection. This shows up in small
|
||
quirks like word choices or phrases. Write from your point
|
||
of view, not from someone else's experience.
|
||
</p>
|
||
<p style="overflow:hidden">
|
||
<strong>Great stories are for everyone even when only written for
|
||
just one person.</strong> If you try to write with a wide general
|
||
audience in mind, your story will ring false and be bland.
|
||
No one will be interested. Write for one person. If it’s genuine
|
||
for the one, it’s genuine for the rest.
|
||
</p>
|
||
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_text_image.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Text-Image</span>
|
||
</div>
|
||
<div class="oe_snippet_body" style="padding:0px; margin:0px">
|
||
<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)">
|
||
<tbody>
|
||
<tr>
|
||
<td style="width:600px" valign="top">
|
||
<div style="padding:0px 5px">
|
||
<table style="font-family:arial;font-size:12px;color:rgb(51,51,51)">
|
||
<tbody>
|
||
<tr>
|
||
<td valign="top">
|
||
<h3 style="text-align: center; padding:0px 5px">A Section Subtitle</h3>
|
||
<p style="overflow:hidden; font-size:12px">
|
||
Write one or two paragraphs describing your product,
|
||
services or a specific feature. To be successful
|
||
your content needs to be useful to your readers.
|
||
</p><p style="overflow:hidden; font-size:12px">
|
||
Start with the customer – find out what they want
|
||
and give it to them.
|
||
</p>
|
||
</td>
|
||
<td width="10"></td>
|
||
<td valign="top" width="290">
|
||
<img width="270" style="display:block;border:none;min-height:150px" src="/website/static/src/img/text_image.png"/>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_image_text.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Image-Text</span>
|
||
</div>
|
||
<div class="oe_snippet_body" style="padding:0px; margin:0px">
|
||
<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)">
|
||
<tbody>
|
||
<tr>
|
||
<td style="width:600px" valign="top">
|
||
<div style="padding:0px 5px">
|
||
<table style="font-family:arial;font-size:12px;color:rgb(51,51,51)">
|
||
<tbody>
|
||
<tr>
|
||
<td valign="top" width="290">
|
||
<img width="270" style="display:block;border:none;min-height:150px" alt="" src="/website/static/src/img/image_text.jpg"/>
|
||
</td>
|
||
<td width="10"></td>
|
||
<td valign="top">
|
||
<h3 style="text-align: center; padding:0px 5px">A Section Subtitle</h3>
|
||
<p style="overflow:hidden; font-size:12px">
|
||
Write one or two paragraphs describing your product,
|
||
services or a specific feature. To be successful
|
||
your content needs to be useful to your readers.
|
||
</p><p style="overflow:hidden; font-size:12px">
|
||
Start with the customer – find out what they want
|
||
and give it to them.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website_mail/static/src/img/blocks/block_two_columns.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Two Columns</span>
|
||
</div>
|
||
<div class="oe_snippet_body" style="padding:0px; margin:0px">
|
||
<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)">
|
||
<tbody>
|
||
<tr>
|
||
<td valign="top" style="width:300px">
|
||
<img width="275" style="display:block;border:none;min-height:50px" src="/website/static/src/img/desert_thumb.jpg"/>
|
||
</td>
|
||
<td valign="top" style="width:300px">
|
||
<img width="275" style="display:block;border:none;min-height:50px" src="/website/static/src/img/deers_thumb.jpg"/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td valign="top" style="width:300px">
|
||
<h3 style="text-align: center; padding:0px 5px">Feature One</h3>
|
||
<p style="overflow:hidden">
|
||
Choose a vibrant image and write an inspiring paragraph
|
||
about it. It does not have to be long, but it should
|
||
reinforce your image.
|
||
</p>
|
||
</td>
|
||
<td valign="top" style="width:300px">
|
||
<h3 style="text-align: center; padding:0px 5px">Feature Two</h3>
|
||
<p style="overflow:hidden">
|
||
Choose a vibrant image and write an inspiring paragraph
|
||
about it. It does not have to be long, but it should
|
||
reinforce your image.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website_mail/static/src/img/blocks/block_three_columns.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Three Columns</span>
|
||
</div>
|
||
<div class="oe_snippet_body" style="padding:0px; margin:0px">
|
||
<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)">
|
||
<tbody>
|
||
<tr>
|
||
<td valign="top" style="width:200px">
|
||
<img width="175" style="display:block;border:none;min-height:50px" src="/website/static/src/img/desert_thumb.jpg"/>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<img width="175" style="display:block;border:none;min-height:50px" src="/website/static/src/img/deers_thumb.jpg"/>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<img width="175" style="display:block;border:none;min-height:50px" src="/website/static/src/img/china_thumb.jpg"/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td valign="top" style="width:200px">
|
||
<h3 style="text-align: center; padding:0px 5px">Feature One</h3>
|
||
<p style="overflow:hidden">
|
||
Choose a vibrant image and write an inspiring paragraph
|
||
about it. It does not have to be long, but it should
|
||
reinforce your image.
|
||
</p>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<h3 style="text-align: center; padding:0px 5px">Feature Two</h3>
|
||
<p style="overflow:hidden">
|
||
Choose a vibrant image and write an inspiring paragraph
|
||
about it. It does not have to be long, but it should
|
||
reinforce your image.
|
||
</p>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<h3 style="text-align: center; padding:0px 5px">Feature Three</h3>
|
||
<p style="overflow:hidden">
|
||
Choose a vibrant image and write an inspiring paragraph
|
||
about it. It does not have to be long, but it should
|
||
reinforce your image.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_separator.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Separator</span>
|
||
</div>
|
||
<div class="oe_snippet_body" style="padding:0px; margin:0px">
|
||
<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)">
|
||
<tbody>
|
||
<tr>
|
||
<td valign="top" style="width:600px">
|
||
<div style="padding:0px 5px">
|
||
<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"/>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div id="snippet_email_feature" class="tab-pane fade">
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_big_picture.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Big Picture</span>
|
||
</div>
|
||
<div class="oe_snippet_body" style="padding:0px; margin:0px">
|
||
<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)">
|
||
<tbody>
|
||
<tr>
|
||
<td valign="top" style="width:600px">
|
||
<h2 style="text-align: center; padding:0px 5px">A Punchy Headline</h2>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td valign="top" style="width:600px">
|
||
<img width="500" style="display:block;border:none;min-height:250px;margin:0 auto;" src="/website/static/src/img/big_picture.png"/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td valign="top" style="width:600px">
|
||
<p style="text-align: center; overflow:hidden">
|
||
<h3 style="text-align: center; padding:0px 5px">A Small Subtitle</h3>
|
||
</p>
|
||
<p style="text-align: center; overflow:hidden">
|
||
Choose a vibrant image and write an inspiring paragraph
|
||
about it. It does not have to be long, but it should
|
||
reinforce your image.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_comparison.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Comparisons</span>
|
||
</div>
|
||
<div class="oe_snippet_body" style="padding:0px; margin:0px">
|
||
<div style="width:600px">
|
||
<h2 style="text-align: center">Our Offers</h2>
|
||
</div>
|
||
<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)">
|
||
<tbody>
|
||
<tr>
|
||
<td valign="top" style="width:200px; bgcolor: #bce8f1; background-color: #bce8f1;">
|
||
<h2 style="text-align: center">Beginner</h2>
|
||
<p style="text-align: center; overflow:hidden">Starter Package</p>
|
||
</td>
|
||
<td valign="top" style="width:200px; bgcolor: #428bca; background-color: #428bca;">
|
||
<h2 style="text-align: center">Professional</h2>
|
||
<p style="text-align: center; overflow:hidden">Enterprise package</p>
|
||
</td>
|
||
<td valign="top" style="width:200px; bgcolor: #bce8f1; background-color: #bce8f1;">
|
||
<h2 style="text-align: center">Expert</h2>
|
||
<p style="text-align: center; overflow:hidden">The top of the top</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td valign="top" style="width:200px">
|
||
<h2 style="margin: 0; text-align: center">$<strong style="font-size: 30px">450</strong><small>.00</small></h2>
|
||
<p style="text-align: center">per month</p>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<h2 style="margin: 0; text-align: center">$<strong style="font-size: 30px">590</strong><small>.00</small></h2>
|
||
<p style="text-align: center">per month</p>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<h2 style="margin: 0; text-align: center">$<strong style="font-size: 30px">890</strong><small>.00</small></h2>
|
||
<p style="text-align: center">per month</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td valign="top" style="width:200px">
|
||
<ul>
|
||
<li>Battery: 8 hours</li>
|
||
<li>Screen: 2.5 inch</li>
|
||
<li>Weight: 1.1 ounces</li>
|
||
<li>No support</li>
|
||
</ul>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<ul>
|
||
<li>Battery: 12 hours</li>
|
||
<li>Screen: 2.8 inch</li>
|
||
<li>Weight: 1.2 ounces</li>
|
||
<li>Limited support</li>
|
||
</ul>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<ul>
|
||
<li>Battery: 20 hours</li>
|
||
<li>Screen: 2.8 inch</li>
|
||
<li>Weight: 1.2 ounces</li>
|
||
<li>Unlimited support</li>
|
||
</ul>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td valign="top" style="width:200px">
|
||
<p style="text-align: center; overflow: hidden">
|
||
<i>Free shipping, satisfied or reimbursed.</i><br/>
|
||
<a href="/page/website.contactus">Order now</a>
|
||
</p>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<p style="text-align: center; overflow: hidden">
|
||
<i>Free shipping, satisfied or reimbursed.</i><br/>
|
||
<a href="/page/website.contactus">Order now</a>
|
||
</p>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<p style="text-align: center; overflow: hidden">
|
||
<i>Free shipping, satisfied or reimbursed.</i><br/>
|
||
<a href="/page/website.contactus">Contact us</a>
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_jumbotron.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Big Message</span>
|
||
</div>
|
||
<div class="oe_snippet_body" style="padding:0px; margin:0px">
|
||
<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)">
|
||
<tbody>
|
||
<tr>
|
||
<td valign="top" style="width:600px">
|
||
<div style="padding:0px 5px">
|
||
<h1 style="text-align: center">Sell Online. Easily.</h1>
|
||
<p style="overflow:hidden">
|
||
Write one sentence to convince visitor about your message.
|
||
</p>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div>
|
||
<div class="oe_snippet_thumbnail">
|
||
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_button.png"/>
|
||
<span class="oe_snippet_thumbnail_title">Button</span>
|
||
</div>
|
||
<div class="oe_snippet_body" style="padding:0px; margin:0px">
|
||
<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)">
|
||
<tbody>
|
||
<tr>
|
||
<td valign="top" style="width:200px">
|
||
<div style="padding:0px 5px">
|
||
<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">
|
||
<tbody>
|
||
<tr>
|
||
<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">
|
||
<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">
|
||
<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>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<div style="padding:0px 5px">
|
||
<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">
|
||
<tbody>
|
||
<tr>
|
||
<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">
|
||
<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">
|
||
<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>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</td>
|
||
<td valign="top" style="width:200px">
|
||
<div style="padding:0px 5px">
|
||
<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">
|
||
<tbody>
|
||
<tr>
|
||
<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">
|
||
<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">
|
||
<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>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="snippet_options" class="hidden">
|
||
<div data-snippet-option-id='content'
|
||
data-selector="[data-oe-field='body_html'] > div, .oe_snippet_body"
|
||
data-selector-siblings="[data-oe-field='body_html'] > *"
|
||
data-selector-children="[data-oe-field='body_html']">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</template>
|
||
|
||
</data>
|
||
</openerp>
|