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 CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

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