You are on page 1of 3

<div style="margin:0; text-align:center; width:100%; background:#EEE;minwidth:240px;height:100%;"><br />

<div style="width:96%;margin:0 auto; border-top:6px solid #369;border-bottom: 6px


solid #369;background:#DEF;">
<h3 style="margin-top:5px;background-color:#69C; font-weight:normal; color:#FFF;
text-align:center; margin-bottom:5px; padding:10px; line-height:1.2; font-size:21px;
text-transform:capitalize;">[SUBJECT]</h3>
<div style="text-align:justify;background:#FFF;padding:20px; border-top:2px solid
#369;min-height:200px;font-size:13px; border-bottom:2px solid #369;">[CONTENT]
<div style="clear:both">&nbsp;</div>
</div>
<div style="clear:both;background:#69C;font-weight:normal;
padding:10px;color:#FFF;text-align:center;font-size:11px;margin:5px
0px">[FOOTER]<br />
[SIGNATURE]</div>
</div>
</div>

Example
Start of template header part
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
.... place your style elements and classes here ...
.... or use inline styles (recommended)....
</style>
</head>
<body bgcolor="#CCCCCC">
<table width="640" border="0" align="center" bgcolor="#990000">
<tr><td>
<h1>My Newsletter</h1>
[CONTENT]
End of template header part
<table><tr><td>
test contents of your html message to be pasted
in: Send a Message -- Content tab
</td></tr></table>
Start of template Footer part
If you want to change your preferences, please use [PREFERENCES]
If you want to unsubscribe, please use [UNSUBSCRIBE]
Visit us at [WEBSITE]
</tr></td></table>
</body>
</html>
End of template Footer part

<div style="maxwidth:800px;width:100%;background:#FFF;display:block;margin:0px auto;fontfamily: Arial,sans-serif;font-size:12px;text-align:center;padding:30px 0">


<table width="100%" height="100px;">
<tr>
<td style="width:50px;border-left:10px double #BCC;border-top:10px double
#BCC;border-bottom:20px solid #FFF;border-right:20px solid #FFF"> </td>
<td style="text-align:center;"><div style="display:inline-block;maxwidth:100%;font-size:40px;color:#9AA"><img src="[LOGO:300]"
style="width:100%;" alt="NEWSLETTER" /></div></td>
<td style="width:50px;border-right:10px double #BCC;border-top:10px double
#BCC;border-bottom:20px solid #FFF;border-left:20px solid #FFF"> </td>
</tr>
</table>
<table style=" color:#333;width:100%;margin:0px" cellpadding="15px"
cellspacing="0px">
<tbody>
<tr><td></td></tr>
<tr>
<td style="background:#FFF;padding:40px 10%;color:#666;border-bottom:10px
double #BCC;border-top:10px double #9AA;border-right:20px solid #FFF;borderleft:20px solid #FFF">[CONTENT]</td>
</tr>
<tr>
<td style="color:#BBB;text-align:right;"> </td>
</tr>
</tbody>
</table>
<table width="100%" height="100px">
<tr>
<td style="width:50px;border-left:10px double #9AA;border-bottom:10px double
#9AA;border-top:20px solid #FFF;border-right:20px solid #FFF"> </td>
<td style="text-align:center;color:#999">[FOOTER]</td>
<td style="width:50px;border-right:10px double #9AA;border-bottom:10px double
#9AA;border-top:20px solid #FFF;border-left:20px solid #FFF"> </td>
</tr>
</table>
<a href="[FORWARDURL]" style="color:#FFF;padding:5px 10px;textdecoration:none;border-radius:10px;font-size:12px;display:inline-block;textalign:center;background:#BCC">Forward this message</a>
</div>

You might also like