css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
					<!DOCTYPE html>
<!--
OH HEY THERE! I SEE YOU PEEPIN OUR EMAILS =)
HOPE YOU ENJOY OUR CODE. WE'RE HIRING litmus.com/careers
THIS EMAIL WAS BUILT USING CSS GRID =P
VIEW IN LITMUS BUILDER: http://pages.litmus.com/e/31032/builder-fd9032d/cdjmzv/393690117
* BUILT BY @KevinMandeville
* STRATEGY + SENDING BY @jainamistry
-->
<html>
  <head>
    <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">
    <title>Litmus News</title>
    <style type="text/css">
      a {
              text-decoration: none;
          }
          .link:hover {
              text-decoration: none !important;
          }
    </style>
    <style type="text/css">
      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 { }
          @media screen {
              @font-face {
                  font-family: 'proxima_nova_rgregular';
                  src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot');
                  src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
                       url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.woff') format('woff'),
                       url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.ttf') format('truetype'),
                       url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
                  font-weight: normal;
                  font-style: normal;
              }
              @font-face {
                  font-family: 'proxima_nova_rgbold';
                  src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot');
                  src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
                       url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.woff') format('woff'),
                       url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.ttf') format('truetype'),
                       url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
                  font-weight: normal;
                  font-style: normal;
              }
          }
          @media screen and (-webkit-min-device-pixel-ratio: 0), and (min--moz-device-pixel-ratio: 0) {
              #normal {
                  font-weight: normal !important;
              }
          }
    </style>
    <style>
      @media screen and (min-width: 850px) {
              .td, .tfoot, .thead {
                  display: table-cell !important;
              }
              .table {
                  display: table;
                  width: 100%;
              }
          }
    </style>
    <style>
      @supports (display: grid) {
      .grid > div {
          max-width: none !important;
          margin: 0 auto;
          border: 1px solid #eeeeee;
          border-radius: 5px;
      }
      .max800 {
          max-width: none !important;
      }
      .mb25 {
          margin-bottom: 0px !important;
      }
      .mt25 {
      	margin-top: 0px !important;
      }
      .gmail {
          background: #f06d65 !important;
      }
      .litmus-live {
          background-color: #3c4656 !important;
      }
      .litmus-live img {
      	filter: none !important;
      }
      .grid {
          display: grid;
          grid-gap: 20px;
          max-width: 1800px;
      }
      .grid > div:nth-child(1) {
          grid-column: 1;
          grid-row: 1/6;
      }
      .grid > div:nth-child(2) {
          grid-column: 2;
          grid-row: 1/4;
      }
      .grid > div:nth-child(3) {
          grid-column: 2;
          grid-row: 4/6;
      }
      .grid > div:nth-child(4) {
          grid-column: 3/5;
          grid-row: 1/4;
      }
      .grid > div:nth-child(5) {
          grid-column: 3;
          grid-row: 4/7;
      }
      .grid > div:nth-child(6) {
          grid-column: 4;
          grid-row: 4/6;
      }
      .grid > div:nth-child(8) {
          grid-column: 2;
          grid-row: 6/8;
      }
      .grid > div {
          display: block;
          width: 100%;
          min-height: 150px;
          background-color: #ffffff;
          color: #1f3ac1;
          text-decoration: none;
          border-radius: 5px;
          border: 1px solid #eeeeee;
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin-top: 0px !important;
      }
      .grid > div > div {
      	border: 0px !important;
      }
      .grid > div:hover {
      	box-shadow: 0 0 50px rgba(0,0,0,.075);
          -transition: all .2s ease-in-out;
      }
      .grid > div:nth-child(11) {
      	grid-column: 3/5;
      }
      .banner {
      	max-width: 1800px !important;
      }
      .grid-hide {
      	display: none;
      }
      @media screen and (min-width: 850px) {
      	.★ img {
      		border: 3px solid #409179 !important;
              border-left: 0px !important;
              border-right: 0px !important;
          }
      	.bg {
          background-color: #cccccc !important;
      }
      .android:hover .cta {
          background-color: #f2b25c !important;
          border: 1px solid #f2b25c !important;
          -transition: all .2s ease-in-out;
      }
      .android:hover .bg {
          background-color: #59c0a2 !important;
          -transition: all .2s ease-in-out;
      }
      .team:hover .bg {
          background-color: #f2b25c !important;
          -transition: all .2s ease-in-out;
      }
      .myths:hover .bg {
          background-color: #f3863d !important;
          -transition: all .2s ease-in-out;
      }
      .podcast:hover .bg {
          background-color: #f3b35c !important;
          -transition: all .2s ease-in-out;
      }
      .case-study:hover .bg {
          background-color: #d7453e !important;
          -transition: all .2s ease-in-out;
      }
      .rendering:hover .bg {
          background-color: #54c0a1 !important;
          -transition: all .2s ease-in-out;
      }
      .team .cta, .weekly .cta, .case-study .cta, .approval .cta, .android .cta, .myths .cta {
          background-color: #bbbbbb !important;
          border: 1px solid #bbbbbb !important;
      }
      .team:hover .cta, .myths:hover .cta {
          background-color: #54c3b9 !important;
          border: 1px solid #54c3b9 !important;
          -transition: all .2s ease-in-out;
      }
      .approval:hover .cta {
          background-color: #54c1e3 !important;
          border: 1px solid #54c1e3 !important;
          -transition: all .2s ease-in-out;
      }
      .case-study:hover .cta {
          background-color: #59c0a2 !important;
          border: 1px solid #59c0a2 !important;
          -transition: all .2s ease-in-out;
      }
      .rendering:hover .cta {
          background-color: #e86f42 !important;
          border: 1px solid #e86f42 !important;
          -transition: all .2s ease-in-out;
      }
      .weekly:hover .cta {
          background-color: #7c72dc !important;
          border: 1px solid #7c72dc !important;
          -transition: all .2s ease-in-out;
      }
      .litmus:hover .cta {
          background-color: #f06d65 !important;
          border: 1px solid #f06d65 !important;
          -transition: all .2s ease-in-out;
      }
      .approval:hover .bg {
          background-color: #f06d65 !important;
          -transition: all .2s ease-in-out;
      }
      .blog-community:hover .bg {
          background-color: #54c1e3 !important;
          -transition: all .2s ease-in-out;
      }
      .grid > div img {
          filter: grayscale(100%);
      }
      .android:hover img, .team:hover img, .podcast:hover img, .weekly:hover img, .rendering:hover img, .blog-community:hover img, .myths:hover img {
          filter: grayscale(0%) !important;
          -transition: all .2s ease-in-out;
      }
      .rendering img {
      	border-left: 0px !important;
          border-right: 0px !important;
      }
      }
      @media screen and (max-width: 850px) {
          .grid > div {
          -ms-grid-column: 1!important;
          grid-column: 1!important;
          -ms-grid-row: auto!important;
          grid-row: auto!important;
          }
          .banner {
          max-width: 850px !important;
      	}
      }
      }
    </style>
    <style>
      @media yahoo {
      	.grid > div {
      		margin-top: 25px !important;
          }
          .banner {
          	max-width: 650px !important;
          }
          .★ img{
          height: 330px !important;
      }
      }
      [owa] .owa div {
        display: block !important;
      }
      .★:not(#★){
          background-color: #54c0a1 !important;
      }
          .¶:not(#¶) {
          	max-width: 650px !important;
          }
    </style>
    <style type="text/css">
      /***************
      PADDING 0px
      ***************/
      /***************
      PADDING 5px
      ***************/
      /***************
      PADDING 10px
      ***************/
      /***************
      PADDING 15px
      ***************/
      /***************
      PADDING 20px
      ***************/
      /***************
      PADDING 25px
      ***************/
      /***************
      PADDING 30px
      ***************/
      /***************
      PADDING 35px
      ***************/
      /***************
      PADDING 40px
      ***************/
      /***************
      PADDING 45px
      ***************/
      /***************
      PADDING 50px
      ***************/
      /***************
      PADDING 55px
      ***************/
      /***************
      PADDING 60px
      ***************/
      /***************
      PADDING 65px
      ***************/
      /***************
      PADDING 70px
      ***************/
      /***************
      PADDING 75px
      ***************/
      /***************
      PADDING 100px
      ***************/
      /***************
      PADDING 125px
      ***************/
      /***************
      PADDING 150px
      ***************/
          /**********
          FONT SIZES
          ***********/
          /***********
          LINE HEIGHTS
          ***********/
          /***********
          COLORS
          ***********/
          /***********
          ALIGNMENT
          ***********/
          /*
      .gmail h2 {
          color: #ffffff !important;
          font-size: 36px !important;
          line-height: 40px !important;
      }
      .gmail p {
          color: #ffcccc !important;
          font-size: 16px !important;
          line-height: 24px !important;
      } */
    </style>
  </head>
  <body style="background-color:#f8f9fc;padding:10px;">
    <div style="background-color: #f8f9fc;">
      <div style="display: none; max-height: 0px; overflow: hidden;">
        May news from Litmus. The complexities of email rendering, common email errors and fixes, and the biggest email marketing myths.
      </div>
      <div style="display: none; width: 0px; height: 0px; max-height: 0px; overflow: hidden;">
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;
      </div>
      <!--[if (gte mso 9)|(IE)]>
        <table width="100%" bgcolor="#f8f9fc">
          <tr>
            <td align="center">
              <table width="800">
                <tr>
                  <td align="center">
      <![endif]-->
      <div class="pt15" style="padding-top:15px;margin: 0 auto; width: 175px;">
        <a href="http://pages.litmus.com/e/31032/2017-05-16/cdjmzx/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="http://pages.litmus.com/l/31032/2017-05-11/ccd21g/31032/113065/litmus_logo_w.png" alt="Litmus" width="175" height="64" align="center" border="0" style="display: block; color: #333333;"/></a>
        <p class="center pt20" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:20px;margin:0 auto;text-align: center; mso-margin-top-alt: 25px;">
          <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmzz/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">Tweet</a> &nbsp; &bull; &nbsp; <a href="http://pages.litmus.com/e/31032/2017-05-16/cdjmzx/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">View online</a>
        </p>
      </div>
      <!--[if (gte mso 9)|(IE)]>
      </td>
    </tr>
  </table>
      <![endif]-->
      <br>
      <br>
      <!--[if (gte mso 9)|(IE)]>
        <table width="600">
          <tr>
            <td align="left">
      <![endif]-->
      <div class="center banner ¶" id="¶" style="margin:0 auto;max-width: 650px;">
        <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;background: #5eace1; padding: 8px 12px; border-radius: 3px; color: #fff; mso-padding-alt: 12px;">This email was built using CSS Grid <span class="grid-hide">&bull; <a href="http://pages.litmus.com/webmail/31032/393690117/5f2531e26f0d12e272f8eebba93d898967c9e7517a18c3bd9bd935eea58703fb" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;color: #ffffff;" target="_blank" class="link">View online to see the grid layout</a></span> &bull; <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjn12/393690117" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial,
