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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Email Template - Classic</title> </head> <body marginheight="0" topmargin="0" marginwidth="0" style="margin: 0px; background-color: #f7f2e4;" bgcolor="#f7f2e4" leftmargin="0"> <!--100% body table--> <table cellspacing="0" border="0" cellpadding="0" width="100%" bgcolor="#f7f2e4"> <tr> <td> <!--top links--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="center" height="45"> <p style="font-size: 14px; line-height: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #b0a08b; margin: 0px;"> Is this email not displaying correctly? <a style="color: #bc1f31; text-decoration: none;" href="#">Try the web version.</a> </p> </td> </tr> </table> <!--header--> <table style="background:url(images/header-bg.jpg); background-repeat: no-repeat; background-position: center; background-color: #fffdf9;" width="684" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" width="173"> <!--ribbon--> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td height="120" width="45"> </td> <td background="images/ribbon.jpg" valign="top" bgcolor="#c72439" height="120" width="80"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="bottom" align="center" height="35"> <p style="font-size: 14px; font-family: Georgia, 'Times New Roman', Times, serif; color: #ffffff; margin-top: 0px; margin-bottom: 0px;"> ISSUE </p> </td> </tr> <tr> <td valign="top" align="center"> <p style="font-size: 36px; font-family: Georgia, 'Times New Roman', Times, serif; color: #ffffff; margin-top: 0px; margin-bottom: 0px; text-shadow: 1px 1px 1px #333;"> 31 </p> </td> </tr> </table> </td> </tr> </table> <!--ribbon--> </td> <td valign="middle" width="493"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="60"> </td> </tr> <tr> <td> <h1 style="color: #333; margin-top: 0px; margin-bottom: 0px; font-weight: normal; font-size: 48px; font-family: Georgia, 'Times New Roman', Times, serif">ABC <em>Newsletter</em></h1> </td> </tr> <tr> <td height="40"> </td> </tr> </table> <!--date--> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" align="center" bgcolor="#312c26" background="images/date-bg.jpg" width="357" height="42"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="5"> </td> </tr> </table> <p style="font-size: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #ffffff; margin-top: 0px; margin-bottom: 0px;"> February 2010 </p> </td> </tr> </table> <!--/date--> </td> <td width="18"> </td> </tr> </table> </td> </tr> </table> <!--/header--> <!--email container--> <table bgcolor="#fffdf9" cellspacing="0" border="0" align="center" cellpadding="30" width="684"> <tr> <td> <!--email content--> <table cellspacing="0" border="0" id="email-content" cellpadding="0" width="624"> <tr> <td> <!--section 1--> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr> <td valign="top" align="center"> <img src="images/img1.jpg" alt="image dsc" style="border: solid 1px #FFF; box-shadow: 2px 2px 6px #333; -webkit-box-shadow: 2px 2px 6px #333; -khtml-box-shadow: 2px 2px 6px #333; -moz-box-shadow: 2px 2px 6px #333;" width="622" /> <!--line break--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="bottom" height="50"> <img src="images/line-break.jpg" width="622" height="27"> </td> </tr> </table> <!--/line break--> <h1 style="font-size: 36px; font-weight: normal; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; margin-top: 0px; margin-bottom: 20px;">Lorem ipsum <em>dolor sit amet</em></h1> <p style="font-size: 16px; line-height: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> Consectetur adipiscing elit. <a style="color: #bc1f31; text-decoration: none;" href="#">Phasellus</a> a ipsum a risus volutpat placerat in nec mauris. Fusce sit amet enim erat, in sagittis arcu. <a style="color: #bc1f31; text-decoration: none;" href="#">Aliquam dolor dolor</a>, semper id tempor et, varius pulvinar tellus. Maurtis commodo urna at dui bibendum quis euismod velit egestas. Vestibulum ante ipsum primis in faucibus orci luctus et. </p> </td> </tr> </table> <!--/section 1--> <!--line break--> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr> <td height="72"> <img src="images/line-break-2.jpg" width="622" height="72"> </td> </tr> </table> <!--/line break--> <!--section 2--> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr> <td> <table cellspacing="0" border="0" cellpadding="8" width="100%" style="margin-top: 10px;"> <tr> <td valign="top"> <p style="font-size: 17px; line-height: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> <img src="images/img2.jpg" height="108" alt="img2" style="border: solid 1px #FFF; box-shadow: 2px 2px 6px #333; -webkit-box-shadow: 2px 2px 6px #333; -khtml-box-shadow: 2px 2px 6px #333; -moz-box-shadow: 2px 2px 6px #333;" width="138" /> </p> <p style="color: #333333; font-size: 18px; font-family: Georgia, 'Times New Roman', Times, serif; margin: 12px 0px; font-weight: bold;"> Lorem ipsum dolor sit amet </p> <p style="font-size: 16px; line-height: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> Consectetur adipiscing elit. Phasellus a ipsum a risus volutpat placerat in nec mauris. Fusce sit </p> </td> <td valign="top"> <p style="font-size: 17px; line-height: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> <img src="images/img3.jpg" height="108" alt="img3" style="border: solid 1px #FFF; box-shadow: 2px 2px 6px #333; -webkit-box-shadow: 2px 2px 6px #333; -khtml-box-shadow: 2px 2px 6px #333; -moz-box-shadow: 2px 2px 6px #333;" width="138" /> </p> <p style="font-size: 18px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333333; margin: 12px 0px; font-weight: bold;"> Lorem ipsum dolor sit amet </p> <p style="font-size: 16px; line-height: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> Consectetur adipiscing elit. Phasellus a ipsum a risus volutpat placerat in nec mauris. Fusce sit </p> </td> <td valign="top"> <p style="font-size: 17px; line-height: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> <img src="images/img4.jpg" height="108" alt="img4" style="border: solid 1px #FFF; box-shadow: 2px 2px 6px #333; -webkit-box-shadow: 2px 2px 6px #333; -khtml-box-shadow: 2px 2px 6px #333; -moz-box-shadow: 2px 2px 6px #333;" width="138" /> </p> <p style="font-size: 18px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333333; margin: 12px 0px; font-weight: bold;"> Lorem ipsum dolor sit amet </p> <p style="font-size: 16px; line-height: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> Consectetur adipiscing elit. Phasellus a ipsum a risus volutpat placerat in nec mauris. Fusce sit </p> </td> <td valign="top"> <p style="font-size: 17px; line-height: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> <img src="images/img5.jpg" height="108" alt="img5" style="border: solid 1px #FFF; box-shadow: 2px 2px 6px #333; -webkit-box-shadow: 2px 2px 6px #333; -khtml-box-shadow: 2px 2px 6px #333; -moz-box-shadow: 2px 2px 6px #333;" width="138" /> </p> <p style="font-size: 18px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333333; margin: 12px 0px; font-weight: bold;"> Lorem ipsum dolor sit amet </p> <p style="font-size: 16px; line-height: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> Consectetur adipiscing elit. Phasellus a ipsum a risus volutpat placerat in nec mauris. Fusce sit </p> </td> </tr> </table> </td> </tr> </table> <!--/section 2--> <!--section 3--> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr> <td> <!--line break--> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr> <td height="72"> <img src="images/line-break-2.jpg" width="622" height="72"> </td> </tr> </table> <!--/line break--> <!--content block--> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr> <td valign="top" width="378"> <h1 style="font-size: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333333; margin-top: 0px; margin-bottom: 12px;">Sed blandit dolor id elit dignissim varius id non lectus.</h1> <p style="font-size: 16px; line-height: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> Consectetur adipiscing elit. <a style="color: #bc1f31; text-decoration: none;" href="#">Phasellus</a> a ipsum a risus volutpat placerat in nec mauris. Fusce sit amet enim erat, in sagittis arcu. <a style="color: #bc1f31; text-decoration: none;" href="#">Aliquam dolor dolor</a>, semper id tempor et, varius pulvinar tellus. Maurtis commodo urna at dui bibendum quis euismod velit egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere <a style="color: #bc1f31; text-decoration: none;" href="#">Read more »</a> </p> </td> <td valign="top" width="246"> <img src="images/img6.jpg" align="right" alt="img8" style="border: solid 1px #FFF; box-shadow: 2px 2px 6px #333; -webkit-box-shadow: 2px 2px 6px #333; -khtml-box-shadow: 2px 2px 6px #333; -moz-box-shadow: 2px 2px 6px #333; float: right;" width="216" /> </td> </tr> </table> <!--/content block--> <!--line break--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="bottom" height="50"> <img src="images/line-break.jpg" width="622" height="27"> </td> </tr> </table> <!--/line break--> <!--content block--> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr> <td valign="top" width="378"> <h1 style="font-size: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333333; margin-top: 0px; margin-bottom: 12px;">Sed blandit dolor id elit dignissim varius id non lectus.</h1> <p style="font-size: 16px; line-height: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> Consectetur adipiscing elit. <a style="color: #bc1f31; text-decoration: none;" href="#">Phasellus</a> a ipsum a risus volutpat placerat in nec mauris. Fusce sit amet enim erat, in sagittis arcu. <a style="color: #bc1f31; text-decoration: none;" href="#">Aliquam dolor dolor</a>, semper id tempor et, varius pulvinar tellus. Maurtis commodo urna at dui bibendum quis euismod velit egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere <a style="color: #bc1f31; text-decoration: none;" href="#">Read more »</a> </p> </td> <td valign="top" width="246"> <img src="images/img7.jpg" align="right" alt="img8" style="border: solid 1px #FFF; box-shadow: 2px 2px 6px #333; -webkit-box-shadow: 2px 2px 6px #333; -khtml-box-shadow: 2px 2px 6px #333; -moz-box-shadow: 2px 2px 6px #333; float: right;" width="216" /> </td> </tr> </table> <!--/content block--> <!--line break--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="bottom" height="50"> <img src="images/line-break.jpg" width="622" height="27"> </td> </tr> </table> <!--/line break--> <!--content block--> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr> <td valign="top" width="378"> <h1 style="font-size: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333333; margin-top: 0px; margin-bottom: 12px;">Sed blandit dolor id elit dignissim varius id non lectus.</h1> <p style="font-size: 16px; line-height: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #333; margin: 0px;"> Consectetur adipiscing elit. <a style="color: #bc1f31; text-decoration: none;" href="#">Phasellus</a> a ipsum a risus volutpat placerat in nec mauris. Fusce sit amet enim erat, in sagittis arcu. <a style="color: #bc1f31; text-decoration: none;" href="#">Aliquam dolor dolor</a>, semper id tempor et, varius pulvinar tellus. Maurtis commodo urna at dui bibendum quis euismod velit egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere <a style="color: #bc1f31; text-decoration: none;" href="#">Read more »</a> </p> </td> <td valign="top" width="246"> <img src="images/img8.jpg" align="right" alt="img8" style="border: solid 1px #FFF; box-shadow: 2px 2px 6px #333; -webkit-box-shadow: 2px 2px 6px #333; -khtml-box-shadow: 2px 2px 6px #333; -moz-box-shadow: 2px 2px 6px #333; float: right;" width="216" /> </td> </tr> </table> <!--/content block--> <!--line break--> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr> <td height="72"> <img src="images/line-break-2.jpg" width="622" height="72"> </td> </tr> </table> <!--/line break--> </td> </tr> </table> <!--/section 3--> </td> </tr> </table> <!--/email content--> </td> </tr> </table> <!--/email container--> <!--footer--> <table width="680" border="0" align="center" cellpadding="30" cellspacing="0"> <tr> <td valign="top"> <p style="font-size: 14px; line-height: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #b0a08b; margin: 0px;"> You’re receiving this newsletter because you’ve subscribed to our newsletter<br> Not interested anymore? <a style="color: #bc1f31; text-decoration: none;" href="#">Unsubscribe instantly.</a> </p> </td> <td valign="top"> <p style="font-size: 14px; line-height: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #b0a08b; margin: 0px;"> Newism 178 King Street Newcastle NSW, Australtia 2300 </p> </td> </tr> <tr> <td height="30"> </td> <td height="30"> </td> </tr> </table> <!--/footer--> </td> </tr> </table> <!--/100% body table--> </body> </html>