Ticket #14627: Custom.js

File Custom.js, 163.3 KB (added by Devidas Bhange, 8 years ago)
Line 
1/*
2Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
3For licensing, see LICENSE.md or http://ckeditor.com/license
4*/
5var imgServerUrl = 'http://localhost:6349/DemandEngine/templates/images/';
6CKEDITOR.addTemplates("default", { imagesPath: "http://localhost:6349/DemandEngine/ckeditor/templates/images/", templates:
7[
8{ description: "Autumn Orange", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <div style="width: 100%;" align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="background-color: #ff6c00;" bgcolor="#ff6c00;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="13" align="left" valign="top">   </td> <td width="465" align="left" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td style="font-family: Georgia, Times New Roman, Times, serif; color: #000000;"> <div style="font-size: 48px;"> <i>Newsletter Title</i></div> <div style="font-size: 24px;"> <i>Newsletter Subtitle</i></div> Month Day, Year </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Autumn_Orange/tc.gif" alt="" width="465" height="9" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#7c4513"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10">   </td> <td align="left" valign="top" style="color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"> <div style="font-size: 24px;"> <b>Article Headline</b></div> <br> <img src="' + imgServerUrl + 'Autumn_Orange/pic1.jpg" width="142" height="110" align="left" style="margin-right: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. <br> <br> Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque. Curabitur tempus pharetra mollis. Pellentesque rhoncus euismod pellentesque. Nam vulputate purus et neque rutrum dignissim. Duis aliquam erat massa, vel gravida orci. Aenean consectetur, libero non sodales consequat, lorem leo ultrices eros, in porta erat arcu at ante.<br> <br> <br> <br> <div style="font-size: 24px;"> <b>Article Headline</b></div> <br> <img src="' + imgServerUrl + 'Autumn_Orange/pic2.jpg" alt="" width="142" height="110" align="right" style="margin-left: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. <br> <br> Aenean bibendum vestibulum scelerisque. Curabitur tempus pharetra mollis. Pellentesque rhoncus euismod pellentesque. Nam vulputate purus et neque rutrum dignissim. Duis aliquam erat massa, vel gravida orci. Aenean consectetur, libero non sodales consequat, lorem leo ultrices eros, in porta erat arcu at ante. </td> <td width="10">   </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Autumn_Orange/bc.gif" alt="" width="465" height="9" style="display: block;"> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top">   </td> </tr> <tr> <td align="left" valign="top"> <div style="font-size: 11px; color: #000000; font-family: Arial, Helvetica, sans-serif;"> <b>Company Address </b> <br> 123 James Street, Suite100, <br> Long Beach CA, 90000<br> (000) 123 4567 </div> <br> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="13%"> <b> <img src="' + imgServerUrl + 'Autumn_Orange/tweet.gif" alt="" width="24" height="23"> <img src="' + imgServerUrl + 'Autumn_Orange/facebook.gif" alt="" width="24" height="23"></b> </td> <td width="87%" style="font-size: 11px; color: #000000; font-family: Arial, Helvetica, sans-serif;"> <b>Hours: Mon-Fri 9:30-5:30, Sat. 9:30-3:00, Sun. Closed <br> Customer Support: support@companyname.com</b> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top">   </td> </tr> </table> </td> </tr> </table> </td> <td align="left" valign="top">   </td> </tr> </table> </td> </tr> </table> </div> </body> </html>', image: "Autumn_Orange/Autumn_Orange.png", title: "Autumn Orange" },
9{ description: "Black Elbow Panel", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" bgcolor="#555763" style="background-color: #555763;"> <br /> <br /> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="top" bgcolor="#171714" style="background-color: #171714;"> <table width="100%" border="0" cellspacing="0" cellpadding="15" align="center"> <tr> <td align="left" valign="middle" style="color: #71A4BE; font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: normal;"> Newsletter Title </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td align="left" valign="top" bgcolor="#71A4BE" style="background-color: #71A4BE;"> <table border="0" cellspacing="0" cellpadding="10" width="100%" style="margin-bottom: 10px;"> <tr> <td width="100%" align="left" valign="top" style="color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"> <div align="justify"> Dear User Name,<br /> Morbi feugiat. Etiam ut elit ac metus facilisis fermentum. Curabitur magna magna elementum fermentum placerat vel commodo vel tortor. Sed justo. Ut a orci ut arcu molestie pretium. Donec a mauris. Nullam vitae urna. Integer suscipit hendrerit magna. <br> <br> Donec ac arcu a diam auctor imperdiet. In non pede at est faucibus rhoncus. Vestibulum hendrerit tortor at sapien iaculis condimentum. Etiam nec dolor quis pede blandit semper. Praesent pretium fermentum massa. Etiam euismod volutpat lacus. In ligula. Proin vel ipsum pellentesque leo tincidunt fringilla. Sed porta molestie justo. Sed blandit. Mauris sapien. Proin placerat commodo leo. In bibendum faucibus tellus. Vestibulum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos hymenaeos.</div> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="10" width="100%" style="margin-bottom: 10px;"> <tr> <td width="100%" align="left" valign="top" style="color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 18px;"> <b>Shows This Week</b> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="10" width="100%" style="margin-bottom: 10px;"> <tr> <td width="100%" align="left" valign="top" style="color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"> <img src="' + imgServerUrl + 'Black_Elbow_Panel/image1.jpg" width="143" height="95" align="left" style="margin-right: 15px;"> <div> <b>Saturday April 10: </b> <br> </div> <div style="font-size: 18px;"> Enter Event Name Here From 7-9 pm <br> </div> <div style="font-size: 14px;"> First 100 People in are FREE! General Admission $8, College Students $5</div> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="10" width="100%" style="margin-bottom: 10px;"> <tr> <td width="100%" align="left" valign="top" style="color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"> <img src="' + imgServerUrl + 'Black_Elbow_Panel/image2.jpg" width="144" height="96" align="left" style="margin-right: 15px;"> <div> <b>Saturday April 10: </b> <br> </div> <div style="font-size: 18px;"> Enter Event Name Here From 7-9 pm <br> </div> <div style="font-size: 14px;"> First 100 People in are FREE! General Admission $8, College Students $5</div> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="10" width="100%" style="margin-bottom: 10px;"> <tr> <td width="100%" align="left" valign="top" style="color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"> <img src="' + imgServerUrl + 'Black_Elbow_Panel/image1.jpg" width="143" height="95" align="left" style="margin-right: 15px;"> <div> <b>Saturday April 10: </b> <br> </div> <div style="font-size: 18px;"> Enter Event Name Here From 7-9 pm <br> </div> <div style="font-size: 14px;"> First 100 People in are FREE! General Admission $8, College Students $5</div> </td> </tr> </table> </td> <td width="175" align="left" valign="top" bgcolor="#171714" style="background-color: #171714;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td align="left" valign="top" style="color: #D27E00; font-family: Arial, Helvetica, sans-serif; font-size: 16px;"> <b>Upcoming Events</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px;"> <div style="color: #71A4BE;"> <b>Mimas bibendum viverra massa.</b></div> <b>May 1, 2009 </b> <br> Mimas bibendum viverra massa. Integer nulla urna porttitor eget aliquam vel placerat feugiat orci. Phasellus tellus pede pulvinar et scelerisque.<br> <br> <div style="color: #71A4BE;"> <b>Mimas bibendum viverra massa.</b></div> <b>May 1, 2009 </b> <br> Mimas bibendum viverra massa. Integer nulla urna porttitor eget aliquam vel placerat feugiat orci. Phasellus tellus pede pulvinar et scelerisque.<br> <br> <div style="color: #71A4BE;"> <b>Mimas bibendum viverra massa.</b></div> <b>May 1, 2009 </b> <br> Mimas bibendum viverra massa. Integer nulla urna porttitor eget aliquam vel placerat feugiat orci. Phasellus tellus pede pulvinar et scelerisque.<br> <br> <br> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td align="left" valign="top" style="color: #D27E00; font-family: Arial, Helvetica, sans-serif; font-size: 16px;"> <b>Entertainment News</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px;"> <div style="color: #71A4BE;"> <b>5/1/2009</b></div> Lorem ipsum dolor sit amet consectetuer adipiscing elit.<br> <br> <div style="color: #71A4BE;"> <b>5/1/2009</b></div> Lorem ipsum dolor sit amet consectetuer adipiscing elit.<br> <br> <div style="color: #71A4BE;"> <b>5/1/2009</b></div> Lorem ipsum dolor sit amet consectetuer adipiscing elit.<br> <br> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px;"> <b>Company Name </b> <br> Enter company address here <br> <b>Phone:</b> (000) 123 4567<br> <br> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#D27E00" style="background-color: #D27E00;"> <table width="600" border="0" cellspacing="0" cellpadding="15" align="center"> <tr> <td style="font-family: Arial, Helvetica, sans-serif; color: #000000;"> <div style="font-size: 19px;"> A thrilling musical party</div> <div style="font-size: 11px;"> Lorem ipsum ne mea postea minimum accusata, tritani voluptua reprimique per ne, id eam essent efficiendi instructior. Mea elit oportere dissentiunt ne, labore splendide ex eum. Vix porro repudiare evertitur in, natum utinam senserit et est. In per vitae malorum feugait, justo invidunt adolescens cu est, saepe phaedrum deterruisset sed ad. No vis justo perfecto interesset, nam wisi postulant forensibus an, id vis quem mucius mediocrem.<br> <br> </div> <div style="font-size: 11px;"> <b>NEXT SUNDAY, May 5, 4-10 pm @ The Opera House</b><br> <br> </div> <div> <a href="#" style="color: #FFFFFF; font-size: 14px;"><b>GET YOUR TICKETS NOW</b></a></div> </td> </tr> </table> </td> </tr> </table> <br /> <br /> </td> </tr> </table> </body> </html>', image: "Black_Elbow_Panel/Black_Elbow_Panel.png", title: "Black Elbow Panel" },
10{ description: "Blog Newsletter", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#797979" style="background-color: #797979;"> <br> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="left" valign="top" bgcolor="#2a2a2a" style="background-color: #2a2a2a; padding: 10px; font-family: Georgia, Times New Roman, Times, serif; color: #43c1d7; font-size: 60px;"> My Blog </td> </tr> <tr> <td width="201" align="center" valign="top" style="padding: 12px; background-color: #ffffff;" bgcolor="#ffffff;"> <table width="100%" border="0" cellspacing="0" cellpadding="4" style="margin-bottom: 20px;"> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #000000;"> <b>In This Issue</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000000;"> <a href="#" style="color: #000000; text-decoration: underline;">Lorem ipsum dolor si</a>t <br> <a href="#" style="color: #000000; text-decoration: underline;">amet, consectr adipiscing</a><br> <a href="#" style="color: #000000; text-decoration: underline;">vitae nibh pulvinar</a><br> <a href="#" style="color: #000000; text-decoration: underline;">Aliquam erat volutpat</a> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="4" style="margin-bottom: 20px;"> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #000000;"> <b>Other News</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000000;"> <div style="color: #43c1d7; font-size: 19px;"> <b>Lorem ipsum dolor sit amet, consectetur</b><br> </div> <div style="color: #6e6e6e;"> adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat</div> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="4" style="margin-bottom: 20px;"> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #000000;"> <b>Follow Us On</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000000;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Blog_Newsletter/tweet48.png" width="48" height="48"> </td> <td width="34%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Blog_Newsletter/in48.png" width="48" height="48"> </td> <td width="33%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Blog_Newsletter/face48.png" width="48" height="48"> </td> </tr> </table> </td> </tr> </table> </td> <td align="left" valign="top" style="background-color: #e4e4e4; padding: 10px;" bgcolor="#e4e4e4;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; color: #6e6e6e;"> <div style="font-size: 24px;"> <b>Lorem ipsum dolor sit </b> </div> <div style="font-size: 14px;"> <br> <b>consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis eros.</b></div> <div> <br> <img src="' + imgServerUrl + 'Blog_Newsletter/mainpic.jpg" width="349" height="161" style="display: block;"></div> <div style="font-size: 11px;"> <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. <br> <br> <br> </div> <div style="font-size: 16px; color: #0cade3;"> <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id</b></div> <div style="font-size: 11px;"> <br> Yempor venenatis eros.Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. <br> <br> </div> </td> </tr> </table> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Blog_Newsletter/Blog_Newsletter.png", title: "Blog Newsletter" },
11{ description: "Blue Wave", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <div style="width: 100%;" align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" style="background-color: #53636e;" bgcolor="#53636e;"> <br> <br> <table width="583" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" bgcolor="#FFFFFF" style="background-color: #FFFFFF;"> <img src="' + imgServerUrl + 'Blue_Wave/header.jpg" width="583" height="118"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF" style="background-color: #FFFFFF;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="35" align="left" valign="top">   </td> <td align="left" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"> <div style="color: #245da5; font-family: Times New Roman, Times, serif; font-size: 48px;"> Newsletter Title</div> <div style="font-family: Verdana, Geneva, sans-serif; color: #898989; font-size: 12px;"> Month Day, Year</div> </td> </tr> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Blue_Wave/pic1.jpg" width="512" height="296" vspace="10"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #525252;"> <div style="color: #3482ad; font-size: 19px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum magna enim, volutpat venenatis eros.</div> <br> Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus. sapien justo auctor ligula id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque. Curabitur tempus pharetra mollis. Pellentesque rhoncus euismod pellentesque. Nam vulputate purus et neque rutrum dignissim. Duis aliquam erat massa, vel gravida orci. Aenean consectetur, libero non sodales consequat, lorem leo ultrices eros, in porta erat arcu at ante.<br> <br> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="13%"> <b> <img src="' + imgServerUrl + 'Blue_Wave/tweet.gif" alt="" width="24" height="23"> <img src="' + imgServerUrl + 'Blue_Wave/facebook.gif" alt="" width="24" height="23"></b> </td> <td width="87%" style="font-size: 11px; color: #525252; font-family: Arial, Helvetica, sans-serif;"> <b>Hours: Mon-Fri 9:30-5:30, Sat. 9:30-3:00, Sun. Closed <br> Customer Support: support@companyname.com</b> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #525252;">   </td> </tr> </table> </td> <td width="35" align="left" valign="top">   </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#3d90bd" style="background-color: #3d90bd;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="35">   </td> <td height="50" valign="middle" style="color: #FFFFFF; font-size: 11px; font-family: Arial, Helvetica, sans-serif;"> <b>Company Address:</b><br> 123 James Street, Suite100, Long Beach CA, 90000, (000) 123 4567 </td> <td width="35">   </td> </tr> </table> </td> </tr> </table> <br> <br> </td> </tr> </table> </div> </body> </html>', image: "Blue_Wave/Blue_Wave.png", title: "Blue Wave" },
12{ description: "Company Newsletter Big Header", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#e5e3ce" style="background-color: #e5e3ce;"> <br> <br> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle"> <img src="' + imgServerUrl + 'Company_Newsletter_Big_Header/top.jpg" width="600" height="27" style="display: block;"> </td> </tr> <tr> <td align="center" valign="middle" bgcolor="#2c817c" style="background-color: #2c817c; padding: 10px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 20px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif;"> <div style="font-size: 48px; color: #f9e4ad;"> <b>Company Name</b></div> <div style="font-size: 18px; color: #ffffff;"> Newsletter Subtitle</div> </td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 15px;"> <tr> <td width="170" align="left" valign="middle"> <table width="145" border="0" cellspacing="0" cellpadding="4"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff;"> <b>Quick Links</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;"> <a href="#" style="color: #ffffff; text-decoration: underline; text-decoration: none;"> About Our Company</a> <div> <img src="' + imgServerUrl + 'Company_Newsletter_Big_Header/divider.png" style="display: block"></div> <a href="#" style="color: #ffffff; text-decoration: underline; text-decoration: none;"> Products & Services</a> <div> <img src="' + imgServerUrl + 'Company_Newsletter_Big_Header/divider.png" style="display: block"></div> <a href="#" style="color: #ffffff; text-decoration: underline; text-decoration: none;"> News Room</a> <div> <img src="' + imgServerUrl + 'Company_Newsletter_Big_Header/divider.png" style="display: block"></div> <a href="#" style="color: #ffffff; text-decoration: underline; text-decoration: none;"> Online Catelogue</a> <div> <img src="' + imgServerUrl + 'Company_Newsletter_Big_Header/divider.png" style="display: block"></div> <a href="#" style="color: #ffffff; text-decoration: underline; text-decoration: none;"> Contact Details</a> </td> </tr> </table> </td> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #abcdcb; font-size: 16px; padding: 5px;"> <b>Welcome to Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. </b> </td> </tr> </table> </td> </tr> <tr> <td height="15" align="center" valign="middle"> <img src="' + imgServerUrl + 'Company_Newsletter_Big_Header/blank.png" width="20" height="20" style="display: block;"> </td> </tr> <tr> <td align="center" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="176" align="left" valign="top"> <table width="176" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" bgcolor="#47657d" style="background-color: #47657d; padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff;"> <b>CONTACT US</b> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #47657d;"> Company Address <br> 123 James Street, Suite100, <br> Long Beach CA, 90000 <br> (000) 123 4567 <br> <br> </td> </tr> </table> <table width="176" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" bgcolor="#708d23" style="background-color: #708d23; padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff;"> <b>Special Report</b> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #757575;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit.<br> <br> </td> </tr> </table> <table width="176" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" bgcolor="#589985" style="background-color: #589985; padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff;"> <b>PRESS ROOM</b> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #757575;"> Nov 13, 2012 <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br> <br> Nov 30, 2012<br> Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis eros. <br> <br> Dec 11, 2012 <br> Aliquam sed velit vitae nibh pulvinar iaculis.<br> <br> Dec 15, 2012<br> Aenean hendrerit, lorem eu luctus cursus, sapien justo<br> <br> </td> </tr> </table> </td> <td width="20" align="left" valign="top"> <img src="' + imgServerUrl + 'Company_Newsletter_Big_Header/blank.png" width="20" height="14" style="display: block;"> </td> <td align="left" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" bgcolor="#dda51c" style="background-color: #dda51c; padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff;"> <b>Newsletter Article One</b> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; padding: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444444;"> <div> <img src="' + imgServerUrl + 'Company_Newsletter_Big_Header/mainpic.jpg" width="387" height="185" style="margin-bottom: 17px;"></div> <div style="font-size: 16px; color: #589985;"> <b>Welcome to Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum magna </b> </div> <div> Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. <br> <br> </div> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" bgcolor="#1b4a14" style="background-color: #1b4a14; padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff;"> <b>Newsletter Article Two</b> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; padding: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444444;"> <div style="font-size: 16px; color: #47657d;"> <b>Welcome to Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis.</b></div> <div> Lorem tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. <br> <br> Lorem tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Lorem tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis.<br> <br> </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Company_Newsletter_Big_Header/Company_Newsletter_Big_Header.png", title: "Company Newsletter Big Header" },
13{ description: "Company Promotion MaroonBlack", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="middle" bgcolor="#000000" style="background-color: #000000; padding: 20px; color: #ffffff;"> <div style="font-size: 24px;"> Company Name</div> <div style="font-size: 32px; color: #ffbe00;"> 25th ANNIVERSARY PROMOTION</div> </td> <td width="197" align="right" valign="top"> <img src="' + imgServerUrl + 'Company_Promotion_MaroonBlack/top.png" width="197" height="182" style="display: block;"> </td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#971800" style="background-color: #971800;"> <tr> <td align="center" valign="top" bgcolor="#ffffff" style="background-color: #ffffff;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#971800" style="background-color: #971800; padding: 20px; font-family: Georgia, Times New Roman, Times, serif;"> <div style="color: #fffbe0; font-size: 24px;"> From 15th March - 25th March <br> Hotel Garden Restaurant</div> <div style="font-size: 19px; color: #fc9600;"> <br> <i>Call for Reservation Now!</i></div> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#e7e0b7" style="background-color: #e7e0b7; padding: 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="10" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #53231a;"> <div style="font-size: 19px;"> <b> <img src="' + imgServerUrl + 'Company_Promotion_MaroonBlack/pic001.jpg" width="202" height="134" align="left" style="margin-right: 20px;">Product Promotion 1</b></div> <div> Lorem ipsum ne mea postea minimum accusata, tritani voluptua reprimique per ne. <br> <br> Normal Prise<br> (Sun) = <s>$59</s>    $29.50<br> (Sat/Sun) = <s>$79</s>   $39.50</div> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="10" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #53231a;"> <div style="font-size: 19px;"> <b> <img src="' + imgServerUrl + 'Company_Promotion_MaroonBlack/pic002.jpg" width="204" height="134" align="left" style="margin-right: 20px;">Product Promotion 2</b></div> <div> Lorem ipsum ne mea postea minimum accusata, tritani voluptua reprimique per ne. <br> <br> Normal Prise<br> (Sun) = <s>$59</s>    $29.50<br> (Sat/Sun) = <s>$79</s>   $39.50</div> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="10" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;"> <div> Lorem ipsum ne mea postea minimum accusata, tritani voluptua reprimique per ne, id eam essent efficiendi instructior. Mea elit oportere dissentiunt ne, labore splendide ex eum. Vix porro repudiare evertitur in, natum utinam senserit et est. In per vitae malorum feugait, justo invidunt adolescens cu est, saepe phaedrum deterruisset sed ad. No vis justo perfecto interesset, nam wisi postulant forensibus an, id vis quem mucius mediocrem. <br> <br> <br> <b>Company Name </b> <br> Enter company address here<br> <b>Phone: </b>(000) 123 4567 </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "Company_Promotion_MaroonBlack/Company_Promotion_MaroonBlack.png", title: "Company Promotion MaroonBlack" },
14{ description: "Full Event Green", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#245d01" style="background-color: #245d01;"> <br> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src=""' + imgServerUrl + 'Full_Event_Green/top.png" width="600" height="191" style="display: block;"> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding: 0px 5px 0px 15px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000000;"> <div style="font-family: Georgia, Times New Roman, Times, serif; font-size: 72px; color: #7bab00;"> <i>Acoustic Night</i></div> <div style="font-size: 24px; color: #7bab00;"> <br> Saturday 5 May, 8.30 pm</div> <div style="font-size: 16px;"> <br> Lorem ipsum ne mea postea minimum accusata, tritani voluptua reprimique per ne</div> <div> <br> essent efficiendi instructior. Mea elit oportere dissentiunt ne, labore splendide ex eum. Vix porro repudiare evertitur in, natum utinam senserit et est. In per vitae malorum feugait, justo invidunt adolescens cu est, saepe phaedrum deterruisset sed ad. No vis justo perfecto interes- set, nam wisi postulant forensibus an, id vis quem mucius mediocrem.<br> <br> Company Name <br> Enter company address here <br> Phone: (000) 123 4567 <br> <br> </div> </td> <td width="210" align="center" valign="top"> <img src=""' + imgServerUrl + 'Full_Event_Green/mainpic.png" width="259" height="416"> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top"> <img src=""' + imgServerUrl + 'Full_Event_Green/bot.png" width="600" height="127" style="display: block;"> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Full_Event_Green/Full_Event_Green.png", title: "Full Event Green" },
15{ description: "Full Event Orange", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#7c210e" style="background-color: #7c210e;"> <br> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Full_Event_Orange/top.png" width="600" height="191" style="display: block;"> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding: 0px 15px 0px 15px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000000;"> <div style="font-family: Georgia, Times New Roman, Times, serif; font-size: 72px; color: #95160a;"> <i>Acoustic Night</i></div> <div style="font-size: 24px; color: #95160a;"> Saturday 5 May, 8.30 pm</div> <div style="font-size: 16px;"> <br> Lorem ipsum ne mea postea minimum accusata, tritani voluptua reprimique per ne, id eam </div> <div> <br> essent efficiendi instructior. Mea elit oportere dissentiunt ne, labore splendide ex eum. Vix porro repudiare evertitur in, natum utinam senserit et est. In per vitae malorum feugait, justo invidunt adolescens cu est, saepe phaedrum deterruisset sed ad. No vis justo perfecto interes- set, nam wisi postulant forensibus an, id vis quem mucius mediocrem.<br> <br> Company Name <br> Enter company address here <br> Phone: (000) 123 4567 <br> <br> </div> </td> <td width="210" align="center" valign="top"> <img src="' + imgServerUrl + 'Full_Event_Orange/mainpic.png" width="184" height="368"> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Full_Event_Orange/bot.png" width="600" height="191" style="display: block;"> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Full_Event_Orange/Full_Event_Orange.png", title: "Full Event Orange" },
16{ description: "Green Special Offer", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Green_Special_Offer/top.jpg" width="600" height="106" style="display: block;"> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#f1f69d" style="background-color: #f1f69d; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding: 10px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #525252;"> <img src="' + imgServerUrl + 'Green_Special_Offer/mainpic.png" width="213" height="319" align="right" style="margin-left: 10px;"> <div style="font-family: Georgia, Times New Roman, Times, serif; font-size: 56px; color: #000000;"> Special Offer<span style="color: #478730;">*</span></div> <div style="font-size: 28px;"> <br> Lorem Ipsum adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id</div> <div> <br> Lorem Ipsum adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices.<br> <br> </div> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#478730" style="background-color: #478730;"> <table width="100%" border="0" cellspacing="0" cellpadding="15"> <tr> <td align="left" valign="top" style="color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"> Company Address <br> Contact Person <br> Phone: (123) 456-789 <br> Email: <a href="mailto:name@yourcompanyname.com" style="color: #ffffff; text-decoration: none;"> name@yourcompanyname.com </a> <br> Website: <a href="http://www.yourcompanyname.com" target="_blank" style="color: #ffffff; text-decoration: none;">www.yourcompanyname.com</a> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "Green_Special_Offer/Green_Special_Offer.png", title: "Green Special Offer" },
17{ description: "Lawn Newsletter", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#726627" style="background-color: #726627;"> <br> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="padding: 5px;"> <img src="' + imgServerUrl + 'Lawn_Newsletter/logo.png" width="298" height="67" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Lawn_Newsletter/top.png" width="600" height="133" style="display: block;"> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#006c00" style="background-color: #006c00; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td width="50%" align="left" valign="top" style="color: #ffffff; font-family: Verdana, Geneva, sans-serif; font-size: 11px;">   Month Day, Year </td> <td align="right" valign="top" style="color: #ffffff; font-family: Verdana, Geneva, sans-serif; font-size: 11px;"> issue #   </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding: 12px;"> <table width="100%" border="0" cellspacing="0" cellpadding="10" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #525252;"> <div style="font-size: 18px; color: #006d00;"> Newsletter Main Article </div> <div style="font-size: 28px;"> consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id</div> <div> <br> tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus.</div> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="10" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #525252;"> <div style="font-size: 14px;"> <b> <img src="' + imgServerUrl + 'Lawn_Newsletter/pic001.jpg" width="188" height="148" align="left" style="margin-right: 20px;">Article Headline</b></div> <div> Lorem ipsum tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim.<br> <a href="#" style="color: #006c00;">read more</a></div> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="10" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #525252;"> <div style="font-size: 14px;"> <b> <img src="' + imgServerUrl + 'Lawn_Newsletter/pic002.jpg" width="183" height="122" align="right" style="margin-left: 20px;">Article Headline</b></div> <div> Lorem ipsum tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim.<br> <a href="#" style="color: #006c00;">read more</a></div> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#006c00" style="background-color: #006c00;"> <table width="100%" border="0" cellspacing="0" cellpadding="15"> <tr> <td align="left" valign="top" style="color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"> Company Address <br> Contact Person <br> Phone: (123) 456-789 <br> Email: <a href="mailto:name@yourcompanyname.com" style="color: #ffffff; text-decoration: none;"> name@yourcompanyname.com </a> <br> Website: <a href="http://www.yourcompanyname.com" target="_blank" style="color: #ffffff; text-decoration: none;">www.yourcompanyname.com</a> </td> </tr> </table> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Lawn_Newsletter/Lawn_Newsletter.png", title: "Lawn Newsletter" },
18{ description: "Mustard Company Newsletter", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#f5d500" style="background-color: #f5d500;"> <br> <br> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="top" bgcolor="#fedd02" style="background-color: #fedd02; padding: 6px;"> <table width="100%" border="0" cellspacing="0" cellpadding="10" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Mustard_Company_Newsletter/logo.png" width="298" height="67" style="display: block;"> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="5" style="margin-bottom: 20px;"> <tr> <td width="50%" align="left" valign="top" bgcolor="#000000" style="background-color: #000000; color: #ffffff; font-family: Verdana, Geneva, sans-serif; font-size: 11px;">   Month Day, Year </td> <td align="right" valign="top" bgcolor="#000000" style="background-color: #000000; color: #ffffff; font-family: Verdana, Geneva, sans-serif; font-size: 11px;"> issue #   </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="10" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 38px;"> NEWSLETTER TITLE </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 10px;"> <tr> <td align="center" valign="top"> <img src="' + imgServerUrl + 'Mustard_Company_Newsletter/divider1.png" width="587" height="6" style="display: block;"> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#fedd02" style="background-color: #fedd02; padding: 6px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="195" align="left" valign="top"> <table width="160" border="0" cellpadding="0" cellspacing="7" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 13px;"> <div style="font-size: 16px;"> <b>In This Issue</b></div> <div> <a href="#" style="color: #000000;">Article Headline 1</a><br> <a href="#" style="color: #000000;">Article Headline 2</a><br> <a href="#" style="color: #000000;">Article Headline 3</a> <br> <br> </div> </td> </tr> </table> <table width="152" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 10px;"> <tr> <td align="center" valign="top"> <img src="' + imgServerUrl + 'Mustard_Company_Newsletter/right_divider.png" width="152" height="10" style="display: block;" /> </td> </tr> </table> <table width="160" border="0" cellpadding="0" cellspacing="7" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 13px;"> <div style="font-size: 16px;"> <b>Quick Links</b></div> <div> <a href="#" style="color: #000000;">About Our Company</a><br> <a href="#" style="color: #000000;">Join Our mailing list</a><br> <a href="#" style="color: #000000;">News Archive</a><br> <a href="#" style="color: #000000;">Our Services</a><br> <br> </div> </td> </tr> </table> <table width="152" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 10px;"> <tr> <td align="center" valign="top"> <img src="' + imgServerUrl + 'Mustard_Company_Newsletter/right_divider.png" width="152" height="10" style="display: block;" /> </td> </tr> </table> <table width="160" border="0" cellpadding="0" cellspacing="7" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 13px;"> <div style="font-size: 16px;"> <b>Featured Article </b> </div> <div> <img src="' + imgServerUrl + 'Mustard_Company_Newsletter/pic003.jpg" width="144" height="94"><br> Lorem tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices.</div> </td> </tr> </table> </td> <td align="left" valign="top"> <table width="97%" border="0" align="center" cellpadding="0" cellspacing="7" style="margin-bottom: 10px;"> <tr> <td width="100%" align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 13px;"> <div style="font-size: 22px;"> Lorem ipsum adipiscing elit. Vestibulum magna enim</div> <div> <br> Tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque. Curabitur tempus pharetra<br> <br> </div> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 10px;"> <tr> <td align="center" valign="top"> <img src="' + imgServerUrl + 'Mustard_Company_Newsletter/right_divider.png" width="374" height="10" style="display: block;"> </td> </tr> </table> <table width="97%" border="0" align="center" cellpadding="0" cellspacing="7" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 13px;"> <div style="font-size: 16px;"> <b>New Products</b></div> <div> <br> <table width="80%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Mustard_Company_Newsletter/pic001.jpg" width="118" height="118"> </td> <td align="left" valign="middle"> <img src="' + imgServerUrl + 'Mustard_Company_Newsletter/pic002.jpg" width="119" height="119"> </td> </tr> </table> <br> Lorem ipsum tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. <br> <a href="#" style="color: #000000;">read more</a><br> <br> </div> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 10px;"> <tr> <td align="center" valign="top"> <img src="' + imgServerUrl + 'Mustard_Company_Newsletter/right_divider.png" width="374" height="10" style="display: block;"> </td> </tr> </table> <table width="97%" border="0" align="center" cellpadding="0" cellspacing="7" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 13px;"> <div style="font-size: 16px;"> <b>Article Headline</b></div> <div> <br> Lorem ipsum tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim.<br> <a href="#" style="color: #000000;">read more</a><br> </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Mustard_Company_Newsletter/Mustard_Company_Newsletter.png", title: "Mustard Company Newsletter" },
19{ description: "Newsletter Autumn Header", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#98846c" style="background-color: #98846c;"> <br> <br> <table width="600" border="0" align="center" cellpadding="0" cellspacing="10" bgcolor="#5c1707" style="background-color: #5c1707;"> <tr> <td align="center" valign="middle" bgcolor="#ffffff" style="background-color: #ffffff;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Newsletter_Autumn_Header/top.jpg" width="580" height="180" style="display: block;"> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td width="170" align="left" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="7" style="margin-bottom: 10px;"> <tr> <td width="100%" align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #4b3c3c; font-size: 13px;"> <div style="font-size: 16px; color: #e85817;"> <b>In This Issue</b></div> <div> <a href="#" style="color: #4b3c3c;">Article Headline 1</a><br> <a href="#" style="color: #4b3c3c;">Article Headline 2</a><br> <a href="#" style="color: #4b3c3c;">Article Headline 3</a> <br> </div> </td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="7" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #4b3c3c; font-size: 13px;"> <div style="font-size: 16px; color: #e85817;"> <b>Quick Links</b></div> <div> <a href="#" style="color: #4b3c3c;">About Our Company</a><br> <a href="#" style="color: #4b3c3c;">Join Our mailing list</a><br> <a href="#" style="color: #4b3c3c;">News Archive</a><br> <a href="#" style="color: #4b3c3c;">Our Services</a><br> </div> </td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="7" style="margin-bottom: 10px;"> <tr> <td width="100%" align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #4b3c3c; font-size: 13px;"> <div style="font-size: 16px; color: #e85817;"> <b>Featured Article </b> </div> <div> <img src="' + imgServerUrl + 'Newsletter_Autumn_Header/pic001.jpg" width="149" height="96"><br> Lorem tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices.</div> </td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="7" style="margin-bottom: 10px;"> <tr> <td width="100%" align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #4b3c3c; font-size: 11px;"> <b>Hours:</b> Mon-Fri 9:30-5:30, Sat. 9:30-3:00, Sun. Closed<br> <br> <b>Customer Support: </b><a href="mailto:name@yourcompanyname.com" style="color: #4b3c3c; text-decoration: none;">name@yourcompanyname.com</a> </td> </tr> </table> </td> <td width="21" align="left" valign="top"> <img src="' + imgServerUrl + 'Newsletter_Autumn_Header/divider.png" width="21" height="750"> </td> <td align="left" valign="top" style="padding-right: 10px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="color: #e85817; font-family: Arial, Helvetica, sans-serif; font-size: 48px;"> Newsletter Title </td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 10px;"> <tr> <td width="100%" align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #525252; font-size: 13px;"> <div style="font-size: 22px;"> Lorem ipsum adipiscing elit. Vestibulum magna enim</div> <div> <br> Tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque.<br> <br> </div> </td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #525252; font-size: 13px;"> <div style="font-size: 16px; color: #e85817;"> <b>Article Headline</b></div> <div> <img src="' + imgServerUrl + 'Newsletter_Autumn_Header/pic002.jpg" width="147" height="107" align="right" style="margin-left: 5px; margin-right: 5px;">Lorem tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor. <br> <a href="#" style="color: #e85817;">read more</a><br> <br> </div> </td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #525252; font-size: 13px;"> <div style="font-size: 16px; color: #e85817;"> <b>Article Headline</b></div> <div> Lorem tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. <br> <a href="#" style="color: #e85817;">read more</a><br> <br> </div> </td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 10px;"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #525252; font-size: 13px;"> <div style="font-size: 16px; color: #e85817;"> <b>Article Headline</b></div> <div> Lorem tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. <br> <a href="#" style="color: #e85817;">read more</a><br> <br> </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Newsletter_Autumn_Header/Newsletter_Autumn_Header.png", title: "Newsletter Autumn Header" },
20{ description: "Newsletter Blue Panels", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#ababab" style="background-color: #ababab;"> <br> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/maintop.png" width="600" height="17" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#ffffff" style="background-color: #ffffff;"> <table width="570" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 15px;"> <tr> <td align="left" valign="middle" style="padding: 10px;"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/logo.png" width="292" height="54" style="display: block;"> </td> </tr> </table> <table width="570" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 15px;"> <tr> <td width="360" align="left" valign="middle" style="font-family: Arial, Helvetica, sans-serif; color: #4e4e4e; font-size: 13px; padding-right: 10px;"> <div style="font-size: 24px;"> Lorem ipsum Dollar tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis.<br> <br> </div> lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam </td> <td align="right" valign="middle"> <table width="210" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/pinkbox_top.png" width="210" height="14" style="display: block;"> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#f73f9b" style="background-color: #f73f9b;"> <table width="184" border="0" cellspacing="0" cellpadding="4"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff;"> <b>Quick Links</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;"> <a href="#" style="color: #ffffff; text-decoration: underline; text-decoration: none;"> About Our Company</a> <div> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/pinkbox_divider.png" style="display: block"></div> <a href="#" style="color: #ffffff; text-decoration: underline; text-decoration: none;"> Products & Services</a> <div> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/pinkbox_divider.png" style="display: block"></div> <a href="#" style="color: #ffffff; text-decoration: underline; text-decoration: none;"> News Room</a> <div> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/pinkbox_divider.png" style="display: block"></div> <a href="#" style="color: #ffffff; text-decoration: underline; text-decoration: none;"> Online Catelogue</a> <div> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/pinkbox_divider.png" style="display: block"></div> <a href="#" style="color: #ffffff; text-decoration: underline; text-decoration: none;"> Contact Details</a> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/pinkbox_bot.png" width="210" height="14" style="display: block;"> </td> </tr> </table> </td> </tr> </table> <table width="570" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 15px;"> <tr> <td align="left" valign="middle"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/top.png" width="570" height="16" style="display: block;"> </td> </tr> <tr> <td align="left" valign="middle" bgcolor="#1ba5db" style="padding: 0px 20px 0px 20px; font-family: Arial, Helvetica, sans-serif; background-color: #1ba5db; color: #ffffff;"> <div style="font-size: 20px;"> Lorem ipsum Dollar tempor venenatis eros. <br> <br> </div> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/pic001.jpg" width="174" height="159" align="left" style="margin-right: 20px;"> <div style="font-size: 13px;"> Lorem ipsum dolor sit amet, consectetur tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque. </div> </td> </tr> <tr> <td align="left" valign="middle"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/bot.png" width="570" height="16" style="display: block;"> </td> </tr> </table> <table width="570" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 15px;"> <tr> <td align="left" valign="middle"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/top.png" width="570" height="16" style="display: block;"> </td> </tr> <tr> <td align="left" valign="middle" bgcolor="#1ba5db" style="padding: 0px 20px 0px 20px; font-family: Arial, Helvetica, sans-serif; background-color: #1ba5db; color: #ffffff;"> <div style="font-size: 20px;"> Lorem ipsum Dollar tempor venenatis eros. <br> <br> </div> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/pic002.jpg" width="174" height="169" align="left" style="margin-right: 20px;"> <div style="font-size: 13px;"> Lorem ipsum dolor sit amet, consectetur tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque. </div> </td> </tr> <tr> <td align="left" valign="middle"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/bot.png" width="570" height="16" style="display: block;"> </td> </tr> </table> <table width="570" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 15px;"> <tr> <td align="left" valign="middle"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/top.png" width="570" height="16" style="display: block;"> </td> </tr> <tr> <td align="left" valign="middle" bgcolor="#1ba5db" style="padding: 0px 20px 0px 20px; font-family: Arial, Helvetica, sans-serif; background-color: #1ba5db; color: #ffffff;"> <div style="font-size: 20px;"> Lorem ipsum Dollar tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis.</div> <div style="font-size: 13px;"> lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. </div> </td> </tr> <tr> <td align="left" valign="middle"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/bot.png" width="570" height="16" style="display: block;"> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 20px;"> <tr> <td width="50%" align="left" valign="middle" style="padding: 10px;"> <table width="75%" border="0" cellspacing="0" cellpadding="4"> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #000000;"> <b>Follow Us On</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000000;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/tweet48.png" width="48" height="48"> </td> <td width="34%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/in48.png" width="48" height="48"> </td> <td width="33%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Newsletter_Blue_Panels/face48.png" width="48" height="48"> </td> </tr> </table> </td> </tr> </table> </td> <td width="50%" align="left" valign="middle" style="color: #595959; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 10px;"> <b>Company Address</b><br> Company URL: <a href="http://www.yourcompanyname.com" target="_blank" style="color: #595959; text-decoration: none;">http://www.yourcompanyname.com</a><br> <br> <b>Hours:</b> Mon-Fri 9:30-5:30, Sat. 9:30-3:00, Sun. Closed <br> <b>Customer Support:</b> <a href="mailto:name@yourcompanyname.com" style="color: #595959; text-decoration: none;">name@yourcompanyname.com</a> </td> </tr> </table> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Newsletter_Blue_Panels/Newsletter_Blue_Panels.png", title: "Newsletter Blue Panels" },
21{ description: "Newsletter Main Feature", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#f6f3e4" style="background-color: #f6f3e4;"> <br> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" style="padding-left: 13px; padding-right: 13px; background-color: #ffffff;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table width="84" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="80" align="center" valign="" bgcolor="#d80000" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff;"> <div style="font-size: 15px;"> <b>Issue</b></div> <div style="font-size: 30px;"> <b>17</b></div> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 48px;"> <i>Newsletter Title</i> </td> </tr> <tr> <td align="center" valign="" style="padding-top: 7px;"> <table width="240" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="31" align="center" valign="" bgcolor="#d80000" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 19px; color: #ffffff;"> Month/Year </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" style="padding-top: 15px;"> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/mainpic.jpg" width="573" height="243" style="display: block;"> </td> </tr> <tr> <td align="center" valign="" style="padding-bottom: 15px; padding-top: 15px;"> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/divider.gif" width="573" height="28"> </td> </tr> <tr> <td align="center" valign="" style="font-family: Georgia, Times New Roman, Times, serif; color: #000000; font-size: 24px; padding-bottom: 5px;"> <i>Welcome to Lorem ipsum dolor sit amet, </i> <tr> <td align="left" valign="" style="font-family: Georgia, Times New Roman, Times, serif; color: #000000; font-size: 15px;"> Jliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque. Curabitur tempus pharetra mollis. Pellentesque rhoncus euismod pellentesque.</div> <tr> <td align="center" valign="" style="padding-bottom: 15px; padding-top: 15px;"> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/divider.gif" width="573" height="28"> </td> </tr> <tr> <td align="center" valign=""> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="143" align="left" valign="top"> <table width="123" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/pic001.jpg" width="123" height="81" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 15px; color: #b30467;"> Lorem ipsum dolor sit amet </td> </tr> <tr> <td align="left" valign="top" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #000000;"> consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis iaculis. Aenean hendrerit </td> </tr> </table> </td> <td width="144" align="center" valign="top"> <table width="123" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/pic002.jpg" width="123" height="81" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 15px; color: #b30467;"> Lorem ipsum dolor sit amet </td> </tr> <tr> <td align="left" valign="top" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #000000;"> consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis iaculis. Aenean hendrerit </td> </tr> </table> </td> <td width="144" align="center" valign="top"> <table width="123" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/pic003.jpg" width="123" height="81" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 15px; color: #b30467;"> Lorem ipsum dolor sit amet </td> </tr> <tr> <td align="left" valign="top" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #000000;"> consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis iaculis. Aenean hendrerit </td> </tr> </table> </td> <td width="143" align="right" valign="top"> <table width="123" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/pic004.jpg" width="123" height="81" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 15px; color: #b30467;"> Lorem ipsum dolor sit amet </td> </tr> <tr> <td align="left" valign="top" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #000000;"> consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis iaculis. Aenean hendrerit </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" style="padding-bottom: 15px; padding-top: 15px;"> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/divider.gif" width="573" height="28"> </td> </tr> <tr> <td align="left" valign="" style="font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; color: #000000;"> <div style="color: #b30467; font-size: 15px;"> <b>Contact Us</b></div> <div> <br> consectetur adipiscing elit. Vestibulum magna enim, volutpat nec imperdiet id, tempor venenatis iaculis. Aenean hendrerit<br> <br> </div> <div> <table width="120" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="40" align="left" valign=""> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/facebook.png" width="24" height="24"> </td> <td width="40" align="left" valign=""> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/tweet.png" width="24" height="24"> </td> <td width="40" align="left" valign=""> <img src="' + imgServerUrl + 'Newsletter_Main_Feature/tweet.png" width="24" height="24"> </td> </tr> </table> </div> <div> <br> Company Address<br> 123 James Street, <br> Suite100,<br> Long Beach CA, 90000<br> (000) 123 4567 <br> <br> <br> </div> </td> </tr> </td> </tr> </td> </tr> </table> </td> </tr> </table> <br> <br> </td> </tr> <tr> <td align="center" valign="top">   </td> </tr> </table> </body> </html>', image: "Newsletter_Main_Feature/Newsletter_Main_Feature.png", title: "Newsletter Main Feature" },
22{ description: "Newsletter Pink Header Footer", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <div style="width: 100%;" align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" style="background-color: #98846c;" bgcolor="#98846c;"> <table width="600" border="0" cellspacing="0" cellpadding="10"> <tr> <td align="left" valign="top" style="background-color: #5c1707;" bgcolor="#5c1707"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" bgcolor="#FFFFFF"> <img src="' + imgServerUrl + 'Newsletter_Pink_Header_Footer/header.jpg" width="580" height="185"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="171"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td align="left" valign="top"> <b>In This Issue</b><br> <a href="#">Article Headline 1 Article Headline 2 Article Headline 3 </a> <br> <br> <b>Quick Links</b><br> <a href="#">About Our Company</a> <a href="#">Join Our mailing list</a> <a href="#"> News Archive Our</a> <a href="#">Services</a><br> <br> <br> <b>Featured Article</b><br> Featured Article Lorem tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque. </td> </tr> </table> </td> <td width="1" bgcolor="#CCCCCC"> </td> <td width="408" align="left" valign="top">   </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> </body> </html>', image: "Newsletter_Pink_Header_Footer/Newsletter_Pink_Header_Footer.png", title: "Newsletter Pink Header Footer" },
23{ description: "Pink Black Single", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <div style="width: 100%;" align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" style="background-color: #ff0066;" bgcolor="#ff0066;"> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20" align="left" valign="top" bgcolor="#000000" style="background-color: #000000;">   </td> <td align="center" valign="top" bgcolor="#000000" style="background-color: #000000; color: #7b7b7b; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"> <br> <br> <br> <div style="color: #ff0066; font-family: Georgia, Times New Roman, Times, serif; font-size: 24px;"> COMPANY NAME<br> cordially invites you to attend </div> <br> <br> <img src="' + imgServerUrl + 'Pink_Black_Single/flame.gif" width="117" height="163" style="display: block;"><br> <br> <br> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle"> <img src="' + imgServerUrl + 'Pink_Black_Single/divider.gif" alt="" width="544" height="5"> </td> </tr> <tr> <td height="65" align="center" valign="middle"> <div style="color: #FFFFFF; font-size: 28px; font-family: Arial, Helvetica, sans-serif;"> ANNUAL COMPANY EVENT</div> </td> </tr> <tr> <td align="center" valign="middle"> <img src="' + imgServerUrl + 'Pink_Black_Single/divider.gif" alt="" width="544" height="5"> </td> </tr> </table> <br> <br> <div style="color: #7b7b7b; font-family: Arial, Helvetica, sans-serif; font-size: 16px;"> <b>Event Location & Address</b><br> Date:mm/dd/yyyy - Time hh:mm <br> <br> Please RSVP by<br> Month/Date 123-456-789 </div> <br> <br> <br> <div style="color: #7b7b7b; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"> <b>Company Address</b> <br> Contact Person <br> Phone: (123) 456-789 <br> Email: company@companyname.com <br> Website: www.companywebsite.com</div> <br> <br> <br> <br> <br> </td> <td width="20" align="left" valign="top" bgcolor="#000000" style="background-color: #000000;">   </td> </tr> </table> </td> </tr> </table> </div> </body> </html>', image: "Pink_Black_Single/Pink_Black_Single.png", title: "Pink Black Single" },
24{ description: "Rounded Edges PinkBlue", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#444444" style="background-color: #444444;"> <br> <br> <table width="600" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-bottom: 5px;"> <tr> <td width="50%" align="left" valign="middle" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 13px;"> Month Day, Year </td> <td align="right" valign="middle" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 13px;"> Volume # Issue# </td> </tr> </table> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Rounded_Edges_PinkBlue/top.png" width="600" height="18" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#f73f9b" style="background-color: #f73f9b; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; padding: 0px 15px 10px 15px;"> <div style="font-size: 48px;"> <b>Newsletter Title</b></div> <div style="font-size: 24px;"> <br> Lorem ipsum Dollar tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. </div> <div> <br> lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque. Curabitur tempus pharetra mollis. <br> <br> </div> </td> </tr> <tr> <td height="72" align="center" valign="middle" bgcolor="#353535" style="background-color: #353535; font-family: Georgia, Times New Roman, Times, serif; color: #ffffff; font-size: 24px;"> <i>Special Offer Valid only for 3 Days</i> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#1ba5db" style="background-color: #1ba5db; padding: 15px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%" align="left" valign="top"> <table width="165" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #ffffff;"> Lorem ipsum Dollar tempor venenatis </td> </tr> <tr> <td align="left" valign="top" style="padding-top: 5px; padding-bottom: 5px;"> <img src="' + imgServerUrl + 'Rounded_Edges_PinkBlue/pic001.jpg" width="155" height="96" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff;"> Lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus </td> </tr> </table> </td> <td width="34%" align="center" valign="top"> <table width="165" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #ffffff;"> Lorem ipsum Dollar tempor venenatis </td> </tr> <tr> <td align="left" valign="top" style="padding-top: 5px; padding-bottom: 5px;"> <img src="' + imgServerUrl + 'Rounded_Edges_PinkBlue/pic002.jpg" width="155" height="96" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff;"> Lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus </td> </tr> </table> </td> <td width="33%" align="center" valign="top"> <table width="165" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #ffffff;"> Lorem ipsum Dollar tempor venenatis </td> </tr> <tr> <td align="left" valign="top" style="padding-top: 5px; padding-bottom: 5px;"> <img src="' + imgServerUrl + 'Rounded_Edges_PinkBlue/pic003.jpg" width="155" height="95" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff;"> Lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Rounded_Edges_PinkBlue/bot.png" width="600" height="18" style="display: block;"> </td> </tr> </table> <table width="600" border="0" cellspacing="0" cellpadding="0" style="margin-top: 10px;"> <tr> <td align="center" valign="middle"> <img src="' + imgServerUrl + 'Rounded_Edges_PinkBlue/grey_top.png" width="600" height="13" style="display: block;"> </td> </tr> <tr> <td align="center" valign="middle" bgcolor="#e1e1e1"> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="45%" align="left" valign="middle"> <table width="90%" border="0" align="center" cellpadding="4" cellspacing="0"> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #000000;"> <b>Follow Us On</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000000;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Rounded_Edges_PinkBlue/tweet48.png" width="48" height="48"> </td> <td width="34%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Rounded_Edges_PinkBlue/in48.png" width="48" height="48"> </td> <td width="33%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Rounded_Edges_PinkBlue/face48.png" width="48" height="48"> </td> </tr> </table> </td> </tr> </table> </td> <td width="55%" align="left" valign="middle" style="color: #595959; font-size: 11px; font-family: Arial, Helvetica, sans-serif;"> <b>Company Address</b><br> Company URL: <a href="http://www.yourcompanyname.com" target="_blank" style="color: #595959; text-decoration: none;">http://www.yourcompanyname.com</a><br> <br> <b>Hours:</b> Mon-Fri 9:30-5:30, Sat. 9:30-3:00, Sun. Closed <br> <b>Customer Support:</b> <a href="mailto:name@yourcompanyname.com" style="color: #595959; text-decoration: none;">name@yourcompanyname.com</a> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="middle"> <img src="' + imgServerUrl + 'Rounded_Edges_PinkBlue/grey_bot.png" width="600" height="13" style="display: block;"> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Rounded_Edges_PinkBlue/Rounded_Edges_PinkBlue.png", title: "Rounded Edges PinkBlue" },
25{ description: "Rounded Edges PurpleGreen", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#838383" style="background-color: #838383;"> <br> <br> <table width="600" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-bottom: 5px;"> <tr> <td width="50%" align="left" valign="middle" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 13px;"> Month Day, Year </td> <td align="right" valign="middle" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 13px;"> Volume # Issue# </td> </tr> </table> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Rounded_Edges_PurpleGreen/top.png" width="600" height="18" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#b47feb" style="background-color: #b47feb; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; padding: 0px 15px 10px 15px;"> <div style="font-size: 48px;"> <b>Newsletter Title</b></div> <div style="font-size: 24px;"> <br> Lorem ipsum Dollar tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. </div> <div> <br> lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque. Curabitur tempus pharetra mollis. <br> <br> </div> </td> </tr> <tr> <td height="72" align="center" valign="middle" bgcolor="#353535" style="background-color: #353535; font-family: Georgia, Times New Roman, Times, serif; color: #ffffff; font-size: 24px;"> <i>Special Offer Valid only for 3 Days</i> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#ebfab2" style="background-color: #ebfab2; padding: 15px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%" align="left" valign="top"> <table width="165" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #444444;"> Lorem ipsum Dollar tempor venenatis </td> </tr> <tr> <td align="left" valign="top" style="padding-top: 5px; padding-bottom: 5px;"> <img src="' + imgServerUrl + 'Rounded_Edges_PurpleGreen/pic001.jpg" width="155" height="96" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444444;"> Lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus </td> </tr> </table> </td> <td width="34%" align="center" valign="top"> <table width="165" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #444444;"> Lorem ipsum Dollar tempor venenatis </td> </tr> <tr> <td align="left" valign="top" style="padding-top: 5px; padding-bottom: 5px;"> <img src="' + imgServerUrl + 'Rounded_Edges_PurpleGreen/pic002.jpg" width="155" height="96" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444444;"> Lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus </td> </tr> </table> </td> <td width="33%" align="center" valign="top"> <table width="165" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #444444;"> Lorem ipsum Dollar tempor venenatis </td> </tr> <tr> <td align="left" valign="top" style="padding-top: 5px; padding-bottom: 5px;"> <img src="' + imgServerUrl + 'Rounded_Edges_PurpleGreen/pic003.jpg" width="155" height="95" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444444;"> Lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Rounded_Edges_PurpleGreen/bot.png" width="600" height="18" style="display: block;"> </td> </tr> </table> <table width="600" border="0" cellspacing="0" cellpadding="0" style="margin-top: 10px;"> <tr> <td align="center" valign="middle"> <img src="' + imgServerUrl + 'Rounded_Edges_PurpleGreen/grey_top.png" width="600" height="13" style="display: block;"> </td> </tr> <tr> <td align="center" valign="middle" bgcolor="#e1e1e1"> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="45%" align="left" valign="middle"> <table width="90%" border="0" align="center" cellpadding="4" cellspacing="0"> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #000000;"> <b>Follow Us On</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000000;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Rounded_Edges_PurpleGreen/tweet48.png" width="48" height="48"> </td> <td width="34%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Rounded_Edges_PurpleGreen/in48.png" width="48" height="48"> </td> <td width="33%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Rounded_Edges_PurpleGreen/face48.png" width="48" height="48"> </td> </tr> </table> </td> </tr> </table> </td> <td width="55%" align="left" valign="middle" style="color: #595959; font-size: 11px; font-family: Arial, Helvetica, sans-serif;"> <b>Company Address</b><br> Company URL: <a href="http://www.yourcompanyname.com" target="_blank" style="color: #595959; text-decoration: none;">http://www.yourcompanyname.com</a><br> <br> <b>Hours:</b> Mon-Fri 9:30-5:30, Sat. 9:30-3:00, Sun. Closed <br> <b>Customer Support:</b> <a href="mailto:name@yourcompanyname.com" style="color: #595959; text-decoration: none;">name@yourcompanyname.com</a> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="middle"> <img src="' + imgServerUrl + 'Rounded_Edges_PurpleGreen/grey_bot.png" width="600" height="13" style="display: block;"> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Rounded_Edges_PurpleGreen/Rounded_Edges_PurpleGreen.png", title: "Rounded Edges PurpleGreen" },
26{ description: "Special Discount Feature", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#ffe77b" style="background-color: #ffe77b;"> <br> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="70" align="left" valign="middle"> <img src="' + imgServerUrl + 'Special_Discount_Feature/logo.png" width="292" height="54" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Special_Discount_Feature/top.png" width="600" height="13" style="display: block;"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#564319" style="background-color: #564319; font-family: Arial, Helvetica, sans-serif; padding: 10px;"> <div style="font-size: 36px; color: #ffffff;"> <b>Newsletter Title</b></div> <div style="font-size: 13px; color: #a29881;"> <b>Newsletter SubTitle</b></div> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#ffffff" style="background-color: #ffffff;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" style="padding: 10px; color: #564319; font-size: 42px; font-family: Georgia, Times New Roman, Times, serif;"> 30% Off, Special Discount </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="40%" align="center" valign="middle" style="padding: 10px;"> <img src="' + imgServerUrl + 'Special_Discount_Feature/mainpic.jpg" width="169" height="187" style="display: block"> </td> <td align="left" valign="middle" style="color: #525252; font-family: Arial, Helvetica, sans-serif; padding: 10px;"> <div style="font-size: 24px;"> Lorem ipsum dolor sit amet, consectetur tempor </div> <div style="font-size: 12px;"> Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. </div> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" style="padding: 5px;"> <img src="' + imgServerUrl + 'Special_Discount_Feature/divider.gif" width="566" height="30"> </td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 15px;"> <tr> <td align="left" valign="middle" style="padding: 15px; font-family: Arial, Helvetica, sans-serif;"> <div style="font-size: 20px; color: #564319;"> Lorem ipsum dolor sit amet, consectetur</div> <div style="font-size: 13px; color: #525252;"> tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices. Suspendisse pretium feugiat ipsum nec dapibus. Aenean bibendum vestibulum scelerisque. Curabitur tempus pharetra mollis. Pellentesque rhoncus euismod pellentesque. Nam vulputate purus et neque rutrum dignissim. Duis aliquam erat massa, vel gravida orci. Aenean consectetur, libero non sodales consequat, lorem leo ultrices eros, in porta erat arcu at ante.</div> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 10px;"> <tr> <td align="left" valign="middle" style="padding: 15px; background-color: #564319; font-family: Arial, Helvetica, sans-serif;"> <div style="font-size: 20px; color: #ffe77b;"> Lorem ipsum dolor sit amet, consectetur</div> <div style="font-size: 13px; color: #ffe77b;"> tempor venenatis eros. Aliquam sed velit vitae nibh pulvinar iaculis. Aenean hendrerit, lorem eu luctus cursus, sapien justo auctor ligula, id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. <br> <br> <a href="#" style="color: #ffe77b; text-decoration: underline;">CLICK HERE</a> FOR MORE INFORMATION </div> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%" align="left" valign="middle" style="padding: 10px;"> <table width="75%" border="0" cellspacing="0" cellpadding="4"> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #000000;"> <b>Follow Us On</b> </td> </tr> <tr> <td align="left" valign="top" style="font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000000;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Special_Discount_Feature/tweet48.png" width="48" height="48"> </td> <td width="34%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Special_Discount_Feature/in48.png" width="48" height="48"> </td> <td width="33%" align="left" valign="middle"> <img src="' + imgServerUrl + 'Special_Discount_Feature/face48.png" width="48" height="48"> </td> </tr> </table> </td> </tr> </table> </td> <td width="50%" align="left" valign="middle" style="color: #564319; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 10px;"> <b>Hours:</b> Mon-Fri 9:30-5:30, Sat. 9:30-3:00, Sun. Closed <br> <b>Customer Support:</b> <a href="mailto:name@yourcompanyname.com" style="color: #564319; text-decoration: none;">name@yourcompanyname.com</a><br> <br> <b>Company Address</b><br> Company URL: <a href="http://www.yourcompanyname.com" target="_blank" style="color: #564319; text-decoration: none;">http://www.yourcompanyname.com</a> </td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Special_Discount_Feature/bot.png" width="600" height="37" style="display: block;"> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Special_Discount_Feature/Special_Discount_Feature.png", title: "Special Discount Feature" },
27{ description: "Top Leaf Border Red", html: '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" bgcolor="#838383" style="background-color: #838383;"> <br> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Top_Leaf_Border_Red/top.png" width="600" height="177" style="display: block;"> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#d3be6c" style="background-color: #d3be6c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding: 0px 15px 10px 15px;"> <div> <img src="' + imgServerUrl + 'Top_Leaf_Border_Red/divider.png" width="517" height="10"></div> <div style="font-size: 48px; color: #838383;"> <b>Newsletter Title</b></div> <div> <img src="' + imgServerUrl + 'Top_Leaf_Border_Red/divider.png" width="517" height="10"></div> <div style="font-size: 24px; color: #555100;"> <br> Lorem ipsum dolor sit amet, <br> consectetur adipiscing elit. Vestibulum<br> magna enim, volutpat nec imperdiet id</div> <div> <br> lorem eu luctus cursus, sapien justo auctor ligula,<br> id bibendum lorem leo quis leo. Suspendisse sit amet aliquam orci. <br> Aliquam erat volutpat. Aliquam erat volutpat. Nunc ac justo enim. <br> Morbi eleifend feugiat turpis non placerat. Etiam sed tellus ac<br> lectus lacinia molestie nec eu nisl. Pellentesque mattis luctus ultrices.<br> Suspendisse pretium feugiat ipsum nec dapibus. <br> Aenean bibendum vestibulum scelerisque. <br> Curabitur tempus pharetra mollis. <br> <br> <br> <br> <b>Company Name</b><br> Enter company address here<br> Phone: (000) 123 4567 <br> <a href="http://www.yourcompanyname.com" target="_blank" style="color: #000000; text-decoration: none;"> http://www.yourcompanyname.com</a></div> </td> </tr> <tr> <td align="left" valign="top"> <img src="' + imgServerUrl + 'Top_Leaf_Border_Red/bot.png" width="600" height="18" style="display: block;"> </td> </tr> </table> <br> <br> </td> </tr> </table> </body> </html>', image: "Top_Leaf_Border_Red/Top_Leaf_Border_Red.png", title: "Top Leaf Border Red" },
28
29{ description: "NewsLetter", html: '<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <style type="text/css"> body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { -ms-interpolation-mode: bicubic; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } @media screen and (max-width: 525px) { .wrapper { width: 100% !important; max-width: 100% !important; } .logo img { margin: 0 auto !important; } .mobile-hide { display: none !important; } .img-max { max-width: 100% !important; width: 100% !important; height: auto !important; } .responsive-table { width: 100% !important; } .padding { padding: 10px 5% 15px 5% !important; } .padding-meta { padding: 30px 5% 0px 5% !important; text-align: center; } .no-padding { padding: 0 !important; } .section-padding { padding: 50px 15px 50px 15px !important; } .mobile-button-container { margin: 0 auto; width: 100% !important; } .mobile-button { padding: 15px !important; border: 0 !important; font-size: 16px !important; display: block !important; } } div[style*="margin: 16 px 0;"]{margin:0!important;}</style> </head> <body style="margin: 0 !important; padding: 0 !important;"> <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;"> Entice the open with some amazing preheader text. Use a little mystery and get those subscribers to read through... </div> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#333333" align="center"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="wrapper"> <tr> <td align="center" valign="top" style="padding: 15px 0;" class="logo"> <a href="http://litmus.com" target="_blank"> <img alt="Logo" src="' + imgServerUrl + 'NewsLetter/logo-1.jpg" width="60" height="60" style="display: block; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 16px;" border="0"> </a> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 70px 15px 70px 15px;" class="section-padding"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="responsive-table"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="padding" align="center"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'NewsLetter/hero-1.jpg" width="500" height="400" border="0" alt="Insert alt text here" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 16px;" class="img-max"> </a> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-size: 25px; font-family: Helvetica, Arial, sans-serif; color: #333333; padding-top: 30px;" class="padding"> The Latest News </td> </tr> <tr> <td align="center" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. </td> </tr> </table> </td> </tr> <tr> <td align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="padding-top: 25px;" class="padding"> <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container"> <tr> <td align="center" style="border-radius: 3px;" bgcolor="#256F9C"> <a href="https://litmus.com" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 15px 25px; border: 1px solid #256F9C; display: inline-block;" class="mobile-button">Learn More →</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#F5F7FA" align="center" style="padding: 70px 15px 70px 15px;" class="section-padding"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="responsive-table"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-size: 25px; font-family: Helvetica, Arial, sans-serif; color: #333333;" class="padding"> Around the Blog </td> </tr> <tr> <td align="center" style="padding: 20px 0 20px 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td> </tr> </table> </td> </tr> <tr> <td align="center" height="100%" valign="top" width="100%"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;"> <tr> <td align="center" valign="top" style="font-size: 0;" class="padding"> <div style="display: inline-block; margin: 0 -2px; max-width: 50%; min-width: 240px; vertical-align: top; width: 100%;" class="wrapper"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 240px;" class="wrapper"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 20px 0 30px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="center" bgcolor="#F5F7FA" valign="middle"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'NewsLetter/news-1.jpg" width="240" height="130" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 240px; height: 130px;" alt="Fluid images" border="0" class="img-max"></a> </td> </tr> <tr> <td align="center" style="padding: 15px 0 0 0; font-family: Arial, sans-serif; color: #333333; font-size: 20px;" bgcolor="#F5F7FA"> News Item </td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#F5F7FA"> Integer ut tempor lectus. Vivamus at gravida arcu. </td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#F5F7FA"> <a href="http://litmus.com" style="color: #256F9C; text-decoration: none;">Read More →</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> <div style="display: inline-block; margin: 0 -2px; max-width: 50%; min-width: 240px; vertical-align: top; width: 100%;" class="wrapper"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 240px; float: right;" class="wrapper"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 20px 0 30px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="center" bgcolor="#F5F7FA" valign="middle"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'NewsLetter/news-2.jpg" width="240" height="130" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 240px; height: 130px;" alt="alt text here" border="0" class="img-max"></a> </td> </tr> <tr> <td align="center" style="padding: 15px 0 0 0; font-family: Arial, sans-serif; color: #333333; font-size: 20px;" bgcolor="#F5F7FA"> News Item </td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#F5F7FA"> Integer ut tempor lectus. Vivamus at gravida arcu. </td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#F5F7FA"> <a href="http://litmus.com" style="color: #256F9C; text-decoration: none;">Read More →</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> </td> </tr> </table> </td> </tr> <tr> <td align="center" height="100%" valign="top" width="100%"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;"> <tr> <td align="center" valign="top" style="font-size: 0;" class="padding"> <div style="display: inline-block; margin: 0 -2px; max-width: 50%; min-width: 240px; vertical-align: top; width: 100%;" class="wrapper"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 240px;" class="wrapper"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 20px 0 30px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="center" bgcolor="#F5F7FA" valign="middle"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'NewsLetter/news-3.jpg" width="240" height="130" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 240px; height: 130px;" alt="alt text here" border="0" class="img-max"></a> </td> </tr> <tr> <td align="center" style="padding: 15px 0 0 0; font-family: Arial, sans-serif; color: #333333; font-size: 20px;" bgcolor="#F5F7FA"> News Item </td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#F5F7FA"> Integer ut tempor lectus. Vivamus at gravida arcu. </td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#F5F7FA"> <a href="http://litmus.com" style="color: #256F9C; text-decoration: none;">Read More →</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> <div style="display: inline-block; margin: 0 -2px; max-width: 50%; min-width: 240px; vertical-align: top; width: 100%;" class="wrapper"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td class="mso-right"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 240px; float: right;" class="wrapper"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 20px 0 30px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="center" bgcolor="#F5F7FA" valign="middle"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'NewsLetter/news-4.jpg" width="240" height="130" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 240px; height: 130px;" alt="alt text here" border="0" class="img-max"></a> </td> </tr> <tr> <td align="center" style="padding: 15px 0 0 0; font-family: Arial, sans-serif; color: #333333; font-size: 20px;" bgcolor="#F5F7FA"> News Item </td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#F5F7FA"> Integer ut tempor lectus. Vivamus at gravida arcu. </td> </tr> <tr> <td align="center" style="padding: 5px 0 0 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#F5F7FA"> <a href="http://litmus.com" style="color: #256F9C; text-decoration: none;">Read More →</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E6E9ED" align="center" style="padding: 70px 15px 70px 15px;" class="section-padding"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-bottom: 20px; max-width: 500px;" class="responsive-table"> <tr> <td align="center" style="padding: 0 0 10px 0; font-size: 25px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333333;" class="padding" colspan="2"> Upcoming Events </td> </tr> <tr> <td align="center" height="100%" valign="top" width="100%" colspan="2"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500;"> <tr> <td align="center" valign="top" style="font-size: 0;"> <div style="display: inline-block; margin: 0 -2px; max-width: 115px; vertical-align: top; width: 100%;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="115"> <tr> <td valign="top" style="padding: 40px 0 0 0;" class="mobile-hide"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'NewsLetter/calendar.png" alt="alt text here" width="105" height="105" border="0" style="display: block; font-family: Arial; color: #666666; font-size: 14px; width: 105px; height: 105px;"></a> </td> </tr> </table> </div> <div style="display: inline-block; margin: 0 -2px; max-width: 385px; vertical-align: top; width: 100%;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 40px 0 0 0;" class="no-padding"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td align="left" style="padding: 0 0 5px 25px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #aaaaaa;" class="padding-meta"> January 1, 2016 </td> </tr> <tr> <td align="left" style="padding: 0 0 5px 25px; font-size: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333333;" class="padding"> Etiam tincidunt, quam ac porttitor </td> </tr> <tr> <td align="left" style="padding: 10px 0 15px 25px; font-size: 16px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding"> Maecenas sed nulla massa. In mattis vulputate nisl, rhoncus blandit lorem maximus non. Phasellus tempus in ipsum non lacinia. </td> </tr> <tr> <td style="padding: 0 0 45px 25px;" align="left" class="padding"> <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container"> <tr> <td align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container"> <tr> <td align="center" style="border-radius: 3px;" bgcolor="#256F9C"> <a href="https://litmus.com" target="_blank" style="font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 10px 20px; border: 1px solid #256F9C; display: inline-block;" class="mobile-button">Learn More →</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> </td> </tr> </table> </td> </tr> <tr> <td align="center" height="100%" valign="top" width="100%" colspan="2"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500;"> <tr> <td align="center" valign="top" style="font-size: 0;"> <div style="display: inline-block; margin: 0 -2px; max-width: 115px; vertical-align: top; width: 100%;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="115"> <tr> <td valign="top" style="padding: 40px 0 0 0;" class="mobile-hide"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'NewsLetter/calendar.png" alt="alt text here" width="105" height="105" border="0" style="display: block; font-family: Arial; color: #666666; font-size: 14px; width: 105px; height: 105px;"></a> </td> </tr> </table> </div> <div style="display: inline-block; margin: 0 -2px; max-width: 385px; vertical-align: top; width: 100%;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 40px 0 0 0;" class="no-padding"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td align="left" style="padding: 0 0 5px 25px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #aaaaaa;" class="padding-meta"> January 1, 2016 </td> </tr> <tr> <td align="left" style="padding: 0 0 5px 25px; font-size: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333333;" class="padding"> Etiam tincidunt, quam ac porttitor </td> </tr> <tr> <td align="left" style="padding: 10px 0 15px 25px; font-size: 16px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding"> Maecenas sed nulla massa. In mattis vulputate nisl, rhoncus blandit lorem maximus non. Phasellus tempus in ipsum non lacinia. </td> </tr> <tr> <td style="padding: 0 0 45px 25px;" align="left" class="padding"> <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container"> <tr> <td align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container"> <tr> <td align="center" style="border-radius: 3px;" bgcolor="#256F9C"> <a href="https://litmus.com" target="_blank" style="font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 10px 20px; border: 1px solid #256F9C; display: inline-block;" class="mobile-button">Learn More →</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> </td> </tr> </table> </td> </tr> <tr> <td align="center" height="100%" valign="top" width="100%" colspan="2"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500;"> <tr> <td align="center" valign="top" style="font-size: 0;"> <div style="display: inline-block; margin: 0 -2px; max-width: 115px; vertical-align: top; width: 100%;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="115"> <tr> <td valign="top" style="padding: 40px 0 0 0;" class="mobile-hide"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'NewsLetter/calendar.png" alt="alt text here" width="105" height="105" border="0" style="display: block; font-family: Arial; color: #666666; font-size: 14px; width: 105px; height: 105px;"></a> </td> </tr> </table> </div> <div style="display: inline-block; margin: 0 -2px; max-width: 385px; vertical-align: top; width: 100%;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 40px 0 0 0;" class="no-padding"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td align="left" style="padding: 0 0 5px 25px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #aaaaaa;" class="padding-meta"> January 1, 2016 </td> </tr> <tr> <td align="left" style="padding: 0 0 5px 25px; font-size: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333333;" class="padding"> Etiam tincidunt, quam ac porttitor </td> </tr> <tr> <td align="left" style="padding: 10px 0 15px 25px; font-size: 16px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding"> Maecenas sed nulla massa. In mattis vulputate nisl, rhoncus blandit lorem maximus non. Phasellus tempus in ipsum non lacinia. </td> </tr> <tr> <td style="padding: 0 0 0 25px;" align="left" class="padding"> <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container"> <tr> <td align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container"> <tr> <td align="center" style="border-radius: 3px;" bgcolor="#256F9C"> <a href="https://litmus.com" target="_blank" style="font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 10px 20px; border: 1px solid #256F9C; display: inline-block;" class="mobile-button">Learn More →</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 20px 0px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width: 500px;" class="responsive-table"> <tr> <td align="center" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #666666;"> 1234 Main Street, Anywhere, MA 01234, USA <br> <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;"> Unsubscribe</a> <span style="font-family: Arial, sans-serif; font-size: 12px; color: #444444;">   |  </span> <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;">View this email in your browser</a> </td> </tr> </table> </td> </tr> </table> </body> </html>', image: "NewsLetter/NewsLetter.png", title: "NewsLetter" },
30{ description: "Product Announcement", html: '<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <style type="text/css"> /* CLIENT-SPECIFIC STYLES */body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Prevent WebKit and Windows mobile changing default text sizes */table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } /* Remove spacing between tables in Outlook 2007 and up */img { -ms-interpolation-mode: bicubic; } /* Allow smoother rendering of resized image in Internet Explorer *//* RESET STYLES */img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } /* iOS BLUE LINKS */a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } /* MOBILE STYLES */@media screen and (max-width: 525px) { /* ALLOWS FOR FLUID TABLES */ .wrapper { width: 100% !important; max-width: 100% !important; } /* ADJUSTS LAYOUT OF LOGO IMAGE */ .logo img { margin: 0 auto !important; } /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */ .mobile-hide { display: none !important; } .img-max { max-width: 100% !important; width: 100% !important; height: auto !important; } /* FULL-WIDTH TABLES */ .responsive-table { width: 100% !important; } /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */ .padding { padding: 10px 5% 15px 5% !important; } .padding-meta { padding: 30px 5% 0px 5% !important; text-align: center; } .padding-copy { padding: 10px 5% 10px 5% !important; text-align: center; } .no-padding { padding: 0 !important; } .section-padding { padding: 50px 15px 50px 15px !important; } /* ADJUST BUTTONS ON MOBILE */ .mobile-button-container { margin: 0 auto; width: 100% !important; } .mobile-button { padding: 15px !important; border: 0 !important; font-size: 16px !important; display: block !important; } } /* ANDROID CENTER FIX */div[style*="margin: 16 px 0;"]{margin:0!important;}</style> <!--[if gte mso 12]> <style type="text/css"> .mso-right { padding-left: 20px; } </style> <![endif]--> </head> <body style="margin: 0 !important; padding: 0 !important;"> <!-- HIDDEN PREHEADER TEXT --> <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;"> Entice the open with some amazing preheader text. Use a little mystery and get those subscribers to read through... </div> <!-- HEADER --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#333333" align="center"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="wrapper"> <tr> <td align="center" valign="top" style="padding: 15px 0;" class="logo"> <a href="http://litmus.com" target="_blank"> <img alt="Logo" src="' + imgServerUrl + 'ProductAnnouncement/logo-1.jpg" width="60" height="60" style="display: block; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 16px;" border="0"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#D8F1FF" align="center" style="padding: 70px 15px 70px 15px;" class="section-padding"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="responsive-table"> <tr> <td> <!-- HERO IMAGE --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="padding"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'ProductAnnouncement/product-1.png" width="500" height="300" border="0" alt="Insert alt text here" style="display: block; padding: 0; color: #266e9c; text-decoration: none; font-family: Helvetica, arial, sans-serif; font-size: 16px;" class="img-max"></a> </td> </tr> <tr> <td> <!-- COPY --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-size: 36px; font-family: Helvetica, Arial, sans-serif; color: #266e9c; padding-top: 15px;" class="padding-copy"> Our Biggest Update Ever </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 70px 15px 25px 15px;" class="section-padding"> <table border="0" cellpadding="0" cellspacing="0" width="500" style="padding: 0 0 20px 0;" class="responsive-table"> <tr> <td align="center" height="100%" valign="top" width="100%" style="padding-bottom: 35px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500;"> <tr> <td align="center" valign="top" style="font-size: 0;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="left" valign="top" width="150"> <![endif]--> <div style="display: inline-block; margin: 0 -2px; max-width: 150px; vertical-align: top; width: 100%;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="150"> <tr> <td valign="top"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'ProductAnnouncement/product-2.png" alt="alt text here" width="150" height="200" border="0" style="display: block; font-family: Arial; color: #266e9c; font-size: 14px;"></a> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td align="left" valign="top" width="350"> <![endif]--> <div style="display: inline-block; margin: 0 -2px; max-width: 350px; vertical-align: top; width: 100%;" class="wrapper"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 325px; float: right;" class="wrapper"> <tr> <td style="padding: 40px 0 0 0;" class="no-padding"> <!-- ARTICLE --> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td align="left" style="padding: 0 0 5px 0; font-size: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333333;" class="padding-copy"> Feature Highlight </td> </tr> <tr> <td align="left" style="padding: 10px 0 15px 0; font-size: 16px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Maecenas sed nulla massa. In mattis vulputate nisl, rhoncus blandit lorem maximus non. Phasellus tempus in ipsum non lacinia. </td> </tr> </table> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td align="center" height="100%" valign="top" width="100%" style="padding-bottom: 35px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500;"> <tr> <td align="center" valign="top" style="font-size: 0;" dir="rtl"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="left" valign="top" width="150"> <![endif]--> <div style="display: inline-block; margin: 0 -2px; max-width: 150px; vertical-align: top; width: 100%;" dir="ltr"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="150"> <tr> <td valign="top"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'ProductAnnouncement/product-3.png" alt="alt text here" width="150" height="200" border="0" style="display: block; font-family: Arial; color: #666666; font-size: 14px;"></a> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td align="left" valign="top" width="350"> <![endif]--> <div style="display: inline-block; margin: 0 -2px; max-width: 350px; vertical-align: top; width: 100%;" dir="ltr"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 325px;"> <tr> <td style="padding: 40px 0 0 0;" class="no-padding"> <!-- ARTICLE --> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td align="left" style="padding: 0 0 5px 0; font-size: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333333;" class="padding-copy"> Feature Highlight </td> </tr> <tr> <td align="left" style="padding: 10px 0 15px 0; font-size: 16px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Maecenas sed nulla massa. In mattis vulputate nisl, rhoncus blandit lorem maximus non. Phasellus tempus in ipsum non lacinia. </td> </tr> </table> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td align="center" height="100%" valign="top" width="100%" style="padding-bottom: 25px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500;"> <tr> <td align="center" valign="top" style="font-size: 0;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="left" valign="top" width="150"> <![endif]--> <div style="display: inline-block; margin: 0 -2px; max-width: 150px; vertical-align: top; width: 100%;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="150"> <tr> <td valign="top"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'ProductAnnouncement/product-4.png" alt="alt text here" width="150" height="200" border="0" style="display: block; font-family: Arial; color: #666666; font-size: 14px;"></a> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td align="left" valign="top" width="350"> <![endif]--> <div style="display: inline-block; margin: 0 -2px; max-width: 350px; vertical-align: top; width: 100%;" class="wrapper"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 325px; float: right;" class="wrapper"> <tr> <td style="padding: 40px 0 0 0;" class="no-padding"> <!-- ARTICLE --> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td align="left" style="padding: 0 0 5px 0; font-size: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #333333;" class="padding-copy"> Feature Highlight </td> </tr> <tr> <td align="left" style="padding: 10px 0 15px 0; font-size: 16px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Maecenas sed nulla massa. In mattis vulputate nisl, rhoncus blandit lorem maximus non. Phasellus tempus in ipsum non lacinia. </td> </tr> </table> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 25px 15px 70px 15px;" class="section-padding"> <table border="0" cellpadding="0" cellspacing="0" width="500" class="responsive-table"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <!-- COPY --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-size: 25px; font-family: Helvetica, Arial, sans-serif; color: #333333; padding-top: 30px;" class="padding-copy"> Our Best Product Ever </td> </tr> <tr> <td align="center" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. </td> </tr> </table> </td> </tr> <tr> <td align="center"> <!-- BULLETPROOF BUTTON --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="padding-top: 25px;" class="padding"> <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container"> <tr> <td align="center" style="border-radius: 3px;" bgcolor="#256F9C"> <a href="https://litmus.com" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 15px 25px; border: 1px solid #256F9C; display: inline-block;" class="mobile-button">Learn More →</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 20px 0px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <!-- UNSUBSCRIBE COPY --> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width: 500px;" class="responsive-table"> <tr> <td align="center" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #666666;"> 1234 Main Street, Anywhere, MA 01234, USA <br> <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;"> Unsubscribe</a> <span style="font-family: Arial, sans-serif; font-size: 12px; color: #444444;">   |  </span> <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;">View this email in your browser</a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </body> </html>', image: "ProductAnnouncement/ProductAnnouncement.png", title: "Product Announcement" },
31{ description: "Receipt", html: '<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <style type="text/css"> /* CLIENT-SPECIFIC STYLES */body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Prevent WebKit and Windows mobile changing default text sizes */table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } /* Remove spacing between tables in Outlook 2007 and up */img { -ms-interpolation-mode: bicubic; } /* Allow smoother rendering of resized image in Internet Explorer *//* RESET STYLES */img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } /* iOS BLUE LINKS */a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } /* MOBILE STYLES */@media screen and (max-width: 525px) { /* ALLOWS FOR FLUID TABLES */ .wrapper { width: 100% !important; max-width: 100% !important; } /* ADJUSTS LAYOUT OF LOGO IMAGE */ .logo img { margin: 0 auto !important; } /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */ .mobile-hide { display: none !important; } .img-max { max-width: 100% !important; width: 100% !important; height: auto !important; } /* FULL-WIDTH TABLES */ .responsive-table { width: 100% !important; } /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */ .padding { padding: 10px 5% 15px 5% !important; } .padding-meta { padding: 30px 5% 0px 5% !important; text-align: center; } .padding-copy { padding: 10px 5% 10px 5% !important; text-align: center; } .no-padding { padding: 0 !important; } .section-padding { padding: 50px 15px 50px 15px !important; } /* ADJUST BUTTONS ON MOBILE */ .mobile-button-container { margin: 0 auto; width: 100% !important; } .mobile-button { padding: 15px !important; border: 0 !important; font-size: 16px !important; display: block !important; } } /* ANDROID CENTER FIX */div[style*="margin: 16 px 0;"]{margin:0!important;}</style> </head> <body style="margin: 0 !important; padding: 0 !important;"> <!-- HIDDEN PREHEADER TEXT --> <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;"> Entice the open with some amazing preheader text. Use a little mystery and get those subscribers to read through... </div> <!-- HEADER --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#ffffff" align="center"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="wrapper"> <tr> <td align="center" valign="top" style="padding: 15px 0;" class="logo"> <a href="http://litmus.com" target="_blank"> <img alt="Logo" src="' + imgServerUrl + 'Receipt/logo-2.jpg" width="60" height="60" style="display: block; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 16px;" border="0"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 15px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="responsive-table"> <tr> <td> <!-- COPY --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-size: 32px; font-family: Helvetica, Arial, sans-serif; color: #333333; padding-top: 30px;" class="padding-copy"> Your order is on its way! </td> </tr> <tr> <td align="left" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. </td> </tr> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 15px;" class="padding"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="responsive-table"> <tr> <td style="padding: 10px 0 0 0; border-top: 1px dashed #aaaaaa;"> <!-- TWO COLUMNS --> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td valign="top" class="mobile-wrapper"> <!-- LEFT COLUMN --> <table cellpadding="0" cellspacing="0" border="0" width="47%" style="width: 47%;" align="left"> <tr> <td style="padding: 0 0 10px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="left" style="font-family: Arial, sans-serif; color: #333333; font-size: 16px;"> Purchased Item (1) </td> </tr> </table> </td> </tr> </table> <!-- RIGHT COLUMN --> <table cellpadding="0" cellspacing="0" border="0" width="47%" style="width: 47%;" align="right"> <tr> <td style="padding: 0 0 10px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="right" style="font-family: Arial, sans-serif; color: #333333; font-size: 16px;"> $XX.XX </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td> <!-- TWO COLUMNS --> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td valign="top" style="padding: 0;" class="mobile-wrapper"> <!-- LEFT COLUMN --> <table cellpadding="0" cellspacing="0" border="0" width="47%" style="width: 47%;" align="left"> <tr> <td style="padding: 0 0 10px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="left" style="font-family: Arial, sans-serif; color: #333333; font-size: 16px;"> Shipping + Handling </td> </tr> </table> </td> </tr> </table> <!-- RIGHT COLUMN --> <table cellpadding="0" cellspacing="0" border="0" width="47%" style="width: 47%;" align="right"> <tr> <td style="padding: 0 0 10px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="right" style="font-family: Arial, sans-serif; color: #333333; font-size: 16px;"> $X.XX </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td> <!-- TWO COLUMNS --> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td valign="top" style="padding: 0;" class="mobile-wrapper"> <!-- LEFT COLUMN --> <table cellpadding="0" cellspacing="0" border="0" width="47%" style="width: 47%;" align="left"> <tr> <td style="padding: 0 0 10px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="left" style="font-family: Arial, sans-serif; color: #333333; font-size: 16px;"> Sales Tax </td> </tr> </table> </td> </tr> </table> <!-- RIGHT COLUMN --> <table cellpadding="0" cellspacing="0" border="0" width="47%" style="width: 47%;" align="right"> <tr> <td style="padding: 0 0 10px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="right" style="font-family: Arial, sans-serif; color: #333333; font-size: 16px;"> $X.XX </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td style="padding: 10px 0 0px 0; border-top: 1px solid #eaeaea; border-bottom: 1px dashed #aaaaaa;"> <!-- TWO COLUMNS --> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td valign="top" class="mobile-wrapper"> <!-- LEFT COLUMN --> <table cellpadding="0" cellspacing="0" border="0" width="47%" style="width: 47%;" align="left"> <tr> <td style="padding: 0 0 10px 0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="left" style="font-family: Arial, sans-serif; color: #333333; font-size: 16px; font-weight: bold;"> Total </td> </tr> </table> </td> </tr> </table> <!-- RIGHT COLUMN --> <table cellpadding="0" cellspacing="0" border="0" width="47%" style="width: 47%;" align="right"> <tr> <td> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="right" style="font-family: Arial, sans-serif; color: #7ca230; font-size: 16px; font-weight: bold;"> $XX.XX </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 15px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="responsive-table"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <!-- COPY --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" style="padding: 0 0 0 0; font-size: 14px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #aaaaaa; font-style: italic;" class="padding-copy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 15px;"> <table border="0" cellpadding="0" cellspacing="0" width="500" class="responsive-table"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- COPY --> <td align="center" style="font-size: 32px; font-family: Helvetica, Arial, sans-serif; color: #333333; padding-top: 30px;" class="padding-copy"> How did we do? </td> </tr> <tr> <td align="left" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. </td> </tr> <tr> <td align="center"> <!-- BULLETPROOF BUTTON --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="padding-top: 25px;" class="padding"> <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container"> <tr> <td align="center" style="border-radius: 3px;" bgcolor="#256F9C"> <a href="https://litmus.com" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 15px 25px; border: 1px solid #256F9C; display: inline-block;" class="mobile-button">Let Us Know</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 20px 0px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <!-- UNSUBSCRIBE COPY --> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width: 500px;" class="responsive-table"> <tr> <td align="center" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #666666;"> 1234 Main Street, Anywhere, MA 01234, USA <br> <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;"> Unsubscribe</a> <span style="font-family: Arial, sans-serif; font-size: 12px; color: #444444;">   |  </span> <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;">View this email in your browser</a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </body> </html>', image: "Receipt/Receipt.png", title: "Receipt" },
32{ description: "Simple Announcement", html: '<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <style type="text/css"> /* CLIENT-SPECIFIC STYLES */body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Prevent WebKit and Windows mobile changing default text sizes */table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } /* Remove spacing between tables in Outlook 2007 and up */img { -ms-interpolation-mode: bicubic; } /* Allow smoother rendering of resized image in Internet Explorer *//* RESET STYLES */img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } /* iOS BLUE LINKS */a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } /* MOBILE STYLES */@media screen and (max-width: 525px) { /* ALLOWS FOR FLUID TABLES */ .wrapper { width: 100% !important; max-width: 100% !important; } /* ADJUSTS LAYOUT OF LOGO IMAGE */ .logo img { margin: 0 auto !important; } /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */ .mobile-hide { display: none !important; } .img-max { max-width: 100% !important; width: 100% !important; height: auto !important; } /* FULL-WIDTH TABLES */ .responsive-table { width: 100% !important; } /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */ .padding { padding: 10px 5% 15px 5% !important; } .padding-meta { padding: 30px 5% 0px 5% !important; text-align: center; } .padding-copy { padding: 10px 5% 10px 5% !important; text-align: center; } .no-padding { padding: 0 !important; } .section-padding { padding: 50px 15px 50px 15px !important; } /* ADJUST BUTTONS ON MOBILE */ .mobile-button-container { margin: 0 auto; width: 100% !important; } .mobile-button { padding: 15px !important; border: 0 !important; font-size: 16px !important; display: block !important; } } /* ANDROID CENTER FIX */div[style*="margin: 16 px 0;"]{margin:0!important;}</style> </head> <body style="margin: 0 !important; padding: 0 !important;"> <!-- HIDDEN PREHEADER TEXT --> <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;"> Entice the open with some amazing preheader text. Use a little mystery and get those subscribers to read through... </div> <!-- HEADER --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#ffffff" align="center"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="wrapper"> <tr> <td align="center" valign="top" style="padding: 15px 0;" class="logo"> <a href="http://litmus.com" target="_blank"> <img alt="Logo" src="' + imgServerUrl + 'SimpleAnnouncement/logo-2.jpg" width="60" height="60" style="display: block; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 16px;" border="0"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#D8F1FF" align="center" style="padding: 70px 15px 70px 15px;" class="section-padding"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="responsive-table"> <tr> <td> <!-- HERO IMAGE --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="padding" align="center"> <a href="http://litmus.com" target="_blank"> <img src="' + imgServerUrl + 'SimpleAnnouncement/video-1.jpg" width="500" height="400" border="0" alt="Insert alt text here" style="display: block; padding: 0; color: #666666; text-decoration: none; font-family: Helvetica, arial, sans-serif; font-size: 16px;" class="img-max"></a> </td> </tr> <tr> <td> <!-- COPY --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-size: 25px; font-family: Helvetica, Arial, sans-serif; color: #333333; padding-top: 30px;" class="padding"> Our Greatest Feature Ever </td> </tr> <tr> <td align="center" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. </td> </tr> </table> </td> </tr> <tr> <td align="center"> <!-- BULLETPROOF BUTTON --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="padding-top: 25px;" class="padding"> <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container"> <tr> <td align="center" style="border-radius: 3px;" bgcolor="#256F9C"> <a href="https://litmus.com" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 15px 25px; border: 1px solid #256F9C; display: inline-block;" class="mobile-button">Watch Now →</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 20px 0px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <!-- UNSUBSCRIBE COPY --> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width: 500px;" class="responsive-table"> <tr> <td align="center" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #666666;"> 1234 Main Street, Anywhere, MA 01234, USA <br> <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;"> Unsubscribe</a> <span style="font-family: Arial, sans-serif; font-size: 12px; color: #444444;">   |  </span> <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;">View this email in your browser</a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </body> </html>', image: "SimpleAnnouncement/SimpleAnnouncement.png", title: "Simple Announcement" },
33{ description: "Stationery", html: '<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <style type="text/css"> /* CLIENT-SPECIFIC STYLES */body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Prevent WebKit and Windows mobile changing default text sizes */table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } /* Remove spacing between tables in Outlook 2007 and up */img { -ms-interpolation-mode: bicubic; } /* Allow smoother rendering of resized image in Internet Explorer *//* RESET STYLES */img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } /* iOS BLUE LINKS */a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } /* MOBILE STYLES */@media screen and (max-width: 525px) { /* ALLOWS FOR FLUID TABLES */ .wrapper { width: 100% !important; max-width: 100% !important; } /* ADJUSTS LAYOUT OF LOGO IMAGE */ .logo img { margin: 0 auto !important; } /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */ .mobile-hide { display: none !important; } .img-max { max-width: 100% !important; width: 100% !important; height: auto !important; } /* FULL-WIDTH TABLES */ .responsive-table { width: 100% !important; } /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */ .padding { padding: 10px 5% 15px 5% !important; } .padding-meta { padding: 30px 5% 0px 5% !important; text-align: center; } .padding-copy { padding: 10px 5% 10px 5% !important; text-align: center; } .no-padding { padding: 0 !important; } .section-padding { padding: 50px 15px 50px 15px !important; } /* ADJUST BUTTONS ON MOBILE */ .mobile-button-container { margin: 0 auto; width: 100% !important; } .mobile-button { padding: 15px !important; border: 0 !important; font-size: 16px !important; display: block !important; } } /* ANDROID CENTER FIX */div[style*="margin: 16 px 0;"]{margin:0!important;}</style> </head> <body style="margin: 0 !important; padding: 0 !important;"> <!-- ONE COLUMN SECTION --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#ffffff" align="center" style="padding: 15px;" class="section-padding"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="responsive-table"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <!-- COPY --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Hey Customer, </td> </tr> <tr> <td align="left" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. </td> </tr> <tr> <td align="left" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. </td> </tr> <tr> <td align="left" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. </td> </tr> <tr> <td align="left" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. </td> </tr> <tr> <td align="left" style="padding: 20px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding-copy"> Cheers,<br> The Team </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#ffffff" align="center" style="padding: 20px 0px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td align="center" valign="top" width="500"> <![endif]--> <!-- UNSUBSCRIBE COPY --> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width: 500px;" class="responsive-table"> <tr> <td align="left" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #666666;"> 1234 Main Street, Anywhere, MA 01234, USA <br> <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;"> Unsubscribe</a> <span style="font-family: Arial, sans-serif; font-size: 12px; color: #444444;">   |  </span> <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;">View this email in your browser</a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </body> </html>', image: "Stationery/Stationery.png", title: "Stationery" },
34
35]
36});
37
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy