Example of our HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Email Template - Duoh! 3</title> </head> <body style="margin: 0; padding: 0; background-color: #878c80; background-image: url(images/body-bg.jpg); background-repeat: repeat;" marginheight="0" topmargin="0" marginwidth="0" leftmargin="0"> <!--100% body table--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#d8e7ea" style="background-color: #878c80; background-image: url(images/body-bg.jpg); background-repeat: repeat;"> <!--header text--> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <table id="top" width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center" height="60"> <em> <p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; color: #bfc1ae; margin: 0; padding: 0;"> You’re receiving this newsletter because you signed up for it | Having trouble reading this email? <a style="color:#bfc1ae" href="#">View it in your browser.</a> | <a style="color:#bfc1ae" href="#">Click here to instantly unsubscribe.</a> </p> </em> </td> </tr> </table> </td> </tr> </table> <!--/header text--> <!--intro--> <table bgcolor="#d4d2c5" background="images/full-bg-top.jpg" width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top" width="15" height="147"> <img style="margin: 0; padding: 0; display: block;" src="images/left-top-curl.jpg" width="15" height="147"> </td> <td valign="top" height="100"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="350" height="23"> </td> <td width="52"> </td> <td width="120"> </td> <td width="48"> </td> </tr> <tr> <td valign="top" height="124" background="images/top-intro-bg.jpg" bgcolor="#dd2d1d"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="30"> </td> <td height="30"> </td> </tr> <tr> <td width="20"> </td> <td valign="top"> <h1 style="font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; color: #FFF; text-shadow: -1px -1px 1px #a10e08; font-size: 36px;">ABC WIDGETS</h1> <em> <p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin: 0; padding: 0; color:#e7edcf;"> Lorem ipsum dolor sit amet </p> </em> </td> </tr> </table> </td> <td valign="top"> <img style="margin: 0; padding: 0; display: block;" src="images/bracket-red.png"> </td> <td valign="top"> <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td valign="top" height="12" align="center"> </td> </tr> <tr> <td height="30" align="center"> <table width="27" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" align="center" height="27" bgcolor="#b7b7ac" background="images/date-bg-2.jpg"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="3"> </td> </tr> </table> <p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; color: #FFF; margin-bottom: 0px; margin-top: 0px; padding: 0px; -webkit-text-size-adjust: none; clear: both;"> 12 </p> </td> </tr> </table> </td> </tr> <tr> <td valign="bottom" height="19" align="center"> <img style="margin: 0; padding: 0;" src="images/ornament.gif" width="76" height="19"> </td> </tr> <tr> <td height="20" align="center"> <p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; color: #9c9e93; margin-bottom: 0px; margin-top: 0px; padding: 0px; text-shadow: 1px 1px 1px #FFFFFF; -webkit-text-size-adjust: none; clear: both;"> SUMMER </p> </td> </tr> <tr> <td align="center"> <p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 24px; color: #9c9e93; margin-bottom: 0px; margin-top: 0px; padding: 0px; text-shadow: 1px 1px 1px #FFFFFF; -webkit-text-size-adjust: none; clear: both;"> 2010 </p> </td> </tr> </table> </td> <td align="right" valign="top"> <img style="margin: 0; padding: 0; display: block;" src="images/bracket-green.png" width="48" height="124"> </td> </tr> </table> </td> <td valign="top" width="15" height="147"> <img style="margin: 0; padding: 0; display: block;" src="images/right-top-curl.jpg" width="15" height="147"> </td> </tr> </table> <!--/intro--> <!--content section--> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top" width="15"> <img style="margin: 0; padding: 0; display: block;" src="images/left-curl-part-1.jpg" width="15" height="56"> </td> <td background="images/full-bg.jpg" bgcolor="#d4d2c5" valign="top"> <table width="569" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" width="30"> <table width="20" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="27"> </td> </tr> <tr> <td> <img style="margin: 0; padding: 0; display: block;" src="images/left-curl-part-2.gif" width="12" height="28"> </td> </tr> </table> </td> <td valign="top"> <table width="514" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="23"> </td> </tr> <tr> <td> <h1 style="font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; color: #de2d1d; font-size: 24px; text-shadow: 1px 1px 1px #FFFFFF;">A collection of textile samples</h1> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="15"> </td> </tr> </table> <p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin: 0; padding: 0; color:#757870; font-weight: normal;"> A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the <a style="color: #de2d1d;" href="#">charm of existence</a> in this spot, which was created for the bliss of souls like mine. </p> <!--break--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="20"> </td> </tr> </table> <!--/break--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" height="10" align="center"> <img style="margin: 0; padding: 0; display: block;" src="images/line-break.gif" width="514" height="5"> </td> </tr> </table> <img style="margin: 0; padding: 0; display: block;" src="images/img1.jpg" width="514" height="239"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="15"> </td> </tr> </table> <p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin: 0; padding: 0; color:#757870; font-weight: normal;"> A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the <a style="color: #de2d1d;" href="#">charm of existence</a> in this spot, which was created for the bliss of souls like mine. </p> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="20"> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" height="20" align="center"> <img style="margin: 0; padding: 0; display: block;" src="images/line-break-dotted.gif" width="514" height="9"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td background="images/full-bg.jpg" bgcolor="#d4d2c5" width="348"> <h1 style="font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; color: #de2d1d; font-size: 24px;"> </td> </tr> </table> </td> <td style="background-color: none;" bgcolor="" valign="top" width="15"> </td> </tr> </table> <!--/content section--> <!--content section--> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top" width="15"> <img style="margin: 0; padding: 0; display: block;" src="images/left-curl-part-1.jpg" width="15" height="56"> </td> <td background="images/full-bg.jpg" bgcolor="#d4d2c5" valign="top"> <table width="569" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" width="30"> <table width="20" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="27"> </td> </tr> <tr> <td> <img style="margin: 0; padding: 0; display: block;" src="images/left-curl-part-2.gif" width="12" height="28"> </td> </tr> </table> </td> <td valign="top"> <table width="514" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="23"> </td> </tr> <tr> <td valign="top"> <h1 style="font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; color: #de2d1d; font-size: 24px; text-shadow: 1px 1px 1px #FFFFFF;">A collection of textile samples</h1> <!--break--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="15"> </td> </tr> </table> <!--/break--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="42%" valign="top"> <img style="margin: 0; padding: 0; display: block;" src="images/img2.jpg" width="198" height="199"> </td> <td width="58%" valign="top"> <p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin: 0; padding: 0; color:#757870; font-weight: normal;"> A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existtence in this spot, which was created for the bliss of souls like mine. </p> <br> <p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin: 0; padding: 0; color:#757870; font-weight: normal;"> I should be incapable of <a style="color: #de2d1d;" href="#">drawing a single stroke</a> at the present moment; and yet I feel that I never was a greater artist than now. </p> </td> </tr> </table> <!--break--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="20"> </td> </tr> </table> <!--/break--> </td> </tr> </table> </td> </tr> </table> <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td background="images/full-bg.jpg" bgcolor="#d4d2c5" width="348"> <h1 style="font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; color: #de2d1d; font-size: 24px;"> </td> </tr> </table> </td> <td style="background-color: none;" bgcolor="" valign="top" width="15"> </td> </tr> </table> <!--/content section--> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="15"> </td> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="20"> </td> </tr> </table> <p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin: 0; padding: 0; color:#bcc1ae; font-weight: normal;"> abc Widgets and the abc Widgets Logo are registered trademarks of abcWidgets Corp. Forward this email to a friend. Not interested anymore? <a style="color: #bcc1ae;" href="#">Unsubscribe Instantly.</a> </p> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="20"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!--/100% body table--> </body> </html>