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>
<html style="opacity: 1;" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
   <meta charset="utf-8" />
   <meta content="IE=edge" http-equiv="X-UA-Compatible" />
   <title>MOO</title>
   <style type="text/css">table.primary-copy table.primary-button :hover{background:#F3F3F3;box-shadow:0 2px 4px 0 rgba(75,79,84,0.30);border-radius:3px;transition:background 200ms}
    table.primary-copy table.primary-button-alt :hover{background:#F3F3F3;box-shadow:0 2px 4px 0 rgba(75,79,84,0.30);border-radius:3px;transition:background 200ms}
    
    table.two-columns table.button :hover{background: rgba(48,55,59,0.80); border-radius:3px; transition:background 200ms}
    table.two-columns table.button td:hover a{color:#FFFFFF !important; transition:color 200ms}
    table.two-columns table.button-alt :hover{background: rgba(48,55,59,0.80); border-radius:3px; transition:background 200ms}
    table.two-columns table.button-alt td:hover a{color:#FFFFFF !important; transition:color 200ms}
   </style>
   <style type="text/css">@font-face {
    font-family: 'Bryant MOO Pro';
    src: url(http://www.moo.com/us/bower_components/moo-toolkit/dist/fonts/bryant/BryantMooWebProRegular.eot?q=a7b25614973421c3730b3dfe73191a77);
    src: url(http://www.moo.com/us/bower_components/moo-toolkit/dist/fonts/bryant/BryantMooWebProRegular.eot?q=a7b25614973421c3730b3dfe73191a77#iefix) format('embedded-opentype'), url(http://www.moo.com/us/bower_components/moo-toolkit/dist/fonts/bryant/BryantMooWebProRegular.woff?q=a7b25614973421c3730b3dfe73191a77) format('woff');
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    }

    @media all and (max-width: 650px) {
    table.frame {
    min-width: auto !important;
    width: 100% !important;
    }
    table.secondary-frame {
    min-width: auto !important;
    width: 100% !important;
    }
    td.hide {
    display: none !important;
    }
    table.nav {
    width: 90% !important;
    }
    table.nav td {
    width: 33.33333% !important;
    padding-left:0px !important;
    padding-right:0px !important;
    white-space: nowrap;
    }
    table.alert {
    width: 90% !important;
    }
    table.divider {
    width: 90% !important;
    }
    table.secondary-divider {
    width: 90% !important;
    }
    table.two-columns {
    width: 90%;
    }
    table.two-columns th.top {
    display: block;
    width: 100% !important;
    text-align: center;
    }
    table.two-columns th.middle {
    display: none !important;
    }
    table.two-columns th.bottom {
    display: block;
    width: 100% !important;
    padding-top: 25px !important;
    }
    table.two-columns img {
    width: 100% !important;
    max-width: 100% !important;
    }
    table.promise {
    width: 100% !important;
    }
    table.promise table {
    width: 90% !important;
    }
    table.promise img,
    table.promise p {
    vertical-align: middle;
    }
    table.footer-divider {
    width: 90% !important;
    }
    }
   </style>
</head>
<body style="margin: 0px; padding: 0px;"><!--[if gte mso 9]>
    <style>
    h1,h2,h3, .button, .primary-button, h1 a, .primary-button td a{
    font-family: 'Trebuchet MS', Trebuchet, 'Liberation Sans', sans-serif !important;
    }
    </style>
    <![endif]-->
<div data-content-region-name="supersubject" style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;">You’re amazing. This sale is amazing. Get some.
</div>

<table align="center" border="0" cellpadding="0" cellspacing="0" class="frame" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;background-color:#df512b;width:650px;max-width:100%;">
   <tbody>
      <tr>
         <td align="center">
         <div class="spacer" style="line-height:30px;height:30px;">&emsp;
         </div>
         <!-- logo --><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCBDTY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;"><img class="logo" height="35" src="http://static.cdn.responsys.net/i5/responsysimages/moo/contentlibrary/campaigns/sale-20170503-launch/maysale/images/logox2.png" style="display:block;border:none;" width="112" /> </a>

         <div class="spacer" style="line-height:36px;height:36px;">&emsp;
         </div>
         <!-- navigation links -->

         <div>
         <table align="center" border="0" cellpadding="0" cellspacing="0" class="nav" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;">
            <tbody>
               <tr>
                  <td style="padding-left:24px;padding-right:24px;font-size:14px;line-height:20px;"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCBDWY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;"> Products      </a></td>
                  <td style="padding-left:24px;padding-right:24px;font-size:14px;line-height:20px;"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCBDAY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;"> Inspiration      </a></td>
                  <td class="hide" style="padding-left:24px;padding-right:24px;font-size:14px;line-height:20px;"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCBDCY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;"> 10+&nbsp;Employees?      </a></td>
                  <td class="hide" style="padding-left:24px;padding-right:24px;font-size:14px;line-height:20px;"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCRRY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;"> Help&nbsp;&&nbsp;FAQ      </a></td>
                  <td style="padding-left:24px;padding-right:24px;font-size:14px;line-height:20px;"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCRTY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;"> Account      </a></td>
               </tr>
            </tbody>
         </table>
         <!-- divider with space -->

         <div class="spacerx05" style="line-height:12px;height:12px;">&emsp;
         </div>

         <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;border-top:1px solid;border-color:rgb(255,255,255);border-color:rgba(255,255,255,0.3); width:590px;height: 25px;">
            <tbody>
               <tr>
                  <td>&emsp;</td>
               </tr>
            </tbody>
         </table>
         </div>
         <!-- alert -->

         <div data-content-region-name="alert">
</div>

         <div data-content-region-name="primary"><table align="center" border="0" cellpadding="0" cellspacing="0" class="primary-copy" role="presentation" style="margin:0 auto;text-align:center;width:88%;">
  <tbody>
    <tr>
      <td>&nbsp;&nbsp;
      </td>
      <td align="center" style="overflow: visible;" width="500"><!-- heading -->
        <h1 style="margin:0;font-size:48px;line-height:50px;max-width:590px;width:90%; overflow: visible;"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCRWY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="font-family:'Bryant MOO Pro', 'Trebuchet MS', Trebuchet, 'Liberation Sans', sans-serif;color:#ffffff;margin:0;font-weight: normal;text-decoration:none; overflow: visible">Come and get 'em </a>
        </h1>
      </td>
      <td>&nbsp;&nbsp;
      </td>
    </tr>
  </tbody>
</table>

</div>
         <!-- primary image -->

         <div data-content-region-name="main-image"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCRAY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;"><img class="primary-image" src="https://www.moo.com/images/email/crb-4400/email_uk_48hrs.gif" style="display:block;border:none;width: 100%; max-width: 650px;" width="650" /> </a>
</div>

         <table align="center" border="0" cellpadding="0" cellspacing="0" class="primary-copy" role="presentation" style="margin:0 auto;text-align:center;width:88%;">
            <tbody>
               <tr>
                  <td>&nbsp;&nbsp;</td>
                  <td align="center" data-content-region-name="body-copy" style="overflow: visible;" width="500"><!-- heading --><!-- primary copy -->
<p style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;font-size:18px;line-height:24px;">Our most ambitious sale yet. 25&ndash;35% off all our fan favorites. But don&rsquo;t wait, the sale ends May 9th at 11:59 PM.
</p>
<div class="spacer" style="line-height:25px;height:25px;">&emsp;
</div>
<!-- primary button -->
<table align="center" border="0" cellpadding="0" cellspacing="0" class="primary-button" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;width:auto;max-width:90%;font-size:16px;line-height:21px;background:#FFFFFF;box-shadow:0 2px 2px 0 rgb(48,55,59);box-shadow:0 2px 2px 0 rgba(48,55,59,0.25);border-radius:3px;">
  <tbody>
    <tr>
      <td style="padding:12px 24px;"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCRCY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="font-family:'Bryant MOO Pro', 'Trebuchet MS', Trebuchet, 'Liberation Sans', sans-serif;color:#30373B;margin:0;font-weight:400;text-decoration:none; box-shadow: none;">Shop now</a>
      </td>
    </tr>
  </tbody>
</table>

</td>
                  <td>&nbsp;&nbsp;</td>
               </tr>
            </tbody>
         </table>

         <table align="center" border="0" cellpadding="0" cellspacing="0" class="secondary-frame" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;background-color:#df512b;width:650px;max-width:100%;">
            <tbody>
               <tr>
                  <td>
                  <div class="spacerx05" style="line-height:25px;height:25px;">&emsp;
                  </div>

                  <table class="secondary-divider" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;border-top:1px solid;border-color:rgb(255,255,255); border-color:rgba(255,255,255,0.3);width:590px;height: 25px;">
                     <tbody>
                        <tr>
                           <td>&emsp;</td>
                        </tr>
                     </tbody>
                  </table>
                  <!-- two columns left-to-right -->

                  <div data-content-region-name="bc-section"><table align="center" border="0" cellpadding="0" cellspacing="0" class="two-columns" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;width:90%;max-width:590px;">
  <tbody>
    <tr>
      <th class="top" style="width:286px;"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCSRY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;"><img src="https://www.moo.com/images/email/crb-4400/BC-module-25off-588.png" style="display:block;border:none;width: 100%; max-width: 286px;" width="286" /> </a>
      </th>
      <th class="middle" style="width:18px;">&emsp;
      </th>
      <th align="left" class="bottom" style="width:286px;text-align: left;" valign="top">
        <h3 style="font-family:'Bryant MOO Pro', 'Trebuchet MS', Trebuchet, 'Liberation Sans', sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;font-size:18px;line-height:24px;color:#FFFFFF;">Business Cards
        </h3>
        <div class="spacerx05" style="line-height:12px;height:12px;">&emsp;
        </div>
        <p style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;font-size:15px;line-height:21px;color:#FFFFFF;">All Business Cards are on sale! Any size, any paper, any finish. Woohoo! 
        </p>
        <div class="spacerx05" style="line-height:12px;height:12px;">&emsp;
        </div>
        <table align="left" border="0" cellpadding="0" cellspacing="0" class="button-alt" style="width:100%;max-width:650px;margin:0 auto;text-align:center;width:auto;max-width:90%;border-radius:3px;font-size:16px;line-height:21px; background: rgb(0,0,0); background: rgba(0,0,0,0.15); border: 1px solid rgb(255,255,255); border: 1px solid rgba(255,255,255,0.50); background-size:cover;">
          <tbody>
            <tr>
              <td style="padding:12px 24px"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCSTY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="font-family:'Bryant MOO Pro', 'Trebuchet MS', Trebuchet, 'Liberation Sans', sans-serif;margin:0;font-weight:400;text-decoration:none;color:#FFFFFF; box-shadow: none;">Shop Business Cards</a>
              </td>
            </tr>
          </tbody>
        </table>
      </th>
    </tr>
  </tbody>
</table>

</div>
                  <!-- divider with space -->

                  <div class="spacerx05" style="line-height:25px;height:25px;">&emsp;
                  </div>

                  <table class="secondary-divider" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;border-top:1px solid;border-color:rgb(255,255,255); border-color:rgba(255,255,255,0.3);width:590px;height: 25px;">
                     <tbody>
                        <tr>
                           <td>&emsp;</td>
                        </tr>
                     </tbody>
                  </table>
                  <!-- two columns left-to-right -->

                  <div data-content-region-name="sticker-section"><table align="center" border="0" cellpadding="0" cellspacing="0" class="two-columns" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;width:90%;max-width:590px;" dir="rtl">
  <tbody>
    <tr>
      <th class="top" style="width:286px;"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCSWY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;"><img src="https://www.moo.com/images/email/crb-4400/ST-module-30off-588.png" style="display:block;border:none;width: 100%; max-width: 286px;" width="286" /> </a>
      </th>
      <th class="middle" style="width:18px;">&emsp;
      </th>
      <th align="left" class="bottom" style="width:286px;text-align: left;" valign="top">
        <h3 style="font-family:'Bryant MOO Pro', 'Trebuchet MS', Trebuchet, 'Liberation Sans', sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;font-size:18px;line-height:24px;color:#FFFFFF;">Stickers
        </h3>
        <div class="spacerx05" style="line-height:12px;height:12px;">&emsp;
        </div>
        <p style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;font-size:15px;line-height:21px;color:#FFFFFF;">Promote your business in a million ways with Stickers. Perfect for labels, logos, hellos &ndash; if you can dream it, you can stick it.
        </p>
        <div class="spacerx05" style="line-height:12px;height:12px;">&emsp;
        </div>
        <table align="left" border="0" cellpadding="0" cellspacing="0" class="button-alt" style="width:100%;max-width:650px;margin:0 auto;text-align:center;width:auto;max-width:90%;border-radius:3px;font-size:16px;line-height:21px; background: rgb(0,0,0); background: rgba(0,0,0,0.15); border: 1px solid rgb(255,255,255); border: 1px solid rgba(255,255,255,0.50); background-size:cover;">
          <tbody>
            <tr>
              <td style="padding:12px 24px"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCSAY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="font-family:'Bryant MOO Pro', 'Trebuchet MS', Trebuchet, 'Liberation Sans', sans-serif;margin:0;font-weight:400;text-decoration:none;color:#FFFFFF; box-shadow: none;">Shop Stickers</a>
              </td>
            </tr>
          </tbody>
        </table>
      </th>
    </tr>
  </tbody>
</table>

</div>

                  <div class="spacerx05" style="line-height:25px;height:25px;">&emsp;
                  </div>

                  <table class="secondary-divider" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;border-top:1px solid;border-color:rgb(255,255,255); border-color:rgba(255,255,255,0.3);width:590px;height: 25px;">
                     <tbody>
                        <tr>
                           <td>&emsp;</td>
                        </tr>
                     </tbody>
                  </table>
                  <!-- two columns left-to-right -->

                  <div data-content-region-name="postcard-section"><table align="center" border="0" cellpadding="0" cellspacing="0" class="two-columns" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;width:90%;max-width:590px;">
  <tbody>
    <tr>
      <th class="top" style="width:286px;"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCSCY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;"><img src="https://www.moo.com/images/email/crb-4400/PC-module-35off-588.png" style="display:block;border:none;width: 100%; max-width: 286px;" width="286" /> </a>
      </th>
      <th class="middle" style="width:18px;">&emsp;
      </th>
      <th align="left" class="bottom" style="width:286px;text-align: left;" valign="top">
        <h3 style="font-family:'Bryant MOO Pro', 'Trebuchet MS', Trebuchet, 'Liberation Sans', sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;font-size:18px;line-height:24px;color:#FFFFFF;">Postcards
        </h3>
        <div class="spacerx05" style="line-height:12px;height:12px;">&emsp;
        </div>
        <p style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;font-size:15px;line-height:21px;color:#FFFFFF;">Promote your business and spread the word with Luxe and Original Postcards. 
        </p>
        <div class="spacerx05" style="line-height:12px;height:12px;">&emsp;
        </div>
        <table align="left" border="0" cellpadding="0" cellspacing="0" class="button-alt" style="width:100%;max-width:650px;margin:0 auto;text-align:center;width:auto;max-width:90%;border-radius:3px;font-size:16px;line-height:21px; background: rgb(0,0,0); background: rgba(0,0,0,0.15); border: 1px solid rgb(255,255,255); border: 1px solid rgba(255,255,255,0.50); background-size:cover;">
          <tbody>
            <tr>
              <td style="padding:12px 24px"><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCTRY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="font-family:'Bryant MOO Pro', 'Trebuchet MS', Trebuchet, 'Liberation Sans', sans-serif;margin:0;font-weight:400;text-decoration:none;color:#FFFFFF; box-shadow: none;">Shop Postcards</a>
              </td>
            </tr>
          </tbody>
        </table>
      </th>
    </tr>
  </tbody>
</table>

</div>

                  <div class="spacerx05" style="line-height:25px;height:25px;">&emsp;
                  </div>
                  </td>
               </tr>
            </tbody>
         </table>
         <!-- promise --></td>
      </tr>
   </tbody>
</table>
<!-- footer -->

<table align="center" border="0" cellpadding="0" cellspacing="0" class="frame" role="presentation" style="margin:0 auto;text-align:center;width:650px;max-width:100%;">
   <tbody>
      <tr>
         <td align="center">
         <div class="spacer" style="line-height:25px;height:25px;">&emsp;
         </div>

         <table align="center" border="0" cellpadding="0" cellspacing="0" class="social" style="margin:0 auto;text-align:center;width:90%;max-width:385px;">
            <tbody>
               <tr>
                  <td>   <a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCTTY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;"> <img alt="" height="37" src="http://static.cdn.responsys.net/i5/responsysimages/moo/contentlibrary/campaigns/sale-20170503-launch/maysale/images/twitter.png" style="display:block;border:none;margin:0;vertical-align:top;display:inline-block !important;" width="37" /> </a> </td>
                  <td><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCTWY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;"><img alt="" height="37" src="http://static.cdn.responsys.net/i5/responsysimages/moo/contentlibrary/campaigns/sale-20170503-launch/maysale/images/instagram.png" style="display:block;border:none;margin:0;vertical-align:top;display:inline-block !important;" width="37" /></a></td>
                  <td><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCTAY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;"><img alt="" height="37" src="http://static.cdn.responsys.net/i5/responsysimages/moo/contentlibrary/campaigns/sale-20170503-launch/maysale/images/pinterest.png" style="display:block;border:none;margin:0;vertical-align:top;display:inline-block !important;" width="37" /></a></td>
                  <td>    <a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCTCY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;"> <img alt="" height="37" src="http://static.cdn.responsys.net/i5/responsysimages/moo/contentlibrary/campaigns/sale-20170503-launch/maysale/images/facebook.png" style="display:block;border:none;margin:0;vertical-align:top;display:inline-block !important;" width="37" /> </a> </td>
                  <td><a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCURY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;"><img alt="" height="37" src="http://static.cdn.responsys.net/i5/responsysimages/moo/contentlibrary/campaigns/sale-20170503-launch/maysale/images/linkedin.png" style="display:block;border:none;margin:0;vertical-align:top;display:inline-block !important;" width="37" /></a></td>
               </tr>
            </tbody>
         </table>

         <div class="spacerx05" style="line-height:26px;height:26px;">&emsp;
         </div>

         <table align="center" border="0" cellpadding="0" cellspacing="0" class="footer-links" style="width:100%;max-width:650px;margin:0 auto;text-align:center;width:90%;max-width:590px;">
            <tbody>
               <tr>
                  <td>
                  <p style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;font-size:12px;line-height:21px;color:#757578;"><a href="#" style="text-decoration:none;color:#017449;">Unsubscribe</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href="#" style="text-decoration:none;color:#017449;">View online</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCUAY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;color:#017449;">Privacy policy</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href="https://news.moo.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGpNFrPv3brABEH0ba9zbBUzbYu6MtDKJRzeta0W1HE1zfRUozeSWhLXzgr3zcnktDtJUlnVXtpKX%3DUCCUCY&amp;_ei_=EgXV1IwgtL1RekMIXFSX0ElkzSSfddipDlXiWl1IAWIcuX4c_bR9k1BqLBL0y77fRxwJ5ZqvhkhbQo4." style="text-decoration:none;color:#017449;">Refer&nbsp;a&nbsp;friend</a>     
                  </p>
                  </td>
               </tr>
            </tbody>
         </table>

         <div class="spacerx05" style="line-height:26px;height:26px;">&emsp;
         </div>

         <table align="center" border="0" cellpadding="0" cellspacing="0" class="terms" style="width:100%;max-width:650px;margin:0 auto;text-align:center;width:90%;max-width:590px;">
            <tbody>
               <tr>
                  <td data-content-region-name="t-and-c"><p style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;font-size:12px;line-height:18px;color:#757578;">*Discount automatically applied, no code needed. Offer valid on Postcards, Business Cards including Square and MiniCards, and Stickers. Sale runs through May 9th at 11:59 PM.
</p>

</td>
               </tr>
            </tbody>
         </table>
         <!-- divider with space -->

         <div class="spacerx05" style="line-height:26px;height:26px;">&emsp;
         </div>

         <table border="0" cellpadding="0" cellspacing="0" class="footer-divider" role="presentation" style="width:100%;max-width:650px;margin:0 auto;text-align:center;border-top:1px solid #f1f1f1;width:590px;height: 10px;">
            <tbody>
               <tr>
                  <td>&emsp;</td>
               </tr>
            </tbody>
         </table>

         <table align="center" border="0" cellpadding="0" cellspacing="0" class="address" style="margin:0 auto;text-align:center;max-width:90%;vertical-align:middle !important;">
            <tbody>
               <tr>
                  <td style="vertical-align: top;"><img alt="" height="21" src="http://static.cdn.responsys.net/i5/responsysimages/moo/contentlibrary/campaigns/sale-20170503-launch/maysale/images/logo_moo_mark.png" style="display:block;border:none;" width="14" /></td>
                  <td width="10">&emsp;</td>
                  <td>
                  <p style="font-family: Avenir, Verdana, Geneva, sans-serif;color:#ffffff;margin:0;font-weight:400;text-decoration:none;font-size:12px;line-height:21px;color:#757578;text-align:center;">&copy;  MOO Inc. 14 Blackstone Valley Place, Lincoln, RI 02865, USA  
                  </p>
                  </td>
               </tr>
            </tbody>
         </table>
         </td>
      </tr>
   </tbody>
</table>

<div class="spacerx05" style="line-height:12px;height:12px;">&emsp;
</div>
    </body>
</html>
            
          
!
999px
Loading ..................

Console