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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style type="text/css" leave="true">
    #outlook a {
      padding: 0;
    }

    /* Force Outlook to provide a "view in browser" message */

    .ReadMsgBody {
      width: 100%;
    }

    .ExternalClass {
      width: 100%;
    }

    /* Force Hotmail to display emails at full width */

    body,
    td {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }

    /* Prevent WebKit and Windows mobile changing default text sizes */

    table,
    td {
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }

    /* Remove spacing between tables in Outlook 2007 and up */

    img {
      -ms-interpolation-mode: bicubic;
    }

    /* Help Microsoft platforms smoothly render resized images */

    body,
    #bodyTable,
    #bodyCell {
      height: 100% !important;
      width: 100% !important;
      margin: 0;
      padding: 0;
    }

    table {
      border-collapse: collapse;
    }

    body,
    #bodyTable {
      background-color: #F0F0F0;
    }

    #emailBody {
      margin: 0 auto;
      width: 600px;
      background-color: #FFFFFF;
    }

    .backgroundColor {
      background-color: #F0F0F0;
    }

    .previewText {
      color: #F0F0F0 !important;
    }

    .logoImage {
      border: 0;
      border-style: none;
      text-decoration: none;
    }

    .blog-padding {
      padding: 30px 30px 30px 30px !important;
    }

    .footerImage {
      border: 0;
      border-style: none;
      text-decoration: none;
    }

    .bodyContent {
      color: #5F6C72;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: normal;
      line-height: 170%;
      text-align: left;
    }

    .bodyContent p {
      line-height: 170%;
      margin: 15px 0;
      padding: 0;
    }

    .bodyContent p a {
      color: #499DF3;
    }

    .bodyContent table td {
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
    }

    .img-max {
      max-width: 100% !important;
      height: auto !important;
    }

    #emailFooter {
      padding: 20px 0;
    }

    .footerContent {
      color: #999999;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      font-weight: normal;
      line-height: 170%;
      padding: 8px 0;
    }

    .footerContent span {
      color: #999999;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      font-weight: normal;
      line-height: 170%;
    }

    .footerContent a {
      color: #499DF3;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      font-weight: normal;
      line-height: 100%;
      text-decoration: none;
    }

    .footerContent a.text {
      color: #999999;
    }

    .logo {
      padding: 20px 0 3px;
    }

    .tagline {
      color: #999999;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      letter-spacing: 1px;
      font-weight: 300;
      line-height: 125%;
      padding-bottom: 40px;
    }

    #emailBody {
      background: none;
    }

    .bodyContent {}

    @media screen {
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
      }
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
      }
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/MTP_ySUJH_bn48VBG8sNSr3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
      }
      h1,
      h2,
      strong {
        font-weight: 600;
      }
    }

    @media only screen and (max-width: 600px) {
      #bodyCell {
        padding: 0 10px 0 10px !important;
      }
      .max-width-full {
        max-width: 100% !important;
      }
      #emailBody {
        max-width: 600px !important;
        width: 100% !important;
      }
      td[class="sz-rec-row-wrapper"] .sz-rec-col {
        width: 100%;
        display: block;
      }
      td[class="sz-rec-row-wrapper"] .sz-rec-col-left,
      td[class="sz-rec-row-wrapper"] .sz-rec-col-mid {
        margin: 0 0 20px 0;
      }
      .sz-rec-row-3 {
        max-width: 200px;
      }
      td[class="icymi-wrapper"] .icymi-spacer {
        display: none;
      }
      td[class="icymi-wrapper"] .icymi-col {
        width: 100%;
        display: block;
      }
      td[class="icymi-wrapper"] .icymi-col {
        margin-bottom: 30px;
      }
      td[class="icymi-wrapper"] .icymi-image img {
        width: 100%;
      }
      a[class="confirm-cta"] {
        padding: 17px 40px 17px 40px !important;
      }

      .responsiveColumn {
        width: 100% !important;
        display: block !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
      }
      .responsiveColumnImage {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
      }
      .squeezeZap {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }

    }
  </style>
</head>

<body style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #F0F0F0; height: 100%; width: 100%; margin: 0; padding: 0">
  <center>
    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; background-color: #F0F0F0; height: 100%; width: 100%; margin: 0; padding: 0">
      <tr>
        <td align="center" valign="top" id="bodyCell" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; height: 100%; width: 100%; margin: 0; padding: 0">
          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
            <tr>
              <td align="center" valign="top" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                  <tr>
                    <td bgcolor="#f0f0f0" align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0">
                      <div style="display:none;font-size:1px;color:#f0f0f0;line-height:1px;font-family: Arial, san-serif;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
                        We're revamping our email lists. In order to continue getting emails from Zapier, we need you to confirm your email subscriptions.
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" height="40" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; padding:20px 0 20px 0;"><a href="https://zapier.com/goto/?payload=.eJwVyjEOgzAMRuGrVP-Mmj17z4FcY1GLOFixuxRx98L29OkdWCgJ9UCKeaOUuZMJKuL7Dh7qqXuPsi4-5iF8tfTEOcEkgtb7fBlpqw9uyhsmNO3bpZ9Mj1rKj1xlPHk3nH-tGydF:1fLD3V:XtkrzGMfdYpeAjw1xIsmrILGF_Y" target="_blank"
                        title="Zapier"><img src="https://cdn.zapier.com/static/f267ca841de88ed8a8101a4f70ff0add7cf0fa5a/images/email/email-zapier-logo.png" alt="Zapier" height="40" width="88" border="0" class="logoImage img-max" style="-ms-interpolation-mode: bicubic; border: 0; border-style: none; text-decoration: none; max-width: 100%; height: auto"></a></td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td align="center" valign="top" class="backgroundColor" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; background-color: #F0F0F0">
                <table border="0" cellpadding="0" cellspacing="0" id="emailBody" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; margin: 0 auto; width: 600px; background-color: #FFF; background: none">
                  <tr>
                    <td align="center" valign="top" class="bodyContent" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; color: #5F6C72; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 170%; text-align: left">
                      <table border="0" cellpadding="0" cellspacing="0" width="100%" id="contentWrapper" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0px 5px 0px 5px;">
                        <tr>
                          <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif">
                            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; max-width: 590px;border-top: 5px solid #ff4a00; background: #ffffff;">
                              <tr>
                                <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; padding: 20px 40px 0px 40px; text-align: center; color: #5F6C72; font-weight: 600;">
                                  <p style="line-height: 170%; margin: 15px 0; padding: 0; font-size: 24px; line-height: 145%; color: #354147; Margin-bottom: 0px;">Let's Stay Connected</p>
                                  <p style="line-height: 170%; margin: 15px 0; padding: 0; font-size: 18px; line-height: 145%; color: #5F6C72; Margin-top: 0px; Margin-bottom: 0px;">Confirm your subscriptions to keep hearing from us</p>
                                </td>
                              </tr>
                              <tr>
                                <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; padding: 30px 40px 0px 40px; text-align: left; font-size: 16px; color: #5F6C72;">
                                  <p style="line-height: 170%; margin: 15px 0; padding: 0; color: #354147; font-size: 18px; font-weight: 600; Margin-top: 0px; line-height: 154%;">
                                    Hey Smiles Davis!</p>
                                  <p style="line-height: 170%; margin: 15px 0; padding: 0; line-height: 154%;">We're cleaning up the place! This includes updating our emails and revamping our subscription lists to give you more control over the messages you receive and allow us to better customize your experience. <em>Win-win, right?</em></p>
                                  <p style="line-height: 170%; margin: 15px 0; padding: 0; line-height: 154%; Margin-bottom: 0px;">So here’s the deal—you’re currently subscribed to the following lists:</p>
                                </td>
                              </tr>
                              <tr>
                                <td align="center" class="subscriptions" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; padding: 0px 40px;">
                                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                    <tr>
                                      <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif">
                                        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                          <tr>
                                            <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif">
                                              <ul style="Margin-bottom: 0px; Margin-bottom: 0px;">
                                                <li style="text-align: left; font-size: 16px; line-height: 154%; font-weight: 600; color: #354147;">
                                                  App Updates &amp; Recommendations
                                                </li>
                                                <li style="text-align: left; font-size: 16px; line-height: 154%; font-weight: 600; color: #354147;">
                                                  New Apps Weekly
                                                </li>
                                              </ul>
                                            </td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; padding: 0px 40px 10px 40px; text-align: left; font-size: 16px; color: #5F6C72;">
                                  <p style="line-height: 170%; margin: 15px 0; padding: 0; line-height: 154%;">If you’d like to stay on these lists and continue getting these emails from us, <strong>you must confirm your preferences</strong> before May 25, 2018.</p>
                                  <p style="line-height: 170%; margin: 15px 0; padding: 0; line-height: 154%;">The button below will take you to your email settings where you can select the types of emails you'd like to continue receiving—or opt in to different emails if your interests have changed.</p>
                                </td>
                              </tr>
                              <tr>
                                <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; padding-bottom: 40px;">
                                  <table border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                                    <tr>
                                      <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; border-radius: 4px;" bgcolor="#FF4A00"><a class="confirm-cta" href="#"
                                          target="_blank" style="color: #499DF3; font-size: 16px; line-height: 1em; font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 4px; padding: 15px 30px 15px 30px; border: 1px solid #FF4A00; display: inline-block; font-weight: bold;">Confirm Your Email Preferences</a></td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; padding: 0px 20px 0px 20px;">
                                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; background-color: #f5f5f5;">
                                    <tr>
                                      <td align="left" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; padding: 0px 15px 0px 15px;">
                                        <p style="line-height: 170%; margin: 15px 0; padding: 0; text-align: left; font-size: 13px; line-height: 170%; color: #969EA2;"><strong style="color: #5F6C72;">What happens if I don’t confirm?</strong><br> If you don't confirm your email preferences, we’ll assume you no longer want to hear from us and automatically remove you from all email
                                          lists. No hard feelings—we’ll still be friends. :)
                                          <br><br> You can also <strong>unsubscribe from all emails</strong> by <a href="#"
                                            style="color: #499DF3; font-weight: 600; text-decoration: none; color: #499dfe;">confirming your preferences</a> with no lists selected and we’ll know you're no longer interested. You'll still receive important
                                          emails regarding your Zapier account.</p>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </td>
                        </tr>
                      </table>
                      <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                        <tr>
                          <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; background: #f0f0f0;"><img src="https://cdn.zapier.com/storage/photos/e8d051b6fa54e7d1db9fb2b528b2f330.png" alt="" width="600" height="299" style="-ms-interpolation-mode: bicubic"></td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td align="center" valign="top" id="emailFooter" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; padding: 20px 0">
                <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                  <tr>
                    <td align="center" valign="top" class="footerContent" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; color: #999; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 170%; padding: 8px 0"><a href="https://zapier.com/goto/?payload=.eJwljUEOwyAMBL9SuddQ7tz7jsgQi7gBg7BzaZW_l6q30Wq084ENDSF8wKj2gkarYCUIoGfUNLgbN1Gftz7WQWkyicG1QCVVzD_zWZFLuKXC6YAFCssx192sa_D-jZ1pPFKrPpaW_U6lOzyt1Rlz8VSW-eT-mnu1qA5lcwkH0VB_b52EJStcXxq4PtA:1fLD3V:DhTIRit8SYy99JavfraLhc63GVE"
                        style="color: #499DF3; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 100%; text-decoration: none">Hey, we're hiring!</a></td>
                  </tr>
                  <tr>
                    <td align="center" valign="top" class="footerContent" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; color: #999; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 170%; padding: 8px 0"><span style="color: #999; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 170%">© 2018 Zapier, Inc. All rights reserved.</span><br><a href="#" class="text" style="font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 100%; text-decoration: none; color: #999"><span style="color: #999; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 170%">548 Market St #62411, San Francisco, CA 94104-5401</span></a></td>
                  </tr>
                  <tr>
                    <td align="center" valign="top" class="footerContent" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; color: #999; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 170%; padding: 8px 0">
                      <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; max-width: 160px;margin:5px 0 15px 0;">
                        <tr>
                          <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; padding:0 10px 0 10px;"><a href="https://zapier.com/goto/?payload=.eJwVykEKwkAMRuGrSNbF2c_ec5SYhho6Mw3JL4Kld7fuHh_voIXBVA-Cdm8MnQd3pUr5fqaEOWwfWdbFYw6Vq3WAzom6ZvL6Px-drdWbNJONJmo2tktfgGctBR8DNO6y9_JlNw06f_hyKoc:1fLD3V:aDmkOA52K-5k-pSFe4RQ5LJ9fYg" style="color: #499DF3; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 100%; text-decoration: none"><img src="https://cdn.zapier.com/storage/photos/f3e93b161b599cbf55cc0eec74d331c7.png" width="30" class="img-max" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: none;"></a></td>
                          <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; padding:0 10px 0 10px;"><a href="https://zapier.com/goto/?payload=.eJwVikEKhDAMAL-y5Cz23vu-Q7JtcINtDE2kuOLftx4GhmEuyOgI8QKnqgWdFsFKEMGOj6XG6ryLhTVrWxql4SQO9wSVzHB9zndFLvGVCqcNJigs26hfd7UYQu99fhJlljntNQwU5Qw_VKYG9x9CRS97:1fLD3W:6qf7R_aZ6gRj111Bj5dHMM842vw"
                              style="color: #499DF3; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 100%; text-decoration: none"><img src="https://cdn.zapier.com/storage/photos/6acb0da107808e99db159a40a797f4f3.png" width="30" class="img-max" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: none;"></a></td>
                          <td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; padding:0 10px 0 10px;"><a href="https://zapier.com/goto/?payload=.eJwVyjEOwzAIQNGrVMxR2b33HBFxkIsCNjJ0aZS7N92-nv4JOyVBOSHZXCl57WQMBeKzRZ3iKaMHtt3nOrnezT3hWsA4gtr_fBmJlkdVqQcsoNKPW9-ZHgXxSy48n3UYbjoawvUDoBApRw:1fLD3W:nAh0h291xuxpmwuBHt2PNai5Zvo" style="color: #499DF3; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 100%; text-decoration: none"><img src="https://cdn.zapier.com/storage/photos/850afc65597483fc8b25bbcdefc732f0.png" width="30" class="img-max" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: none;"></a></td>
                        </tr>
                      </table>
                      <table border="0" cellpadding="5" cellspacing="0" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                        <tr></tr>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" valign="top" class="footerContent" width="400" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; color: #999; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 170%; padding: 8px 0; width:100%;max-width:400px;padding:0 15px 0 15px;">
                      <div style="font-size:12px;">

                        You received this email because you use <a href="https://zapier.com/goto/?payload=.eJwVyjEOgzAMRuGrVP-Mmj17z4FcY1GLOFixuxRx98L29OkdWCgJ9UCKeaOUuZMJKuL7Dh7qqXuPsi4-5iF8tfTEOcEkgtb7fBlpqw9uyhsmNO3bpZ9Mj1rKj1xlPHm3gvMP1E4ndA:1fLD3W:C3gEjoZsQtzy8K183MVFUyWksi4"
                          style="color: #499DF3; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 100%; text-decoration: none; color: #999999;">Zapier</a> or are subscribed to one of our
                        email lists.

                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" valign="top" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0">
                      <table border="0" cellpadding="0" cellspacing="0" id="signature" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0">
                        <tr>
                          <td align="center" class="logo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; padding: 20px 0 3px"><a href="https://zapier.com/goto/?payload=.eJwVyjEOgzAMRuGrVP-Mmj17z4FcY1GLOFixuxRx98L29OkdWCgJ9UCKeaOUuZMJKuL7Dh7qqXuPsi4-5iF8tfTEOcEkgtb7fBlpqw9uyhsmNO3bpZ9Mj1rKj1xlPHk3nH-tGydF:1fLD3V:XtkrzGMfdYpeAjw1xIsmrILGF_Y" target="_blank"
                              title="Zapier"><img src="https://cdn.zapier.com/static/f267ca841de88ed8a8101a4f70ff0add7cf0fa5a/images/email/email-logo.gif" height="32" width="70" border="0" class="footerImage" style="-ms-interpolation-mode: bicubic; border: 0; border-style: none; text-decoration: none"></a></td>
                        </tr>
                        <tr>
                          <td align="center" class="tagline" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; color: #999; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 13px; letter-spacing: 1px; font-weight: 300; line-height: 125%; padding-bottom: 40px"><span>makes you happier :)</span></td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </center>
  <!--litmus tracking code starts here-->
 
  <!--litmus tracking ends here-->
</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