sans-serif;color:#0088cc;text-decoration:underline;color: #ffffff;">Read how we did it</a></p>
      </div>
      <!--[if (gte mso 9)|(IE)]>
      </td>
    </tr>
  </table>
      <![endif]-->
      <br>
      <div class="grid center" style="margin:0 auto;">
        <!--[if (gte mso 9)|(IE)]>
          <table width="600">
            <tr>
              <td align="center" >
        <![endif]-->
        <div class="rendering" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;background-color: #54c0a1; border-radius: 5px;">
          <!--[if (gte mso 9)|(IE)]>
            <table width="600">
              <tr>
                <td align="center" bgcolor="#54c0a1">
          <![endif]-->
          <div class="max800 center pt25" style="padding-top:25px;margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;background: none; padding-top: 0px; padding-left: 0px; padding-right: 0px; border: 0px !important;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="100%">
                <tr>
                  <td bgcolor="#54c0a1" width="100%" align="center" style="mso-padding-alt: 15px;">
            <![endif]-->
            <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyb/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
              <span class="bg ★" id="★" style="width:100%;display:block;padding:10px 0;border-radius:5px;padding: 0px; background-color: #54c0a1;">
                <img src="https://litmus.com/blog/wp-content/uploads/2017/04/why-is-email-rendering-so-complex.png" width="400" height="210" border="0" style="margin:0 auto;width: 100%; max-width:100%; height: auto;display: block; border: 0px; border-bottom: 5px solid #409179; color: #ffffff; filter: none !important; box-sizing: border-box;" class="center" alt="Y U SO HARD?"/>
                </span>
            </a>
            <h2 class="pt25 pl25 pr25 fsz30 lh36" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-top:25px;padding-right:25px;padding-left:25px;font-size:30px;line-height:36px;mso-margin-top-alt: 25px; color: #ffffff;">Why is email rendering so complex?</h2>
            <p class="pt10 pl25 pr25 fsz15 lh22" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:10px;padding-right:25px;padding-left:25px;font-size:15px;line-height:22px;mso-margin-top-alt: 10px; color: #dafff4;">
              We take a look at five major factors that determine how an email renders, and how these layers of complexity add up to the possibility of more than 10,000 different email renderings for every email you send.
            <br>
              <br>
              <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyb/393690117" class="cta" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:5px;padding:15px 30px;display:inline-block;font-weight:bold;mso-padding-alt:0px;font-size:16px !important;background-color: #e86f42; border: 1px solid #e86f42; mso-border-alt: 8px solid #e86f42;">It&rsquo;s complicated &rarr;</a>
            </p>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
    <table width="600">
      <tr>
        <td align="center" >
        <![endif]-->
        <div class="team mt25" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;margin-top: 25px; mso-border-alt: 0px !important;">
          <!--[if (gte mso 9)|(IE)]>
            <table width="600">
              <tr>
                <td align="center" bgcolor="#ffffff" style="mso-padding-alt: 25px;">
          <![endif]-->
          <div class="max800 center" style="margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="100%">
                <tr>
                  <td bgcolor="#f2b25c" width="100%" align="center">
            <![endif]-->
            <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyd/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
              <span style="width:100%;display:block;padding:10px 0;border-radius:5px;padding:0px;background-color: #f2b25c;" class="bg" id="★">
                <img src="http://pages.litmus.com/l/31032/2017-05-15/ccmwb6/31032/113185/X_Ways_To_Use_Litmus_As_A_Team.png" style="vertical-align: bottom; text-align: center; max-width: 100%; height: auto; color: #ffffff; border: 0px;" width="400" height="210" alt="teamwork = dream work"/>
            	</span>
            </a>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
            <h2 class="pt25" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-top:25px;mso-margin-top-alt: 25px;">4 Ways to Use Litmus With Teams</h2>
            <p class="pt10" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:10px;mso-margin-top-alt: 10px;">
              When it comes to email, it takes a village. Whether you&rsquo;re the only one dedicated to email and matrix with designers, copywriters, and product managers, or you&rsquo;re a part of a huge email marketing enterprise, Litmus can help you collaborate as a team.
            <br>
              <br>
              <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyd/393690117" class="cta" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:5px;padding:15px 30px;display:inline-block;font-weight:bold;mso-padding-alt:0px;background-color: #54c3b9; border: 1px solid #54c3b9; mso-border-alt: 8px solid #54c3b9;">Make teamwork work &rarr;</a>
            </p>
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
    <table width="600">
      <tr>
        <td align="center" >
        <![endif]-->
        <div class="android mt25" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;margin-top: 25px;">
          <!--[if (gte mso 9)|(IE)]>
            <table width="600">
              <tr>
                <td align="center" bgcolor="#ffffff" style="mso-padding-alt: 25px;">
          <![endif]-->
          <div class="max800 center" style="margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="100%">
                <tr>
                  <td bgcolor="#59c0a2" width="100%" align="center">
            <![endif]-->
            <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyg/393690117" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
              <span class="bg" id="★" style="width:100%;display:block;padding:10px 0;border-radius:5px;background-color: #59c0a2;">
                <img src="http://pages.litmus.com/l/31032/2017-05-15/ccmwb2/31032/113181/3_Keys_to_Understanding_Email_Rendering_on_Android.png" width="300" height="167" style="display: block; margin: 0 auto; max-width: 100%; height: auto; color: #ffffff; border: 0px;" alt="not all androids are created equal"/>
            	</span>
            </a>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
            <h2 class="pt25" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-top:25px;mso-margin-top-alt: 25px;">3 Keys to Understanding Email Rendering on Android</h2>
            <p class="pt10" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:10px;mso-margin-top-alt: 10px;">
              Understanding Android is difficult. With so many different devices, versions of the operating system, and email clients we know things can get confusing. Here&rsquo;s what you need to know to understand email rendering on Android.
            <br>
              <br>
              <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyg/393690117" class="cta" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:5px;padding:15px 30px;display:inline-block;font-weight:bold;mso-padding-alt:0px;background-color: #f2b25c; border: 1px solid #f2b25c; mso-border-alt: 8px solid #f2b25c;">Deconstructing Android &rarr;</a>
            </p>
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
    <table width="600">
      <tr>
        <td align="center" >
        <![endif]-->
        <div class="approval mt25" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;margin-top: 25px;">
          <!--[if (gte mso 9)|(IE)]>
            <table width="600">
              <tr>
                <td align="center" bgcolor="#ffffff" style="mso-padding-alt: 25px;">
          <![endif]-->
          <div class="max800 center" style="margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="100%">
                <tr>
                  <td bgcolor="#f06d65" width="100%" align="center">
            <![endif]-->
            <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyj/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
              <span class="bg" id="★" style="width:100%;display:block;padding:10px 0;border-radius:5px;background-color: #f06d65;">
                <img src="http://pages.litmus.com/l/31032/2017-05-15/ccmwb4/31032/113183/4_Signs_Your_Email_Approval_Process_Is_Hurting_Performance.png" style="vertical-align: bottom; text-align: center; max-width: 100%; height: auto; color: #ffffff; border: 0px;" width="400" height="163" alt="do you have too many approval reqs?"/>
            	</span>
            </a>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
            <h2 class="pt25" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-top:25px;mso-margin-top-alt: 25px;">4 Signs Your Email Approval Process Is Hurting Performance</h2>
            <p class="pt10" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:10px;mso-margin-top-alt: 10px;">
              Here are four factors that can tip the balance of an email approval process toward being too cumbersome or too lax&mdash;both of which hurt the success of a program.
            <br>
              <br>
              <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyj/393690117" class="cta" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:5px;padding:15px 30px;display:inline-block;font-weight:bold;mso-padding-alt:0px;background-color: #54c1e3; border: 1px solid #54c1e3; mso-border-alt: 8px solid #54c1e3;">Find the sweet spot &rarr;</a>
            </p>
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
    <table width="600">
      <tr>
        <td align="center" >
        <![endif]-->
        <div class="myths mt25" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;margin-top: 25px;">
          <!--[if (gte mso 9)|(IE)]>
            <table width="600">
              <tr>
                <td align="center" bgcolor="#ffffff" style="mso-padding-alt: 25px;">
          <![endif]-->
          <div class="max800 center" style="margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="100%">
                <tr>
                  <td bgcolor="#f3863d" width="100%" align="center">
            <![endif]-->
            <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyl/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
              <span style="width:100%;display:block;padding:10px 0;border-radius:5px;background-color: #f3863d;" class="bg" id="★">
                <img src="http://pages.litmus.com/l/31032/2017-05-15/cdg936/31032/113201/common_email_marketing_myths.png" style="vertical-align: bottom; text-align: center; max-width: 85%; height: auto; color: #ffffff; border: 0px;" width="300" height="234" alt="#AlternativeEmailFacts"/>
                </span>
            </a>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
            <h2 class="pt25" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-top:25px;mso-margin-top-alt: 25px;">The Biggest Email Marketing Myths</h2>
            <p class="pt10" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:10px;mso-margin-top-alt: 10px;">
              Email marketing is made more difficult by all the outdated and just plain wrong advice out there. To put you on the right course, we&rsquo;re busting 25 email marketing myths and providing you with the resources to get to the truth.
            <br>
              <br>
              <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyl/393690117" class="cta" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:5px;padding:15px 30px;display:inline-block;font-weight:bold;mso-padding-alt:0px;background-color: #54c3b9; border: 1px solid #54c3b9; mso-border-alt: 8px solid #54c3b9;">The truth is out there &rarr;</a>
            </p>
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
    <table width="600">
      <tr>
        <td align="center" >
        <![endif]-->
        <div class="litmus-live mt25" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;margin-top: 25px;">
          <!--[if (gte mso 9)|(IE)]>
            <table width="600">
              <tr>
                <td align="center" bgcolor="#ffffff" style="mso-padding-alt: 25px;">
          <![endif]-->
          <div class="max800 center" style="margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;background-color:#3c4656 !important;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="100%">
                <tr>
                  <td bgcolor="#3c4656" width="100%" align="center" style="mso-padding-alt: 25px;">
            <![endif]-->
            <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyn/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="http://pages.litmus.com/l/31032/2017-02-07/bppmc8/31032/107141/litmus_live_logo2.png" width="275" height="70" alt="Litmus" style="color: #ffffff; font-size: 16px; margin: 0 auto; display: block; border: 0px; max-width: 100%; height: auto;"/></a>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
            <p class="pt15" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:15px;color:#b9cef0 !important;mso-margin-top-alt: 15px;">
              Free from product pitches and meaningless hype, our Litmus Live annual conference is all about content: teaching designers, marketers, and strategists how to produce emails that look great, perform well, and engage audiences.
            <br>
              <br>
              <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyn/393690117" class="cta" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:5px;padding:15px 30px;display:inline-block;font-weight:bold;mso-padding-alt:0px;background-color: #f36c5e; border: 1px solid #f36c5e; mso-border-alt: 8px solid #f36c5e;">Buy your Litmus Live ticket &rarr;</a>
            </p>
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
    <table width="600">
      <tr>
        <td align="center" >
        <![endif]-->
        <div class="case-study mt25" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;margin-top: 25px;">
          <!--[if (gte mso 9)|(IE)]>
            <table width="600">
              <tr>
                <td align="center" bgcolor="#ffffff" style="mso-padding-alt: 25px;">
          <![endif]-->
          <div class="max800 center" style="margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="100%">
                <tr>
                  <td bgcolor="#d7453e" width="100%" align="center" style="mso-padding-alt: 25px;">
            <![endif]-->
            <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyq/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
              <span class="bg" id="★" style="width:100%;display:block;padding:10px 0;border-radius:5px;padding-top: 25px; padding-bottom: 25px; background-color: #d7453e;">
                <img src="https://img.litmuscdn.com/images/next/customers/lenovo/lenovo-logo.png" alt="Lenovo + Litmus FTW" width="225" height="47" border="0" style="margin:0 auto;max-width:75%; height: auto;display: block; border: 0px; color: #ffffff;" class="center img-max2"/>
            	</span>
            </a>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
            <h2 class="pt25" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-top:25px;mso-margin-top-alt: 25px;">How Lenovo Cut Days of Email Troubleshooting and Production&nbsp;Time</h2>
            <p class="pt10" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:10px;mso-margin-top-alt: 10px;">
              Sending three to four campaigns per day, Lenovo&rsquo;s email team is in charge of a truly complex and high-volume email program. Here&rsquo;s how Litmus helped streamline their email testing process, increase productivity, and create quality email campaigns faster.
            <br>
              <br>
              <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyq/393690117" class="cta" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:5px;padding:15px 30px;display:inline-block;font-weight:bold;mso-padding-alt:0px;background-color: #59c0a2; border: 1px solid #59c0a2; mso-border-alt: 8px solid #59c0a2;">Read the case study &rarr;</a>
            </p>
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
    <table width="600">
      <tr>
        <td align="center" >
        <![endif]-->
        <div class="podcast mt25" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;margin-top: 25px;">
          <!--[if (gte mso 9)|(IE)]>
            <table width="600">
              <tr>
                <td align="center" bgcolor="#ffffff" style="mso-padding-alt: 25px;">
          <![endif]-->
          <div class="max800 center" style="margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="100%">
                <tr>
                  <td bgcolor="#f3b35c" width="100%" align="center">
            <![endif]-->
            <a href="http://pages.litmus.com/e/31032/2017-05-16/cdjn14/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
              <span class="bg" id="★" style="width:100%;display:block;padding:10px 0;border-radius:5px;background-color: #f3b35c;">
                <img src="http://pages.litmus.com/l/31032/2017-02-09/bqvf44/31032/107351/podcast_icon2.png" width="175" height="169" alt="music to your emails" style="margin:0 auto;display: block; border: 0px; max-width: 75%; height: auto; color: #ffffff;" class="center"/>
                </span>
            </a>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
            <h2 class="pt25" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-top:25px;mso-margin-top-alt: 25px;">The Email Design Podcast</h2>
            <p class="pt10 pb25" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:10px;padding-bottom:25px;mso-margin-top-alt: 10px; mso-margin-bottom-alt: 25px;">
              Join hosts Kevin Mandeville and Jason Rodriguez as they talk about the latest news in the email design world.
            </p>
            <table width="100%" style="border-collapse:collapse;border-spacing:0px;mso-padding-top-alt: 25px;" role="presentation">
              <tr>
                <td class="pr10 pb20" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-right:10px;padding-bottom:20px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">&bull;</p>
                </td>
                <td class="pb20" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:20px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">
                    <b class="bold" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Episode 57:</b> Email marketer Kristin Bond discusses how Girl Scouts of the USA manages their email marketing programs.
                            <br>
                    <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmys/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">Tune in &rarr;
                    </a>
                  </p>
                </td>
              </tr>
              <tr>
                <td class="pr10 pb20" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-right:10px;padding-bottom:20px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">&bull;</p>
                </td>
                <td class="pb20" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:20px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">
                    <b class="bold" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Episode 58:</b> Learn about the latest quirks to come to the Outlook apps, AOL taking over Verizon email accounts, and more.
                            <br>
                    <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyv/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">Tune in &rarr;
                    </a>
                  </p>
                </td>
              </tr>
              <tr>
                <td class="pr10 pb20" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-right:10px;padding-bottom:20px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">&bull;</p>
                </td>
                <td class="pb20" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:20px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">
                    <b class="bold" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Episode 59:</b> Catch up on recent email controversies, a little-known preview text hack, and sending email via Slack.
                            <br>
                    <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyx/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">Tune in &rarr;
                    </a>
                  </p>
                </td>
              </tr>
              <tr>
                <td class="pr10 pb20" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-right:10px;padding-bottom:20px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">&bull;</p>
                </td>
                <td class="pb20" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:20px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">
                    <b class="bold" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Episode 60:</b> CSS guru Chris Coyier discusses HTML email development from web designers&rsquo;&nbsp;perspectives.
                            <br>
                    <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmyz/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">Tune in &rarr;
                    </a>
                  </p>
                </td>
              </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
              <table width="100%">
                <tr>
                  <td align="center" style="mso-padding-top-alt: 50px;">
            <![endif]-->
            <p class="pt50 pb25" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-bottom:25px;padding-top:50px;">
              Subscribe to the #EmailDesignPodcast
            </p>
            <div class="tac vam" style="text-align:center;">
              <!--[if (gte mso 9)|(IE)]>
                <table cellspacing="0" cellpadding="0" border="0" width="500" role="presentation" style="mso-padding-alt: 25px;" align="center">
                  <tr>
                    <td align="center" valign="top">
              <![endif]-->
              <a href="http://pages.litmus.com/e/31032/cITFC7iyh9D4DtBAnWowjyPBKN4vmF/cdjmz2/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
                <div class="owa-link">
                  <img src="http://pages.litmus.com/l/31032/2017-05-15/cdhphq/31032/113241/youtube_bw.png" width="70" height="" alt="youtube" style="margin:0 auto;display:inline-block;border:0px;" class="center podcast-hover"/>
                    </div>
              </a>
              &nbsp; &nbsp; &nbsp;
                <!--[if (gte mso 9)|(IE)]>
              </td>
              <td align="center">
              <![endif]-->
              <a href="http://pages.litmus.com/e/31032/email-design-podcast/cdjmz4/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
                <div class="owa-link">
                  <img src="http://pages.litmus.com/l/31032/2017-05-15/cdhphs/31032/113243/soundcloud_bw.png" width="70" height="" style="margin:0 auto;display:inline-block;border:0px;" alt="soundcloud" class="center podcast-hover vat"/>
                    </div>
              </a>
              &nbsp; &nbsp; &nbsp;
                <!--[if (gte mso 9)|(IE)]>
              </td>
              <td align="center" valign="top">
              <![endif]-->
              <a href="http://pages.litmus.com/e/31032/ail-design-podcast-id904262438/cdjmz6/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
                <div class="owa-link">
                  <img src="http://pages.litmus.com/l/31032/2017-05-15/cdhphv/31032/113245/itunes_bw.png" width="100" height="" alt="itunes" style="padding-top:5px;margin:0 auto;display:inline-block;border:0px;" class="center podcast-hover vat pt5"/></div>
              </a>
              <!--[if (gte mso 9)|(IE)]>
              </td>
            </tr>
          </table>
              <![endif]-->
            </div>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
    <table width="600">
      <tr>
        <td align="center" >
        <![endif]-->
        <div class="blog-community mt25" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;margin-top: 25px;">
          <!--[if (gte mso 9)|(IE)]>
            <table width="600">
              <tr>
                <td align="center" bgcolor="#ffffff" style="mso-padding-alt: 25px;">
          <![endif]-->
          <div class="max800 center" style="margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="100%">
                <tr>
                  <td bgcolor="#54c1e3" width="100%" align="center" style="mso-padding-alt: 20px;">
            <![endif]-->
            <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjn16/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
              <span class="bg" id="★" style="width:100%;display:block;padding:10px 0;border-radius:5px;background-color: #54c1e3; padding-top: 20px; padding-bottom: 20px;">
                <img src="http://pages.litmus.com/l/31032/2017-02-10/bqvmmb/31032/107379/blog_highlights.png" alt="email goodies" width="350" height="107" border="0" style="margin:0 auto;max-width:100%; height: auto;display: block; border: 0px; color: #ffffff;" class="center img-max2"/>
                </span>
            </a>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
            <h2 class="pt25 pb15" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-bottom:15px;padding-top:25px;mso-margin-top-alt: 25px; mso-margin-bottom-alt: 15px;">Blog and Community Highlights</h2>
            <table width="100%" style="border-collapse:collapse;border-spacing:0px;">
              <tr>
                <td class="pr10 pb10" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:10px;padding-right:10px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">&bull;</p>
                </td>
                <td class="pb10" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:10px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">
                    <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmz8/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">An Update on the Litmus-Microsoft Partnership</a>
                  </p>
                </td>
              </tr>
              <tr>
                <td class="pr10 pb10" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:10px;padding-right:10px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">&bull;</p>
                </td>
                <td class="pb10" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:10px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">
                    <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmzb/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">CASL Debunked: Everything You Need to Know About Canada&rsquo;s Anti-Spam Law in&nbsp;2017</a>
                  </p>
                </td>
              </tr>
              <tr>
                <td class="pr10 pb10" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:10px;padding-right:10px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">&bull;</p>
                </td>
                <td class="pb10" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:10px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">
                    <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmzd/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">The Preview Text Hack You May Want to Use in Every Email</a>
                  </p>
                </td>
              </tr>
              <tr>
                <td class="pr10 pb10" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:10px;padding-right:10px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">&bull;</p>
                </td>
                <td class="pb10" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:10px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">
                    <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmzg/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">Finding and Retaining Skilled Email Professionals [Community]</a>
                  </p>
                </td>
              </tr>
              <tr>
                <td class="pr10 pb10" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:10px;padding-right:10px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">&bull;</p>
                </td>
                <td class="pb10" valign="top" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding:0px;padding-bottom:10px;">
                  <p style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;">
                    <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmzj/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">How Marketers Plan, Build, Approve, & Send Emails</a>
                  </p>
                </td>
              </tr>
            </table>
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
    <table width="600">
      <tr>
        <td align="center" >
        <![endif]-->
        <div class="litmus mt25" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;background-color: #fdfdfd; margin-top: 25px;">
          <!--[if (gte mso 9)|(IE)]>
            <table width="600">
              <tr>
                <td align="center" bgcolor="#ffffff" style="mso-padding-alt: 25px;">
          <![endif]-->
          <div class="max800 center" style="margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;">
            <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmzl/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
              <img src="http://pages.litmus.com/l/31032/2014-10-06/h3mtw/31032/36290/litmus_logo_wheel.png" alt="Litmus" width="90" height="90" border="0" style="margin:0 auto;display: block; color: #333333; font-family: sans-serif; filter: none;" class="center"/>
            </a>
            <h2 class="pt15" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-top:15px;mso-margin-top-alt: 15px;">Litmus Makes it Easy to Deliver a Better Email Experience</h2>
            <p class="pt10" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:10px;mso-margin-top-alt: 10px;">
              Instead of manually testing every email before you send, Litmus is a simpler way to catch errors, identify spam issues, get advanced analytics, and save time building emails. See how Litmus can help you create campaigns that look great everywhere with a free trial.
            <br>
              <br>
              <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmzl/393690117" target="_blank" class="cta" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:5px;padding:15px 30px;display:inline-block;font-weight:bold;mso-padding-alt:0px;background-color: #f06d65; border: 1px solid #f06d65; mso-border-alt: 8px solid #f06d65;">Try Litmus free &rarr;</a>
            </p>
            <br>
            <br>
            <!--[if (gte mso 9)|(IE)]>
              <!-->
