"layout"
Bootstrap 3.0.0 Snippet by evarevirus

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <title>Litmus</title> <meta http-equiv="Content-Type" content="text/html; 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"> /* BOILERPLATE STYLES */ #outlook a{padding:0;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} .ExternalClass, .ExternalClass span, .ExternalClass td, .ExternalClass div {line-height: 100%;} 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;} body {height:100% !important; margin:0 !important; padding:0 !important; width:100% !important;} img {border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} /* LINK STYLES */ 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; } .link-hover:hover {text-decoration: none !important;} /* CHECKBOX HACK (DIS IZ WUT MAKES DA TOUR MAGIC HAPPEN YO) */ input[type=checkbox] { position: absolute; top: -9999px; left: -9999px; opacity: 0; width: 0px; height: 0px; max-width: 0px; max-height: 0px; overflow: hidden; } /* WEB FONTS */ @media screen { @font-face { font-family: 'proxima_nova_rgregular'; src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.woff') format('woff'), url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_rgbold'; src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.woff') format('woff'), url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } } /* MEDIA QUERY */ @media screen and (max-width: 600px) { .logo { text-align: left; padding: 0 0 20px 0 !important; } .mobile-hide { display: none !important; } .logo img { margin: 0 auto !important; } .img-max { max-width: 100%; height:auto; } .padding { padding: 10px 5% 15px 5% !important; } .padding2 { padding: 10px 5% 10px 5% !important; text-align: left; } .section-padding { padding: 35px 15px !important; } .section-padding2 { padding: 0 15px 0 15px !important; } .responsive-table { width: 100% !important; max-width: 100% !important; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { .webkit-hide { display: none !important; } .webkit-show { height: auto !important; width: auto !important; max-width: none !important; max-height: none !important; overflow: auto !important; visibility: visible !important; display: block !important; } #font-weight-normal { font-weight: normal !important; } .email { width: 100%; display: none; position: fixed; } .x1 { left: 5%; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); opacity: 0.6; -webkit-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate; -moz-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate; } .x2 { left: 25%; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.9; -webkit-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate; -moz-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate; } .x3 { left: 55%; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate; -moz-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate; } .x4 { left: 72%; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.9; -webkit-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate; -moz-animation: moveclouds 18s linear infinite, sideWays 0zs ease-in-out infinite alternate; } .x5 { left: 88%; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.3; -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate; -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate; } .x6 { left: 33%; opacity: 1; -webkit-animation: moveclouds 2s linear infinite, swayWays 1s ease-in-out infinite alternate; animation: moveclouds 10s linear infinite, swayWays 9s ease-in-out infinite alternate; } @-webkit-keyframes moveclouds { 0% { top: 200px; } 100% { top: -600px; } } @keyframes moveclouds { 0% { top: 200px; } 100% { top: -600px; } } @-webkit-keyframes sideWays { 0% { margin-left:0px; } 100% { margin-left:50px; } } @keyframes sideWays { 0% { margin-left:0px; } 100% { margin-left:50px; } } @-keyframes swayWays { 0% { transform: rotate(12deg); left:-0.3%; } 33%{ transform: rotate(-2deg); left: 0.7%; } 100% { transform: rotate(0deg); left:-12%; } } .heart { position: relative; display: none; } .heart:before, .heart:after { position: absolute; content: ""; left: 18px; top: 0; width: 18px; height: 30px; background: #CC2022; -moz-border-radius: 20px 50% 0 0; border-radius: 30px 30px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .heart:after { left: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin :100% 100%; } /* LABELS */ label { cursor: pointer; z-index: 999; position: relative; display: block !important; width: auto !important; height: auto !important; max-width: auto !important; max-height: auto !important; overflow: visible !important; } #toggle-1 { width: auto !important; height: auto !important; max-width: auto !important; max-height: auto !important; overflow: visible !important; } label.start-tour::before { content: url(http://pages.litmus.com/l/31032/2016-02-04/69xm3q/31032/81629/iheartemail5.png); opacity: 0.7; margin-left: -30px; } .love { margin-top: 25px; padding-bottom: 50px; } .love::after { content: 'Click to feel the love ;-)'; color: #ccc; font-size: 13px; } label.start-tour:hover::before { opacity: 1; } input[type=checkbox]:checked ~ *[for="toggle-1"]::before { content: url(http://pages.litmus.com/l/31032/2016-02-04/69xm3s/31032/81627/iheartemail6.png); opacity: 1; } input[type=checkbox]:checked ~ div.email, input[type=checkbox]:checked ~ div.email div.heart { display: block; } } @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 750px) { label, .love { display: none !important; } } div[style*="margin: 16px 0;"] {margin: 0 !important;} </style> <style> .link-hover:hover{text-decoration:none !important} </style> </head> <body style="margin: 0; padding: 0;"> <!-- HEADER --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#f8f9fc" align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <div style="display:none;font-size:1px;color:#444444;line-height:1px;font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif;max-height:0px;max-width:0px;opacity:0;overflow:hidden;"> Stand tall, email geeks—email marketing’s power is on the rise. Plus tips for email agencies, marketers & designers </div> </td> </tr> <tr> <td bgcolor="#333333" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:70px 15px 70px 15px;padding: 25px 15px 70px 15px; background: #333333 url(http://pages.litmus.com/l/31032/2016-01-18/611pcj/31032/80103/inline_bg2.jpg) center no-repeat; background-size: cover;" class="section-padding" 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%" class="max-width" style="max-width:550px"> <tr> <td style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td class="mobile-hide" width="20%" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="left" width="25" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 2px 5px 0 0;"><img src="http://pages.litmus.com/l/31032/2015-12-04/5j9h1b/31032/77617/twiitah_icon.png" width="15" height="15" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px;"></td> <td align="left" width="150" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <a href="http://pages.litmus.com/e/31032/fc25f67b7fa2cfd60c40884e1b7741/6bnckd/242266969" target="_blank" style="color: #7f8c8d; font-size: 12px; line-height: 12px; text-decoration: none; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">Tweet</a> </td> </tr> </table> </td> <td class="mobile-hide" width="50%" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> </td> <td class="mobile-hide" width="30%" align="right" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="left" valign="bottom" width="25" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 0px 8px 0 40px;"><img src="http://pages.litmus.com/l/31032/2015-12-04/5j9h1d/31032/77619/webversion.png" width="25" height="14" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px;"></td> <td align="left" valign="top" width="80" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <a href="#" target="_blank" style="color: #7f8c8d; font-size: 12px; line-height: 12px; text-decoration: none; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">View online</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 20px 0;" align="center" class="logo"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"><a href="http://pages.litmus.com/e/31032/2016-02-05/6bnckg/242266969"><img src="http://pages.litmus.com/l/31032/2015-12-04/5j9h18/31032/77615/litmus_logo_wheel.png" width="50" height="50" alt="Litmus" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; color: #353a3e; font-family: Arial, sans-serif;"></a></td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top: 20px;"> <table class="responsive-table"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h1 style="font-size: 14px; line-height: 18px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; color: #ffffff; padding: 10px; font-weight: bold; -background-color: rgba(0,0,0,0.8); display: inline-block; border-top:1px solid #fff; Margin: 0;" class="padding2" id="font-weight-normal">A   G U I D E   T O</h1> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <table> <tr> <td style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h1 style="text-align: center; font-size: 62px; line-height: 70px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #ffffff; padding: 10px; font-weight: bold; display: inline-block; border: 2px solid #fff; Margin: 0;" class="padding2" id="font-weight-normal">CSS INLINING</h1> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top: 10px;"> <table class="responsive-table"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h1 style="font-size: 14px; line-height: 16px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; color: #ffffff; padding: 10px; font-weight: bold; -background-color: rgba(0,0,0,0.8); display: inline-block; border-bottom:1px solid #fff; Margin: 0;" class="padding2" id="font-weight-normal">I N   E M A I L</h1> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 20px 0 0 0; font-size: 16px; line-height: 24px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #aaaaaa;" class="padding2"> <br> Thanks to unwieldy email clients like Gmail, inlining styles in email is a necessity. While it’s entirely possible to hand-code inlined CSS from the start, it’s time-consuming and difficult to maintain. We cover the tools available for inlining, including the fastest and easiest solution—CSS Inlining in Builder.</td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 20px 0 0 0;" class="padding"> <table border="0" cellspacing="0" cellpadding="0" class="responsive-button"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border-radius: 28px;" bgcolor="#f89406"><a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjd/242266969" target="_blank" style="font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;color:#ffffff;text-decoration:none;display:inline-block;padding:15px 25px;border:1px solid #d75742;border-radius:50px;background-color:#d75742;font-size:18px;font-weight:bold;font-size: 18px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; border-radius: 28px; background-color: #f89406; padding: 16px 28px; border: 1px solid #f89406; display: block;" class="cta"><!--[if gte mso 9]> <![endif]--> Check out the guide → <!--[if gte mso 9]> <![endif]--> </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="#f8f9fc" align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:70px 15px 70px 15px;padding: 70px 15px 70px 15px;" class="section-padding"> <!-- I <3 EMAIL --> <!--[if (gte mso 9)|(IE)]><!--> <div style="display: none; width: 0px; height: 0px; max-width: 0px; max-height: 0px; overflow: hidden;" class="webkit-show"> <input type="checkbox" id="toggle-1" summary="gmail" style="display: none; width: 0px; height: 0px; max-width: 0px; max-height: 0px; overflow: hidden; position: absolute; top: -9999px; left: -9999px; opacity: 0;"><label for="toggle-1" class="start-tour" style="display: none; width: 0px; height: 0px; max-width: 0px; max-height: 0px; overflow: hidden;"></label> <div class="love"></div> <div class="email"> <div class="heart x1"></div> <div class="heart x2"></div> <div class="heart x3"></div> <div class="heart x4"></div> <div class="heart x5"></div> </div> </div> <!--<![endif]--> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="550"> <tr> <td align="center" valign="top" width="550"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 550px;"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-bottom: 0px; border-radius: 3px 3px 0 0;" bgcolor="#58c1a3" align="center"> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjg/242266969" target="_blank"> <img src="http://pages.litmus.com/l/31032/2016-02-04/69xckd/31032/81607/german_mail.jpg" width="550" height="220" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; border-radius: 3px 3px 0 0; font-size: 18px; color: #ffffff;" alt="say guten tag to new clients in Instant Previews" class="img-max"></a> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 3px; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">The ultimate guide to email in GMX and <a href="http://pages.litmus.com/e/31032/2016-02-05/6bnckj/242266969" target="_blank" style="color: #353a3e; text-decoration: none;">WEB.DE</a> </h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> GMX and <a href="http://pages.litmus.com/e/31032/2016-02-05/6bnckj/242266969" target="_blank" style="color: #7f8c8d; text-decoration: none;">WEB.DE</a> are two of the most popular webmail clients in Germany and surrounding countries. If you’re emailing subscribers in that region, then you should be aware of how your emails display in these clients—and if they’ll even reach the inbox.<br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjg/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Get the details →</a> </p> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top: 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 3px; padding: 25px 20px 0 20px;" valign="middle"> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td> <![endif]--> <table width="50%" border="0" cellspacing="0" cellpadding="0" align="left" style="padding-top:25px;padding-bottom: 25px;" class="responsive-table ptop25"> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">The 2016 State of Email Report is here!</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjj/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Download now →</a> </p> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> <td> <![endif]--> <table width="50%" border="0" cellspacing="0" cellpadding="0" align="right" class="responsive-table"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjj/242266969" class="link-hover" target="_blank" style="color:#0088cc"><img src="https://litmus.com/l/31032/2016-01-20/635p5l/31032/80305/display.png" alt="i'm an ebook =)" width="225" height="167" border="0" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; color: #7f8c8d;"></a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top: 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-bottom: 0px; border-radius: 3px 3px 0 0;" bgcolor="#7a74de" align="center"> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjl/242266969" target="_blank"><img src="http://pages.litmus.com/l/31032/2016-02-04/69xclb/31032/81611/love_email.jpg" width="550" height="220" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; border-radius: 3px 3px 0 0; font-size: 18px; color: #ffffff;" alt="these are my confessions, just when I thought I said all I could say" class="img-max"></a> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 0 0 3px 3px; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">Confession: I used to be ashamed of being in email marketing…</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> Litmus’ Chad White has a confession: he wasn’t always proud to be a part of the email marketing industry. But, the tides have turned. Between new technology, broad integration, positive press, and more, he’s never been more proud and excited to be a part of the email marketing industry. We hope you are, too. <br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjl/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Stand proud #EmailGeeks →</a> </p> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top: 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 25px 20px 0 20px; font-size: 15px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-weight: bold; border: 1px solid #eeeeee; border-bottom: 0px; border-radius: 3px 3px 0 0;" id="font-weight-normal" class="padding" bgcolor="#31373e"> <p style="color: #ffffff; Margin: 0;">TIPS FOR SENDING BETTER EMAIL IN 2016</p> </td> </tr> <tr> <td style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-top: 0px; border-bottom: 0px;" bgcolor="#31373e" align="center"> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjn/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank"><img src="http://pages.litmus.com/l/31032/2016-02-04/69xcmb/31032/81617/tips2.jpg" width="550" height="220" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; font-size: 16px; color: #ffffff;" alt="tone and voice, product feedback + ideas..." class="img-max"></a> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 0; border-bottom: 0; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <p style="Margin: 0; color: #e9703e; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 14px; padding-bottom: 5px;">AGENCIES</p> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">How to create great emails for your clients</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> A client asks you to create or redesign their email marketing campaigns—where do you start? Here are 9 ways you can ensure your team delivers a quality campaign that engages your client’s subscribers—and positions your team as a true “full service agency.” <br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjn/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Get the tips →</a> </p> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-bottom: 0px; border-radius: 0; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <p style="Margin: 0; color: #e9703e; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 14px; padding-bottom: 5px;">EMAIL MARKETERS</p> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">The email marketer’s guide to creating successful campaigns</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> Between the introduction of Gmail’s new “block” functionality and iOS 9’s peeks and pops, email marketing has never presented more challenges—or opportunities. As an email marketer focused on success, it’s crucial to stay on top of every new development. We analyze the biggest email developments and provide tons of actionable tips and advice to keep you on top of your game. <br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjq/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Check out the guide →</a> </p> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 0 0 3px 3px; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <p style="Margin: 0; color: #e9703e; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 14px; padding-bottom: 5px;">EMAIL DESIGNERS</p> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">7 design tips for building great emails</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> With the introduction of new email apps in the past year—like Apple Watch, Outlook 2016, and the Outlook app for iOS and Android—there are even more design considerations to keep in mind. We round up all of the last innovations and how they can impact your carefully thought out campaigns. <br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjs/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">View the tips →</a> </p> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top: 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-bottom: 0px; border-radius: 3px 3px 0 0;" bgcolor="#55c4ba" align="center"> <a href="http://pages.litmus.com/e/31032/urce-pardot-utm-medium-email0A/6bncjv/242266969" target="_blank"> <img src="http://pages.litmus.com/l/31032/2016-02-04/69xclv/31032/81615/support.jpg" width="550" height="220" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; border-radius: 3px 3px 0 0; font-size: 16px; color: #ffffff;" alt="tone and voice, product feedback + ideas..." class="img-max"></a> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 3px; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">How support teams can use email to engage customers</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> Support emails...we know, we know, they don’t sound very glamorous. Using email beyond the standard promotional or transactional function doesn’t always garner a lot of attention. However, often overlooked support emails are one of the best ways to build relationships and engage your customers. <br> <br> <a href="http://pages.litmus.com/e/31032/urce-pardot-utm-medium-email0A/6bncjv/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Start engaging →</a> </p> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top: 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 15px 20px; font-size: 15px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-weight: bold; border: 1px solid #eeeeee; border-bottom: 0px; border-radius: 3px 3px 0 0;" id="font-weight-normal" class="padding" bgcolor="#fafafa"> <p style="color: #353a3e; Margin: 0;"> HEAR IT STRAIGHT FROM THE EXPERT’S MOUTH</p> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 0; border-bottom: 0; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-bottom: 15px;"> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjx/242266969" target="_blank"> <img src="http://pages.litmus.com/l/31032/2016-02-04/69xcls/31032/81613/jr.png" width="520" height="260" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; font-size: 16px; color: #7f8c8d;" alt="maybe only a segment of you are seeing this =P" class="img-max"></a> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">Achieving better performance with email segmentation & personalization</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> Udemy Email Marketing Manager Jen Rhee explains how marketers can boost their email marketing results by making the most of segmentation opportunities. <br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjx/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Tune into Jen’s tips →</a> </p> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-bottom: 0px; border-radius: 0; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-bottom: 15px;"> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjz/242266969" target="_blank"> <img src="http://pages.litmus.com/l/31032/2016-02-04/69xcmn/31032/81621/hw.png" width="520" height="260" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; font-size: 16px; color: #7f8c8d;" alt="watch out for them vanity metrics" class="img-max"></a> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">The pitfalls of email marketing metrics & A/B testing</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> In our data-flooded industry, there are lots of opportunities to go astray with “success metrics.” Phoenix Direct Email Marketing Manager Holly Wright, who has seen some clients struggle with metrics, offers advice on gauging the success of your overall email marketing program and of your A/B tests. <br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bncjz/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Check out Holly’s testing advice →</a> </p> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 0 0 3px 3px; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-bottom: 15px;"> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bnck2/242266969"> <img src="http://pages.litmus.com/l/31032/2016-02-04/69xcnz/31032/81623/vicky.png" width="520" height="260" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; font-size: 16px; color: #7f8c8d;" alt="watch out for them vanity metrics" class="img-max"></a> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">Email marketing success metrics vary by subscriber</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> Vicky Ge, <a href="http://pages.litmus.com/e/31032/2016-02-05/6bnckl/242266969" target="_blank" style="color: #7f8c8d; text-decoration: none;">Amazon.com</a>’s Marketing Manager for Trade Books, explains how marketers can best approach measuring success across their various audiences while recognizing that customer “value” will different across those different groups. <br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bnck2/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Hear Vicky’s take on metrics →</a> </p> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top: 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 15px 20px; font-size: 15px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-weight: bold; border: 1px solid #eeeeee; border-bottom: 0px; border-radius: 3px 3px 0 0;" id="font-weight-normal" class="padding" bgcolor="#333333"> <p style="color: #ffffff; Margin: 0;"> LITMUS COMMUNITY</p> </td> </tr> <tr> <td style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-top: 0px; border-bottom: 0px;" bgcolor="#bb5c51" align="center"> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bnck4/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank"><img src="http://pages.litmus.com/l/31032/2016-02-04/69xckz/31032/81609/litmus_community_spotlight.jpg" width="550" height="220" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; font-size: 16px; color: #ffffff;" alt="tone and voice, product feedback + ideas..." class="img-max"></a> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 0; border-bottom: 0; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">Community Spotlight: Justin Khoo</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> In this month’s Community Spotlight, we’re chatting with Justin Khoo, an email coder, writer, and elusive (email) bug hunter. <br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bnck4/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Meet Justin →</a> </p> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 0 0 3px 3px; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">What happened last month in Community?</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> The Community was busy in January! There were discussions about bulk lists and sending permissions, file size deliverability, using browser links, and more. Plus, the details about the latest Community contest were released. <br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bnck6/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Get the recap →</a> </p> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top: 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 15px 20px; font-size: 15px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-weight: bold; border: 1px solid #eeeeee; border-bottom: 0px; border-radius: 3px 3px 0 0;" id="font-weight-normal" class="padding" bgcolor="#fafafa"> <p style="color: #353a3e; Margin: 0;"> INTEGRATION NEWS</p> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 0 0 3px 3px; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-bottom: 30px;"> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bnck8/242266969" target="_blank"> <img src="http://pages.litmus.com/l/31032/2016-02-04/69xcmj/31032/81619/swu.jpg" width="510" height="230" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px; font-size: 16px; color: #7f8c8d;" alt="...and they lived happily ever after" class="img-max"></a> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">Sendwithus integrates Litmus Instant Previews into their platform</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> While transactional emails are some of the most important emails a company sends, they usually aren’t given the same attention as marketing messages and are often riddled with errors. Sendwithus has solved the problem of testing these transactional emails—and catching these errors. Sendwithus users can use test their emails instantly using Litmus technology. <br> <br> <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/6bnck8/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Check out the integration →</a> </p> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top: 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 15px 20px; font-size: 15px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-weight: bold; border: 1px solid #eeeeee; border-bottom: 0px; border-radius: 3px 3px 0 0;" id="font-weight-normal" class="padding" bgcolor="#fafafa"> <p style="color: #353a3e; Margin: 0;"> UPCOMING WEBINARS</p> </td> </tr> <tr> <td bgcolor="#ffffff" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;border: 1px solid #eeeeee; border-radius: 0 0 3px 3px; padding: 25px 20px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1"> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <h2 style="font-size: 20px; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; color: #353a3e; font-weight: bold; Margin: 0;" id="font-weight-normal">What’s new at Litmus?</h2> </td> </tr> <tr> <td align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 10px 0 0 0; font-size: 15px; line-height: 22px; font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; color: #7f8c8d;"> <p style="Margin: 0;"> Wednesday, February 10, 2016 at 11am EST<br> Thursday, February 18, 2016 at 3pm EST<br> <br> Join us as we go over what’s new at Litmus. We’ll show you how to get started testing your emails, as well as a full overview of Builder and Checklist. <br> <br> <a href="http://pages.litmus.com/e/31032/rt-2824528093761272322/6bnckb/242266969" style="color:#0088cc;color: #0088cc; font-size: 16px;" class="link-hover" target="_blank">Register now →</a> </p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td bgcolor="#f8f9fc" align="center" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="550"> <tr> <td align="center" valign="top" width="550"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="max-width" style="max-width:550px"> <tr> <td align="center" class="footer section-padding" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:70px 15px 70px 15px;padding:0 0 20px 0"> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td align="center" valign="middle" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> <a href="http://pages.litmus.com/e/31032/2016-02-05/6bnckn/242266969" target="_blank"> <img src="http://pages.litmus.com/l/31032/2014-04-17/2hs6f/31032/17328/litmus_logo_footer.png" width="30" height="30" border="0" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif"></a> </td> </tr> <tr> <td align="center" valign="middle" class="address ptop15" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top:15px;font-size:13px;line-height:18px;color:#999999"> <span class="appleFooter" style="color: #999999;">675 Massachusetts Ave.<br> Cambridge, MA 02139, USA</span><br> <a href="#" target="_blank" style="color:#999999;">View web version</a> </td> </tr> <tr> <td align="center" class="unsubscribe ptop25" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding-top:25px;font-size:13px;line-height:18px;color:#999999">You’re receiving this email because you’ve signed up to receive updates from Litmus. If you’d prefer not to receive updates, you can <a href="#" style="color:#999999;">manage your preferences</a> or <a href="#" style="color:#999999;">unsubscribe from all</a>.</td> </tr> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </body> </html>

Related: See More


Questions / Comments: