cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

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.

Quick-add: + add another resource

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.

Quick-add: + add another resource

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.

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE]>
  <html xmlns="http://www.w3.org/1999/xhtml" class="ie">
  <![endif]-->
  <!--[if !IE]><!-->
    <html style="margin: 0;padding: 0;" xmlns="http://www.w3.org/1999/xhtml">
    <!--<![endif]-->
    
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <title></title>
      <!--[if !mso]>
        <!-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <!--<![endif]-->
      <meta name="viewport" content="width=device-width">
      <style type="text/css">
        @media only screen and (min-width: 620px){.wrapper{min-width:600px !important}.wrapper h1{}.wrapper h1{font-size:26px !important;line-height:34px !important}.wrapper h2{}.wrapper h2{font-size:20px !important;line-height:28px !important}.wrapper h3{}.column{}.wrapper .size-8{font-size:8px !important;line-height:14px !important}.wrapper .size-9{font-size:9px !important;line-height:16px !important}.wrapper .size-10{font-size:10px !important;line-height:18px !important}.wrapper .size-11{font-size:11px !important;line-height:19px !important}.wrapper .size-12{font-size:12px !important;line-height:19px !important}.wrapper .size-13{font-size:13px !important;line-height:21px !important}.wrapper .size-14{font-size:14px !important;line-height:21px !important}.wrapper .size-15{font-size:15px !important;line-height:23px !important}.wrapper .size-16{font-size:16px !important;line-height:24px 
        !important}.wrapper .size-17{font-size:17px !important;line-height:26px !important}.wrapper .size-18{font-size:18px !important;line-height:26px !important}.wrapper .size-20{font-size:20px !important;line-height:28px !important}.wrapper .size-22{font-size:22px !important;line-height:31px !important}.wrapper .size-24{font-size:24px !important;line-height:32px !important}.wrapper .size-26{font-size:26px !important;line-height:34px !important}.wrapper .size-28{font-size:28px !important;line-height:36px !important}.wrapper .size-30{font-size:30px !important;line-height:38px !important}.wrapper .size-32{font-size:32px !important;line-height:40px !important}.wrapper .size-34{font-size:34px !important;line-height:43px !important}.wrapper .size-36{font-size:36px !important;line-height:43px !important}.wrapper .size-40{font-size:40px !important;line-height:47px !important}.wrapper 
        .size-44{font-size:44px !important;line-height:50px !important}.wrapper .size-48{font-size:48px !important;line-height:54px !important}.wrapper .size-56{font-size:56px !important;line-height:60px !important}.wrapper .size-64{font-size:64px !important;line-height:63px !important}}
      </style>
      <style type="text/css">
        body {
          margin: 0;
          padding: 0;
        }
        table {
          border-collapse: collapse;
          table-layout: fixed;
        }
        * {
          line-height: inherit;
        }
        [x-apple-data-detectors],
        [href^="tel"],
        [href^="sms"] {
          color: inherit !important;
          text-decoration: none !important;
        }
        .wrapper .footer__share-button a:hover,
        .wrapper .footer__share-button a:focus {
          color: #ffffff !important;
        }
        .btn a:hover,
        .btn a:focus,
        .footer__share-button a:hover,
        .footer__share-button a:focus,
        .email-footer__links a:hover,
        .email-footer__links a:focus {
          opacity: 0.8;
        }
        .preheader,
        .header,
        .layout,
        .column {
          transition: width 0.25s ease-in-out, max-width 0.25s ease-in-out;
        }
        .layout,
        div.header {
          max-width: 400px !important;
          -fallback-width: 95% !important;
          width: calc(100% - 20px) !important;
        }
        div.preheader {
          max-width: 360px !important;
          -fallback-width: 90% !important;
          width: calc(100% - 60px) !important;
        }
        .snippet,
        .webversion {
          Float: none !important;
        }
        .column {
          max-width: 400px !important;
          width: 100% !important;
        }
        .fixed-width.has-border {
          max-width: 402px !important;
        }
        .fixed-width.has-border .layout__inner {
          box-sizing: border-box;
        }
        .snippet,
        .webversion {
          width: 50% !important;
        }
        .ie .btn {
          width: 100%;
        }
        [owa] .column div,
        [owa] .column button {
          display: block !important;
        }
        .ie .column,
        [owa] .column,
        .ie .gutter,
        [owa] .gutter {
          display: table-cell;
          float: none !important;
          vertical-align: top;
        }
        .ie div.preheader,
        [owa] div.preheader,
        .ie .email-footer,
        [owa] .email-footer {
          max-width: 560px !important;
          width: 560px !important;
        }
        .ie .snippet,
        [owa] .snippet,
        .ie .webversion,
        [owa] .webversion {
          width: 280px !important;
        }
        .ie div.header,
        [owa] div.header,
        .ie .layout,
        [owa] .layout,
        .ie .one-col .column,
        [owa] .one-col .column {
          max-width: 600px !important;
          width: 600px !important;
        }
        .ie .fixed-width.has-border,
        [owa] .fixed-width.has-border,
        .ie .has-gutter.has-border,
        [owa] .has-gutter.has-border {
          max-width: 602px !important;
          width: 602px !important;
        }
        .ie .two-col .column,
        [owa] .two-col .column {
          max-width: 300px !important;
          width: 300px !important;
        }
        .ie .three-col .column,
        [owa] .three-col .column,
        .ie .narrow,
        [owa] .narrow {
          max-width: 200px !important;
          width: 200px !important;
        }
        .ie .wide,
        [owa] .wide {
          width: 400px !important;
        }
        .ie .two-col.has-gutter .column,
        [owa] .two-col.x_has-gutter .column {
          max-width: 290px !important;
          width: 290px !important;
        }
        .ie .three-col.has-gutter .column,
        [owa] .three-col.x_has-gutter .column,
        .ie .has-gutter .narrow,
        [owa] .has-gutter .narrow {
          max-width: 188px !important;
          width: 188px !important;
        }
        .ie .has-gutter .wide,
        [owa] .has-gutter .wide {
          max-width: 394px !important;
          width: 394px !important;
        }
        .ie .two-col.has-gutter.has-border .column,
        [owa] .two-col.x_has-gutter.x_has-border .column {
          max-width: 292px !important;
          width: 292px !important;
        }
        .ie .three-col.has-gutter.has-border .column,
        [owa] .three-col.x_has-gutter.x_has-border .column,
        .ie .has-gutter.has-border .narrow,
        [owa] .has-gutter.x_has-border .narrow {
          max-width: 190px !important;
          width: 190px !important;
        }
        .ie .has-gutter.has-border .wide,
        [owa] .has-gutter.x_has-border .wide {
          max-width: 396px !important;
          width: 396px !important;
        }
        .ie .fixed-width .layout__inner {
          border-left: 0 none white !important;
          border-right: 0 none white !important;
        }
        .ie .layout__edges {
          display: none;
        }
        .mso .layout__edges {
          font-size: 0;
        }
        .layout-fixed-width,
        .mso .layout-full-width {
          background-color: #ffffff;
        }
        @media only screen and (min-width: 620px) {
          .column,
          .gutter {
            display: table-cell;
            Float: none !important;
            vertical-align: top;
          }
          div.preheader,
          .email-footer {
            max-width: 560px !important;
            width: 560px !important;
          }
          .snippet,
          .webversion {
            width: 280px !important;
          }
          div.header,
          .layout,
          .one-col .column {
            max-width: 600px !important;
            width: 600px !important;
          }
          .fixed-width.has-border,
          .fixed-width.ecxhas-border,
          .has-gutter.has-border,
          .has-gutter.ecxhas-border {
            max-width: 602px !important;
            width: 602px !important;
          }
          .two-col .column {
            max-width: 300px !important;
            width: 300px !important;
          }
          .three-col .column,
          .column.narrow {
            max-width: 200px !important;
            width: 200px !important;
          }
          .column.wide {
            width: 400px !important;
          }
          .two-col.has-gutter .column,
          .two-col.ecxhas-gutter .column {
            max-width: 290px !important;
            width: 290px !important;
          }
          .three-col.has-gutter .column,
          .three-col.ecxhas-gutter .column,
          .has-gutter .narrow {
            max-width: 188px !important;
            width: 188px !important;
          }
          .has-gutter .wide {
            max-width: 394px !important;
            width: 394px !important;
          }
          .two-col.has-gutter.has-border .column,
          .two-col.ecxhas-gutter.ecxhas-border .column {
            max-width: 292px !important;
            width: 292px !important;
          }
          .three-col.has-gutter.has-border .column,
          .three-col.ecxhas-gutter.ecxhas-border .column,
          .has-gutter.has-border .narrow,
          .has-gutter.ecxhas-border .narrow {
            max-width: 190px !important;
            width: 190px !important;
          }
          .has-gutter.has-border .wide,
          .has-gutter.ecxhas-border .wide {
            max-width: 396px !important;
            width: 396px !important;
          }
        }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .fblike {
            background-image: url(http://i7.cmail19.com/static/eb/master/13-the-blueprint-3/images/fblike@2x.png) !important;
          }
          .tweet {
            background-image: url(http://i10.cmail19.com/static/eb/master/13-the-blueprint-3/images/tweet@2x.png) !important;
          }
          .linkedinshare {
            background-image: url(http://i8.cmail19.com/static/eb/master/13-the-blueprint-3/images/lishare@2x.png) !important;
          }
          .forwardtoafriend {
            background-image: url(http://i9.cmail19.com/static/eb/master/13-the-blueprint-3/images/forward@2x.png) !important;
          }
        }
        @media (max-width: 321px) {
          .fixed-width.has-border .layout__inner {
            border-width: 1px 0 !important;
          }
          .layout,
          .column {
            min-width: 320px !important;
            width: 320px !important;
          }
          .border {
            display: none;
          }
        }
        .mso div {
          border: 0 none white !important;
        }
        .mso .w560 .divider {
          Margin-left: 260px !important;
          Margin-right: 260px !important;
        }
        .mso .w360 .divider {
          Margin-left: 160px !important;
          Margin-right: 160px !important;
        }
        .mso .w260 .divider {
          Margin-left: 110px !important;
          Margin-right: 110px !important;
        }
        .mso .w160 .divider {
          Margin-left: 60px !important;
          Margin-right: 60px !important;
        }
        .mso .w354 .divider {
          Margin-left: 157px !important;
          Margin-right: 157px !important;
        }
        .mso .w250 .divider {
          Margin-left: 105px !important;
          Margin-right: 105px !important;
        }
        .mso .w148 .divider {
          Margin-left: 54px !important;
          Margin-right: 54px !important;
        }
        .mso .size-8,
        .ie .size-8 {
          font-size: 8px !important;
          line-height: 14px !important;
        }
        .mso .size-9,
        .ie .size-9 {
          font-size: 9px !important;
          line-height: 16px !important;
        }
        .mso .size-10,
        .ie .size-10 {
          font-size: 10px !important;
          line-height: 18px !important;
        }
        .mso .size-11,
        .ie .size-11 {
          font-size: 11px !important;
          line-height: 19px !important;
        }
        .mso .size-12,
        .ie .size-12 {
          font-size: 12px !important;
          line-height: 19px !important;
        }
        .mso .size-13,
        .ie .size-13 {
          font-size: 13px !important;
          line-height: 21px !important;
        }
        .mso .size-14,
        .ie .size-14 {
          font-size: 14px !important;
          line-height: 21px !important;
        }
        .mso .size-15,
        .ie .size-15 {
          font-size: 15px !important;
          line-height: 23px !important;
        }
        .mso .size-16,
        .ie .size-16 {
          font-size: 16px !important;
          line-height: 24px !important;
        }
        .mso .size-17,
        .ie .size-17 {
          font-size: 17px !important;
          line-height: 26px !important;
        }
        .mso .size-18,
        .ie .size-18 {
          font-size: 18px !important;
          line-height: 26px !important;
        }
        .mso .size-20,
        .ie .size-20 {
          font-size: 20px !important;
          line-height: 28px !important;
        }
        .mso .size-22,
        .ie .size-22 {
          font-size: 22px !important;
          line-height: 31px !important;
        }
        .mso .size-24,
        .ie .size-24 {
          font-size: 24px !important;
          line-height: 32px !important;
        }
        .mso .size-26,
        .ie .size-26 {
          font-size: 26px !important;
          line-height: 34px !important;
        }
        .mso .size-28,
        .ie .size-28 {
          font-size: 28px !important;
          line-height: 36px !important;
        }
        .mso .size-30,
        .ie .size-30 {
          font-size: 30px !important;
          line-height: 38px !important;
        }
        .mso .size-32,
        .ie .size-32 {
          font-size: 32px !important;
          line-height: 40px !important;
        }
        .mso .size-34,
        .ie .size-34 {
          font-size: 34px !important;
          line-height: 43px !important;
        }
        .mso .size-36,
        .ie .size-36 {
          font-size: 36px !important;
          line-height: 43px !important;
        }
        .mso .size-40,
        .ie .size-40 {
          font-size: 40px !important;
          line-height: 47px !important;
        }
        .mso .size-44,
        .ie .size-44 {
          font-size: 44px !important;
          line-height: 50px !important;
        }
        .mso .size-48,
        .ie .size-48 {
          font-size: 48px !important;
          line-height: 54px !important;
        }
        .mso .size-56,
        .ie .size-56 {
          font-size: 56px !important;
          line-height: 60px !important;
        }
        .mso .size-64,
        .ie .size-64 {
          font-size: 64px !important;
          line-height: 63px !important;
        }
      </style>
      <!--[if !mso]>
        <!-->
        <style type="text/css">
          @import url(https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic);
        </style>
        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic"
        rel="stylesheet" type="text/css">
      <!--<![endif]-->
      <style type="text/css">
        body{background-color:#f2f4f6}.logo a:hover,.logo a:focus{color:#859bb1 !important}.mso .layout-has-border{border-top:1px solid #b6c1cc;border-bottom:1px solid #b6c1cc}.mso .layout-has-bottom-border{border-bottom:1px solid #b6c1cc}.mso .border,.ie .border{background-color:#b6c1cc}.mso h1,.ie h1{}.mso h1,.ie h1{font-size:26px !important;line-height:34px !important}.mso h2,.ie h2{}.mso h2,.ie h2{font-size:20px !important;line-height:28px !important}.mso h3,.ie h3{}.mso .layout__inner,.ie .layout__inner{}.mso .footer__share-button p{}.mso .footer__share-button p{font-family:Roboto,Tahoma,sans-serif}
      </style>
    </head>
    <!--[if mso]>
      
      <body class="mso">
      <![endif]-->
      <!--[if !mso]>
        <!-->
        
        <body class="no-padding" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;">
        <!--<![endif]-->
        <table class="wrapper" style="border-collapse: collapse;table-layout: fixed;min-width: 320px;width: 100%;background-color: #f2f4f6;"
        cellpadding="0" cellspacing="0" role="presentation">
          <tbody>
            <tr>
              <td>
                <div role="banner">
                  <div class="preheader" style="Margin: 0 auto;max-width: 560px;min-width: 280px; width: 280px;width: calc(28000% - 167440px);">
                    <div style="border-collapse: collapse;display: table;width: 100%;">
                      <!--[if (mso)|(IE)]>
                        <table align="center" class="preheader" cellpadding="0" cellspacing="0" role="presentation">
                          <tr>
                            <td style="width: 280px" valign="top">
                            <![endif]-->
                            <div class="snippet" style="display: table-cell;Float: left;font-size: 12px;line-height: 19px;max-width: 280px;min-width: 140px; width: 140px;width: calc(14000% - 78120px);padding: 10px 0 5px 0;color: #8e959c;font-family: Roboto,Tahoma,sans-serif;">
                              <p style="Margin-top: 0;Margin-bottom: 0;">The latest news hot off the press.</p>
                            </div>
                            <!--[if (mso)|(IE)]>
                            </td>
                            <td style="width: 280px" valign="top">
                            <![endif]-->
                            <div class="webversion" style="display: table-cell;Float: left;font-size: 12px;line-height: 19px;max-width: 280px;min-width: 139px; width: 139px;width: calc(14100% - 78680px);padding: 10px 0 5px 0;text-align: right;color: #8e959c;font-family: Roboto,Tahoma,sans-serif;">
                              <p style="Margin-top: 0;Margin-bottom: 0;">No Images?
                                <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #8e959c;"
                                href="#">Click here</a>
                              </p>
                            </div>
                            <!--[if (mso)|(IE)]>
                            </td>
                          </tr>
                        </table>
                      <![endif]-->
                    </div>
                  </div>
                </div>
                <div role="section">
                  <div style="background-color: #ffffff;background-position: 0px 0px;background-image: url(http://i1.cmail19.com/ei/y/38/4F9/168/235150/csfinal/Webp.net-gifmaker3.gif);background-repeat: repeat;">
                    <div class="layout one-col" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
                      <div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;">
                        <!--[if (mso)|(IE)]>
                          <table width="100%" cellpadding="0" cellspacing="0" role="presentation">
                            <tr class="layout-full-width" style="background-color: #ffffff;background-position: 0px 0px;background-image: url(http://i1.cmail19.com/ei/y/38/4F9/168/235150/csfinal/Webp.net-gifmaker3.gif);background-repeat: repeat;">
                              <td class="layout__edges">&nbsp;</td>
                              <td style="width: 600px" class="w560">
                              <![endif]-->
                              <div class="column" style="max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);text-align: left;color: #717a8a;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:20px;font-size:1px">&nbsp;</div>
                                </div>
                                <div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
                                  <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #509cf6;"
                                  href="https://www.campaignmonitor.com/?utm_campaign=September+News+7+Tips+to+Build+an+Engaged+Email+List++The+State+of+Email+Personalization&utm_content=September+News+7+Tips+to+Build+an+Engaged+Email+List++The+State+of+Email+Personalization+CID_9d228eebbcba3e27b509f17341f5812c&utm_medium=email&utm_source=Email+marketing+software">
                                    <img style="border: 0;display: block;height: auto;width: 100%;max-width: 239px;"
                                    alt="" width="239" src="http://i1.cmail19.com/ei/y/38/4F9/168/235151/csfinal/CM_Full_Dark_Blue2.png">
                                  </a>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 20px;">
                                  <div style="line-height:20px;font-size:1px">&nbsp;</div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                   <h3 class="size-12" style="Margin-top: 0;Margin-bottom: 12px;font-style: normal;font-weight: normal;color: #717a8a;font-size: 12px;line-height: 19px;text-align: center;"
                                  lang="x-size-12"><span style="color:#509cf6"><strong>NEWSLETTER</strong></span></h3>

                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                   <h1 class="size-44" style="Margin-top: 0;Margin-bottom: 20px;font-style: normal;font-weight: normal;color: #717a8a;font-size: 34px;line-height: 43px;text-align: center;"
                                  lang="x-size-44"><a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #509cf6;" href="https://www.campaignmonitor.com/resources/infographics/7-tips-building-engaged-email-list/?utm_medium=email&utm_campaign=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization&utm_content=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization+CID_9d228eebbcba3e27b509f17341f5812c&utm_source=Email%20marketing%20software&utm_term=7%20Tips%20for%20Building%20an%20Engaged%20Email%20List"><span style="color:#002b45"><strong>7 Tips for Building an Engaged Email List&nbsp;</strong></span></a></h1>

                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div class="btn btn--flat btn--large" style="Margin-bottom: 20px;text-align: center;">
                                    <![if !mso]>
                                      <a style="border-radius: 4px;display: inline-block;font-size: 14px;font-weight: bold;line-height: 24px;padding: 12px 24px;text-align: center;text-decoration: none !important;transition: opacity 0.1s ease-in;color: #ffffff !important;background-color: #509cf6;font-family: sans-serif;"
                                      href="https://www.campaignmonitor.com/resources/infographics/7-tips-building-engaged-email-list/?utm_medium=email&utm_campaign=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization&utm_content=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization+CID_9d228eebbcba3e27b509f17341f5812c&utm_source=Email%20marketing%20software&utm_term=CHECK%20IT%20OUT">CHECK IT OUT</a>
                                    <![endif]>
                                    <!--[if mso]>
                                      <p style="line-height:0;margin:0;">&nbsp;</p>
                                      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://www.campaignmonitor.com/resources/infographics/7-tips-building-engaged-email-list/?utm_medium=email&utm_campaign=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization&utm_content=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization+CID_9d228eebbcba3e27b509f17341f5812c&utm_source=Email%20marketing%20software&utm_term=CHECK%20IT%20OUT"
                                      style="width:148px" arcsize="9%" fillcolor="#509CF6" stroke="f">
                                        <v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
                                          <center style="font-size:14px;line-height:24px;color:#FFFFFF;font-family:sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:4px">CHECK IT OUT</center>
                                        </v:textbox>
                                      </v:roundrect>
                                    <![endif]-->
                                  </div>
                                </div>
                                <div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
                                  <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #509cf6;"
                                  href="https://www.campaignmonitor.com/resources/infographics/7-tips-building-engaged-email-list/?utm_medium=email&utm_campaign=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization&utm_content=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization+CID_9d228eebbcba3e27b509f17341f5812c&utm_source=Email%20marketing%20software&utm_term=7%20tips%20for%20an%20engaged%20email%20list">
                                    <img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-bottom"
                                    style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="7 tips for an engaged email list"
                                    width="600" src="http://i2.cmail19.com/ei/y/38/4F9/168/235151/csfinal/7TipsInfographic1.png">
                                  </a>
                                </div>
                              </div>
                              <!--[if (mso)|(IE)]>
                              </td>
                              <td class="layout__edges">&nbsp;</td>
                            </tr>
                          </table>
                        <![endif]-->
                      </div>
                    </div>
                  </div>
                  <div style="background-color: #509cf6;background-position: 0px 0px;background-image: url(http://i2.cmail19.com/ei/y/38/4F9/168/235150/csfinal/newsletter_bg6.png);background-repeat: no-repeat;">
                    <div class="layout one-col" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
                      <div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;">
                        <!--[if (mso)|(IE)]>
                          <table width="100%" cellpadding="0" cellspacing="0" role="presentation">
                            <tr class="layout-full-width" style="background-color: #509cf6;background-position: 0px 0px;background-image: url(http://i2.cmail19.com/ei/y/38/4F9/168/235150/csfinal/newsletter_bg6.png);background-repeat: no-repeat;">
                              <td class="layout__edges">&nbsp;</td>
                              <td style="width: 600px" class="w560">
                              <![endif]-->
                              <div class="column" style="max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);text-align: left;color: #717a8a;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:43px;font-size:1px">&nbsp;</div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:10px;font-size:1px">&nbsp;</div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <p style="Margin-top: 0;Margin-bottom: 20px;text-align: center;"><span style="color:#ffffff"><strong>WEBINAR: SEPT 14 2017 10AM PT -&nbsp;1PM ET</strong></span>
                                  </p>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                   <h2 class="size-26" style="Margin-top: 0;Margin-bottom: 16px;font-style: normal;font-weight: normal;color: #509cf6;font-size: 22px;line-height: 31px;text-align: center;"
                                  lang="x-size-26"><strong><span style="color:#ffffff">The&nbsp;</span><a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #509cf6;" href="https://go.movableink.com/webinars/?utm_campaign=cm-state-of-email-personalization&utm_medium=newsletter&utm_source=cm&commid=269629"><span style="color:#ffffff">State of Email Personalizatio</span></a><span style="color:#ffffff">n</span></strong></h2>

                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <p class="size-16" style="Margin-top: 0;Margin-bottom: 20px;font-size: 16px;line-height: 24px;text-align: center;"
                                  lang="x-size-16"><span style="color:#ffffff">Join Movable Ink and Campaign Monitor as we explore&nbsp;email personalization tips to help you master gathering customer data, segmentation, and how to take your personalization to the next level with behavioral data.</span>
                                  </p>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:10px;font-size:1px">&nbsp;</div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="font-size: 12px;font-style: normal;font-weight: normal;Margin-bottom: 20px;"
                                  align="center">
                                    <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #509cf6;"
                                    href="https://go.movableink.com/webinars/?utm_campaign=cm-state-of-email-personalization&utm_medium=newsletter&utm_source=cm&commid=269629">
                                      <img style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;"
                                      alt="Movable Ink | Campaign Monitor" width="560" src="http://i3.cmail19.com/ei/y/38/4F9/168/235151/csfinal/movable_cm1.png">
                                    </a>
                                  </div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:13px;font-size:1px">&nbsp;</div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div class="btn btn--flat btn--large" style="Margin-bottom: 20px;text-align: center;">
                                    <![if !mso]>
                                      <a style="border-radius: 4px;display: inline-block;font-size: 14px;font-weight: bold;line-height: 24px;padding: 12px 24px;text-align: center;text-decoration: none !important;transition: opacity 0.1s ease-in;color: #509cf6 !important;background-color: #ffffff;font-family: Roboto, Tahoma, sans-serif;"
                                      href="https://go.movableink.com/webinars/?utm_campaign=cm-state-of-email-personalization&utm_medium=newsletter&utm_source=cm&commid=269629">SAVE MY SPOT</a>
                                    <![endif]>
                                    <!--[if mso]>
                                      <p style="line-height:0;margin:0;">&nbsp;</p>
                                      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://go.movableink.com/webinars/?utm_campaign=cm-state-of-email-personalization&utm_medium=newsletter&utm_source=cm&commid=269629"
                                      style="width:146px" arcsize="9%" fillcolor="#FFFFFF" stroke="f">
                                        <v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
                                          <center style="font-size:14px;line-height:24px;color:#509CF6;font-family:Roboto,Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:4px">SAVE MY SPOT</center>
                                        </v:textbox>
                                      </v:roundrect>
                                    <![endif]-->
                                  </div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:26px;font-size:1px">&nbsp;</div>
                                </div>
                              </div>
                              <!--[if (mso)|(IE)]>
                              </td>
                              <td class="layout__edges">&nbsp;</td>
                            </tr>
                          </table>
                        <![endif]-->
                      </div>
                    </div>
                  </div>
                  <div style="background-color: #f2f4f6;">
                    <div class="layout one-col" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
                      <div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;">
                        <!--[if (mso)|(IE)]>
                          <table width="100%" cellpadding="0" cellspacing="0" role="presentation">
                            <tr class="layout-full-width" style="background-color: #f2f4f6;">
                              <td class="layout__edges">&nbsp;</td>
                              <td style="width: 600px" class="w560">
                              <![endif]-->
                              <div class="column" style="max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);text-align: left;color: #717a8a;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:70px;font-size:1px">&nbsp;</div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                   <h2 class="size-26" style="Margin-top: 0;Margin-bottom: 16px;font-style: normal;font-weight: normal;color: #509cf6;font-size: 22px;line-height: 31px;"
                                  lang="x-size-26"><span style="color:#002b45"><strong>Read the latest blog posts</strong></span></h2>

                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:15px;font-size:1px">&nbsp;</div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                   <h3 style="Margin-top: 0;Margin-bottom: 12px;font-style: normal;font-weight: normal;color: #717a8a;font-size: 16px;line-height: 24px;font-family: sans-serif;"><span class="font-sans-serif"><span style="color:#509cf6"><strong>Effective Email Marketing for Each Stage of the Customer Lifecycle</strong></span></span></h3>

                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <p class="size-16" style="Margin-top: 0;Margin-bottom: 20px;font-size: 16px;line-height: 24px;"
                                  lang="x-size-16">Learn to move your prospects and customers down the funnel.
                                    <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #509cf6;"
                                    href="https://www.campaignmonitor.com/blog/email-marketing/2017/08/effective-email-marketing-for-each-stage-of-the-customer-lifecycle/?utm_medium=email&utm_campaign=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization&utm_content=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization+CID_9d228eebbcba3e27b509f17341f5812c&utm_source=Email%20marketing%20software&utm_term=Read%20on">Read on</a>
                                  </p>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:10px;font-size:1px">&nbsp;</div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                   <h3 style="Margin-top: 0;Margin-bottom: 12px;font-style: normal;font-weight: normal;color: #717a8a;font-size: 16px;line-height: 24px;font-family: sans-serif;"><span class="font-sans-serif"><span style="color:#509cf6"><strong>How to Successfully Grow Engaged Email Lists</strong></span></span></h3>

                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <p class="size-16" style="Margin-top: 0;Margin-bottom: 20px;font-size: 16px;line-height: 24px;"
                                  lang="x-size-16">Explore how to balance list growth and engagement.
                                    <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #509cf6;"
                                    href="https://www.campaignmonitor.com/blog/email-marketing/2017/08/successfully-grow-engaged-email-lists/?utm_medium=email&utm_campaign=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization&utm_content=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization+CID_9d228eebbcba3e27b509f17341f5812c&utm_source=Email%20marketing%20software&utm_term=Read%20on">Read on</a>
                                  </p>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:10px;font-size:1px">&nbsp;</div>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                   <h3 style="Margin-top: 0;Margin-bottom: 12px;font-style: normal;font-weight: normal;color: #717a8a;font-size: 16px;line-height: 24px;"><span style="color:#509cf6"><strong>What We Learned from Launching a New Support Site</strong></span><br>
</h3>

                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <p class="size-16" style="Margin-top: 0;Margin-bottom: 20px;font-size: 16px;line-height: 24px;"
                                  lang="x-size-16">Discover why and how we launched a new Support site.
                                    <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #509cf6;"
                                    href="https://www.campaignmonitor.com/blog/company/2017/08/launching-new-support-site/?utm_medium=email&utm_campaign=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization&utm_content=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization+CID_9d228eebbcba3e27b509f17341f5812c&utm_source=Email%20marketing%20software&utm_term=Read%20on">Read on</a>
                                  </p>
                                </div>
                                <div style="Margin-left: 20px;Margin-right: 20px;">
                                  <div style="line-height:50px;font-size:1px">&nbsp;</div>
                                </div>
                              </div>
                              <!--[if (mso)|(IE)]>
                              </td>
                              <td class="layout__edges">&nbsp;</td>
                            </tr>
                          </table>
                        <![endif]-->
                      </div>
                    </div>
                  </div>
                  <div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
                    <div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #509cf6;">
                      <!--[if (mso)|(IE)]>
                        <table align="center" cellpadding="0" cellspacing="0" role="presentation">
                          <tr class="layout-fixed-width" style="background-color: #509cf6;">
                            <td style="width: 600px" class="w560">
                            <![endif]-->
                            <div class="column" style="text-align: left;color: #717a8a;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
                              <div style="Margin-left: 20px;Margin-right: 20px;">
                                <div style="line-height:11px;font-size:1px">&nbsp;</div>
                              </div>
                            </div>
                            <!--[if (mso)|(IE)]>
                            </td>
                          </tr>
                        </table>
                      <![endif]-->
                    </div>
                  </div>
                  <div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
                    <div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #ffffff;">
                      <!--[if (mso)|(IE)]>
                        <table align="center" cellpadding="0" cellspacing="0" role="presentation">
                          <tr class="layout-fixed-width" style="background-color: #ffffff;">
                            <td style="width: 600px" class="w560">
                            <![endif]-->
                            <div class="column" style="text-align: left;color: #717a8a;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
                              <div style="Margin-left: 20px;Margin-right: 20px;">
                                <div style="line-height:50px;font-size:1px">&nbsp;</div>
                              </div>
                              <div style="Margin-left: 20px;Margin-right: 20px;">
                                 <h2 class="size-26" style="Margin-top: 0;Margin-bottom: 16px;font-style: normal;font-weight: normal;color: #509cf6;font-size: 22px;line-height: 31px;text-align: center;"
                                lang="x-size-26"><span style="color:#002b45"><strong>Send&nbsp;email your customers can't ignore.</strong></span></h2>

                              </div>
                              <div style="Margin-left: 20px;Margin-right: 20px;">
                                <p class="size-16" style="Margin-top: 0;Margin-bottom: 20px;font-size: 16px;line-height: 24px;text-align: center;"
                                lang="x-size-16">Easy-to-use, professional-grade email marketing and automation for today&#8217;s
                                  fast-growing businesses.&#8203;</p>
                              </div>
                              <div style="Margin-left: 20px;Margin-right: 20px;">
                                <div class="btn btn--flat btn--medium" style="Margin-bottom: 20px;text-align: center;">
                                  <![if !mso]>
                                    <a style="border-radius: 4px;display: inline-block;font-size: 12px;font-weight: bold;line-height: 22px;padding: 10px 20px;text-align: center;text-decoration: none !important;transition: opacity 0.1s ease-in;color: #ffffff !important;background-color: #509cf6;font-family: Roboto, Tahoma, sans-serif;"
                                    href="https://createsend.com/l?utm_medium=email&utm_campaign=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization&utm_content=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization+CID_9d228eebbcba3e27b509f17341f5812c&utm_source=Email%20marketing%20software&utm_term=START%20SENDING">START SENDING</a>
                                  <![endif]>
                                  <!--[if mso]>
                                    <p style="line-height:0;margin:0;">&nbsp;</p>
                                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://createsend.com/l?utm_medium=email&utm_campaign=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization&utm_content=September%20News%207%20Tips%20to%20Build%20an%20Engaged%20Email%20List%20%20The%20State%20of%20Email%20Personalization+CID_9d228eebbcba3e27b509f17341f5812c&utm_source=Email%20marketing%20software&utm_term=START%20SENDING"
                                    style="width:131px" arcsize="10%" fillcolor="#509CF6" stroke="f">
                                      <v:textbox style="mso-fit-shape-to-text:t" inset="0px,9px,0px,9px">
                                        <center style="font-size:12px;line-height:22px;color:#FFFFFF;font-family:Roboto,Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:4px">START SENDING</center>
                                      </v:textbox>
                                    </v:roundrect>
                                  <![endif]-->
                                </div>
                              </div>
                              <div style="Margin-left: 20px;Margin-right: 20px;">
                                <div style="line-height:44px;font-size:1px">&nbsp;</div>
                              </div>
                            </div>
                            <!--[if (mso)|(IE)]>
                            </td>
                          </tr>
                        </table>
                      <![endif]-->
                    </div>
                  </div>
                  <div style="line-height:45px;font-size:45px;">&nbsp;</div>
                  <div style="background-color: #f2f4f6;">
                    <div class="layout three-col" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
                      <div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;">
                        <!--[if (mso)|(IE)]>
                          <table width="100%" cellpadding="0" cellspacing="0" role="presentation">
                            <tr class="layout-full-width" style="background-color: #f2f4f6;">
                              <td class="layout__edges">&nbsp;</td>
                              <td style="width: 200px" valign="top" class="w160">
                              <![endif]-->
                              <div class="column" style="Float: left;max-width: 320px;min-width: 200px; width: 320px;width: calc(72200px - 12000%);text-align: left;color: #717a8a;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
                                <div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
                                  <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #509cf6;"
                                  href="https://twitter.com/CampaignMonitor">
                                    <img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom"
                                    style="border: 0;display: block;height: auto;width: 100%;max-width: 300px;" alt="twitter"
                                    width="200" src="http://i4.cmail19.com/ei/y/38/4F9/168/235151/csfinal/social-tw.png">
                                  </a>
                                </div>
                              </div>
                              <!--[if (mso)|(IE)]>
                              </td>
                              <td style="width: 200px" valign="top" class="w160">
                              <![endif]-->
                              <div class="column" style="Float: left;max-width: 320px;min-width: 200px; width: 320px;width: calc(72200px - 12000%);text-align: left;color: #717a8a;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
                                <div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
                                  <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #509cf6;"
                                  href="https://www.facebook.com/campaignmonitor">
                                    <img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom"
                                    style="border: 0;display: block;height: auto;width: 100%;max-width: 300px;" alt="facebook"
                                    width="200" src="http://i5.cmail19.com/ei/y/38/4F9/168/235151/csfinal/social-fb.png">
                                  </a>
                                </div>
                              </div>
                              <!--[if (mso)|(IE)]>
                              </td>
                              <td style="width: 200px" valign="top" class="w160">
                              <![endif]-->
                              <div class="column" style="Float: left;max-width: 320px;min-width: 200px; width: 320px;width: calc(72200px - 12000%);text-align: left;color: #717a8a;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
                                <div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
                                  <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #509cf6;"
                                  href="https://www.linkedin.com/company/campaign-monitor">
                                    <img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom"
                                    style="border: 0;display: block;height: auto;width: 100%;max-width: 300px;" alt="linkedin"
                                    width="200" src="http://i6.cmail19.com/ei/y/38/4F9/168/235151/csfinal/social-li.png">
                                  </a>
                                </div>
                              </div>
                              <!--[if (mso)|(IE)]>
                              </td>
                              <td class="layout__edges">&nbsp;</td>
                            </tr>
                          </table>
                        <![endif]-->
                      </div>
                    </div>
                  </div>
                  <div style="line-height:45px;font-size:45px;">&nbsp;</div>
                  <div role="contentinfo">
                    <div class="layout email-footer" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
                      <div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;">
                        <!--[if (mso)|(IE)]>
                          <table align="center" cellpadding="0" cellspacing="0" role="presentation">
                            <tr class="layout-email-footer">
                              <td style="width: 400px;" valign="top" class="w360">
                              <![endif]-->
                              <div class="column wide" style="text-align: left;font-size: 12px;line-height: 19px;color: #8e959c;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 400px;min-width: 320px; width: 320px;width: calc(8000% - 47600px);">
                                <div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 10px;Margin-bottom: 10px;">
                                  <div style="font-size: 12px;line-height: 19px;">
                                    <div>We're Campaign Monitor
                                      <br>631 Howard St, San Francisco, CA 94105</div>
                                  </div>
                                  <div style="font-size: 12px;line-height: 19px;Margin-top: 18px;">
                                    <div>You&#8217;re receiving this because&nbsp;you subscribe to the Campaign Monitor
                                      newsletter.</div>
                                  </div>
                                  <!--[if mso]>&nbsp;<![endif]-->
                                </div>
                              </div>
                              <!--[if (mso)|(IE)]>
                              </td>
                              <td style="width: 200px;" valign="top" class="w160">
                              <![endif]-->
                              <div class="column narrow" style="text-align: left;font-size: 12px;line-height: 19px;color: #8e959c;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 200px; width: 320px;width: calc(72200px - 12000%);">
                                <div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 10px;Margin-bottom: 10px;"></div>
                              </div>
                              <!--[if (mso)|(IE)]>
                              </td>
                            </tr>
                          </table>
                        <![endif]-->
                      </div>
                    </div>
                    <div class="layout one-col email-footer" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
                      <div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;">
                        <!--[if (mso)|(IE)]>
                          <table align="center" cellpadding="0" cellspacing="0" role="presentation">
                            <tr class="layout-email-footer">
                              <td style="width: 600px;" class="w560">
                              <![endif]-->
                              <div class="column" style="text-align: left;font-size: 12px;line-height: 19px;color: #8e959c;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
                                <div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 10px;Margin-bottom: 10px;">
                                  <div style="font-size: 12px;line-height: 19px;">
                                    <a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #8e959c;"
                                    href="#">Unsubscribe</a>
                                  </div>
                                </div>
                              </div>
                              <!--[if (mso)|(IE)]>
                              </td>
                            </tr>
                          </table>
                        <![endif]-->
                      </div>
                    </div>
                  </div>
                  <div style="line-height:40px;font-size:40px;">&nbsp;</div>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
        
        </body>
    
    </html>
            
          
!
999px
Loading ..................

Console