<div style="border-top: 1px solid #ddd;"></div>
<!--<![endif]-->
              <br>
              <h2 class="pt15" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-top:15px;">Get a Demo of Litmus</h2>
              <p class="pt10" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:10px;">
                Wednesday, May 17th, 11am EDT<br>
                Thursday, May 25th, 2pm EDT<br>
                Wednesday, May 31st, 11am EDT
            <br>
                <br>
                <a href="http://pages.litmus.com/e/31032/rt-2824528093761272322/cdjmzn/393690117" target="_blank" class="cta" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:5px;padding:15px 30px;display:inline-block;font-weight:bold;mso-padding-alt:0px;background-color: #f06d65; border: 1px solid #f06d65; mso-border-alt: 8px solid #f06d65;">Register now &rarr;</a>
              </p>
            </div>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
      <table width="600">
        <tr>
          <td align="center" >
          <![endif]-->
          <div class="weekly mt25" style="max-width:650px;margin:0 auto;border:1px solid #eeeeee;border-radius:5px;margin-top: 25px; mso-border-alt: 0px;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="600">
                <tr>
                  <td align="center" bgcolor="#ffffff" style="mso-padding-alt: 25px;">
            <![endif]-->
            <div class="max800 center" style="margin:0 auto;max-width:650px;text-align:center;padding:25px;background:#fff;border-radius:5px;">
              <!--[if (gte mso 9)|(IE)]>
                <table width="100%">
                  <tr>
                    <td width="100%" align="center">
              <![endif]-->
              <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmzq/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
                <img src="http://pages.litmus.com/l/31032/2017-02-10/bqvnz6/31032/107387/litmus_weekly1.png" width="175" height="257" border="0" alt="click to sign up!" class="center" style="margin:0 auto;display: block; border: 0px;box-shadow: 0 0 15px rgba(0,0,0,.15); color: #333333;"/></a>
              <!--[if (gte mso 9)|(IE)]>
              </td>
            </tr>
          </table>
              <![endif]-->
              <h2 class="pt35" style="margin:0;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-size:20px;line-height:24px;color:#444444;padding-top:35px;mso-margin-top-alt: 35px;">Weekly Blog Updates in Your Inbox!
              </h2>
              <p class="pt10" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:10px;mso-margin-bottom-alt: 10px;">
                Get our latest blog posts, top Community discussions, and favorite links from around the web, delivered once a week!
            <br>
                <br>
                <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmzq/393690117" target="_blank" class="cta" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:5px;padding:15px 30px;display:inline-block;font-weight:bold;mso-padding-alt:0px;background-color: #7c72dc; border: 1px solid #7c72dc; mso-border-alt: 8px solid #7c72dc;">Sign up for Litmus Weekly &rarr;</a>
              </p>
            </div>
            <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
            <![endif]-->
          </div>
          <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
        </div>
        <!--[if (gte mso 9)|(IE)]>
          <table width="600" align="center" role="presentation">
            <tr>
              <td align="center" style="padding-top: 75px;">
        <![endif]-->
        <div style="padding-right:15px;padding-left:15px;padding-top:50px;padding-bottom:50px;text-align:center;max-width: 620px; margin: 0 auto;" class="footer tac pt50 pb50 pl15 pr15">
          <a href="http://pages.litmus.com/e/31032/2017-05-16/cdjn18/393690117" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">
            <img src="http://pages.litmus.com/l/31032/2014-04-17/2hs6f/31032/17328/litmus_logo_footer.png" width="30" height="30" border="0"></a>
          <p class="pt15" style="margin:0;font-size:16px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;color:#777;padding-top:15px;">
            675 Massachusetts Ave.<br>
            Cambridge, MA 02139, USA<br>
            <a href="http://pages.litmus.com/e/31032/2017-05-16/cdjmzx/393690117" target="_blank" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">View online</a>&nbsp; &bull; &nbsp;<a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjn1b/393690117" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">View the code</a>
            <br>
            <br>
            You&rsquo;re receiving this email because you&rsquo;ve signed up to receive updates from Litmus. If you&rsquo;d prefer not to receive updates, you can <a href="http://pages.litmus.com/e/31032/2017-05-16/cdjmzx/393690117" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">manage your preferences</a> or <a href="http://pages.litmus.com/e/31032/2017-05-16/cdjmzx/393690117" class="link" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">unsubscribe from all</a>.<br>
            <br>
            <br>
            Litmus works alongside your existing email marketing tools to ensure you never send a broken email. <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/cdjmzs/393690117" class="link" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;">Learn how Litmus can help you send better email today</a>.
        </p>
          <style>
            @media print{ #_t { background-image: url('https://3lithazf.emltrk.com/3lithazf?p&d=sean.kennedy@zapier.com');}} div.OutlookMessageHeader {background-image:url('https://3lithazf.emltrk.com/3lithazf?f&d=sean.kennedy@zapier.com')} table.moz-email-headers-table {background-image:url('https://3lithazf.emltrk.com/3lithazf?f&d=sean.kennedy@zapier.com')} blockquote #_t {background-image:url('https://3lithazf.emltrk.com/3lithazf?f&d=sean.kennedy@zapier.com')} #MailContainerBody #_t {background-image:url('https://3lithazf.emltrk.com/3lithazf?f&d=sean.kennedy@zapier.com')}
          </style>
          <div id="_t"></div>
          <img src="https://3lithazf.emltrk.com/3lithazf?d=sean.kennedy@zapier.com" width="1" height="1" border="0"/>
    </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
  </td>
</tr>
</table>
        <![endif]-->
      </div>
    </body>
  </html>		

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console