Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

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

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <head>
  <title>SaleCycle - Template Preview</title>
</head>

<body bgcolor="#e5e5e5" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="margin:0; padding:0;-webkit-text-size-adjust:none; -ms-text-size-adjust:none;">
  <form method="post" action="./TemplatePreview.aspx?temp=15021" id="form1">
    <div class="aspNetHidden">
      <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUIOTEyNDUzNDZkZI0fku78L4P8YxXSqV4bfZSpzEKty1B4CFBQhIhiM2gQ">
    </div>
    <div class="aspNetHidden">
      <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="083904C0">
    </div>
    <div>


      <!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>SaleCycle Fluid Template</title>
      <style type="text/css">
        body {font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: #000001;}.ReadMsgBody {width: 100%;background-color: #eeeeee;}.ExternalClass {width: 100%;background-color: #eeeeee;}.ExternalClass, .ExternalClass p, .ExternalClass br, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}table {border-spacing: 0;}table td {border-collapse: collapse;box-sizing: border-box;}.yshortcuts a {border-bottom: none !important;}#backgroundTable {margin: 0;padding: 0;width: 100% !important;line-height: 100% !important;}span[class=preheader] {display: none !important;display: none!important;visibility: hidden!important;max-height: 0px!important;max-width: 0px!important;}a[x-apple-data-detectors] {color: inherit !important;text-decoration: none !important;font-size: inherit !important;font-family: inherit !important;font-weight: inherit !important;line-height: inherit !important;}@media screen and (max-device-width: 600px), screen and (max-width: 600px) {img[class=blankgmail] {width: 100% !important;min-width: 100% !important;}table[class=fluid] {width: 100% !important;}img[class=fluid] {width: 100% !important;max-width: 100% !important;height: auto !important;}*[class=vanish] {display: none!important;visibility: hidden!important;max-height: 0px!important;max-width: 0px!important;display: none!important;visibility: hidden!important;max-height: 0px!important;max-width: 0px!important;}td[class=clearpad] {padding: 0px!important;}td[class=pad-lr10] {padding-left: 10px!important;padding-right: 10px!important;}td[class=pad-lr20] {padding-left: 20px!important;padding-right: 20px!important;}td[class=banner] {background-image: url(http://images.salecycle.com/19200/14997/Banner_C1_Mobile.png)!important;}td[class=recommend] {background-image: url(http://images.salecycle.com/19200/14997/Banner_Recommended_Mobile.png)!important;height: 710px!important;}td[class=alignright] {text-align: right!important;padding-top: 40px!important;}td[class=total] {background-image: url(http://images.salecycle.com/19200/14997/Banner_Total_Mob.png)!important;}td[class=follow] {background-image: url(http://images.salecycle.com/19200/14997/Banner_FollowMobile.png)!important;height: 250px!important;}*[class=width320] {width: 320px!important;}*[class=width240] {width: 240px!important;}*[class=width20] {width: 20px!important;}*[class=width165] {width: 165px!important;}*[class=height140] {height: 140px!important;}}@media screen and (max-device-width: 480px), screen and (max-width: 480px) {}
      </style>


      <!--------------------------- PRE HEADER (Change Text Colour To Match Background Colour) -------------------------><span class="preheader" style="font-size:1px; line-height:0; mso-margin-top-alt:1px; color:#ffffff; display: none !important; mso-hide:all;"> Complete Your Order Today! </span>
      <!------------------------------------------------ END OF PRE HEADER --------------------------------------------->
      <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" id="backgroundTable" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
        <tbody>
          <tr>
            <td align="center" valign="top" bgcolor="#e5e5e5">
              <table style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="fluid" width="650" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                  <tr>
                    <td align="center" valign="top">
                      <!--------------------------- START INNER 600PX EMAIL CONTAINER ------------------------->
                      <table width="600" class="fluid" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                        <tbody>
                          <tr>
                            <td style="font-size:1px; line-height:0; mso-margin-top-alt:1px;"><img class="blankgmail" style="width:600px; height:1px; border: 0; padding: 0; display: block; min-width:600px; max-height:1px" src="http://images.salecycle.com/17516/2905/blank.gif" height="2" alt=""></td>
                          </tr>
                          <tr>
                            <td align="center" style="color:#666666; padding:10px; font-size:10px; font-family:sans-serif;"><a href="#" target="_blank" style="color: #666666;"> View in Browser </a></td>
                          </tr>
                          <tr>
                            <td bgcolor="#FFFFFF" align="center" valign="top" style="padding: 20px 0px;">
                              <table class="fluid" align="center" width="560" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                  <tr>
                                    <td class="vanish" width="87" height="60" align="center" style="height: 60px;">
                                      <a href="http://us.mcmworldwide.com/en/women?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-JoqDXviOLyT5MfNg57cHDQ" target="_blank"><br>
                                        <br>
                                        <br>
                                        <img src="http://images.salecycle.com/19200/14997/Nav_Women.png" width="45" height="9" border="none" alt="Women"></a>
                                    </td>
                                    <td class="vanish" width="66" height="60" align="center" style="height: 60px;">
                                      <a href="http://us.mcmworldwide.com/en/men?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-JoqDXviOLyRMQqu_55ASoQ" target="_blank"><br>
                                        <br>
                                        <br>
                                        <img src="http://images.salecycle.com/19200/14997/Nav_Men.png" width="24" height="9" border="none" alt="Men"></a>
                                    </td>
                                    <td class="vanish" width="86" height="60" align="center" style="height: 60px;">
                                      <a href="http://us.mcmworldwide.com/en/travel?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-0Ym3WoI8WgJoBjI.sLcARw" target="_blank"><br>
                                        <br>
                                        <br>
                                        <img src="http://images.salecycle.com/19200/14997/Nav_Travel.png" width="44" height="9" border="none" alt="Travel"></a>
                                    </td>
                                    <td align="center" height="60" style="height: 60px;">
                                      <a href="https://us.mcmworldwide.com/en/home?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-0w42z7vk6hS5rAJlUXLzEA" target="_blank"><img src="http://images.salecycle.com/19200/14997/Logo.png" width="58" height="59" border="none" alt=""></a>
                                    </td>
                                    <td class="vanish" width="66" height="60" align="center" style="height: 60px;">
                                      <a href="http://us.mcmworldwide.com/en/gifts/holiday-gift-guide.html" target="_blank"><br>
                                        <br>
                                        <br>
                                        <img src="http://images.salecycle.com/19200/14997/Nav_Gifts.png" width="32" height="9" border="none" alt="Women"></a>
                                    </td>
                                    <td class="vanish" width="108" height="60" align="center" style="height: 60px;">
                                      <a href="https://us.mcmworldwide.com/en/collection/autumn-winter-2016?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-60Xjyanc3UzakcRcQ.wTLQ" target="_blank"><br>
                                        <br>
                                        <br>
                                        <img src="http://images.salecycle.com/19200/14997/Nav_Collection.png" width="74" height="9" border="none" alt="Men"></a>
                                    </td>
                                    <td class="vanish" width="64" height="60" align="center" style="height: 60px;">
                                      <a href="https://us.mcmworldwide.com/en/cart?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-p6DVXEprq.AD4zqbyHoPPQ" target="_blank"><br>
                                        <br>
                                        <br>
                                        <img src="http://images.salecycle.com/19200/14997/Nav_Cart.png" width="30" height="9" border="none" alt="Travel"></a>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                          <tr>
                            <td class="banner" background="http://images.salecycle.com/19200/14997/Banner_C1_Desktop.png" align="center" bgcolor="#d9d3c9" width="600" valign="top" style="background-repeat: no-repeat; background-position: center top;">
                              <!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:235px;"><v:fill type="frame" src="http://images.salecycle.com/19200/14997/Banner_OutlookFallback3.png" color="#222222" /><v:textbox inset="0,0,0,0"><![endif]-->
                              <table class="width320" width="600" border="0" cellspacing="0" cellpadding="0" style="width:600px;">
                                <tbody>
                                  <tr>
                                    <td height="100" style="height: 100px;">&nbsp; </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table class="width320" width="600" border="0" cellspacing="0" cellpadding="0" style="width:600px;">
                                <tbody>
                                  <tr>
                                    <td class="vanish" width="260" style="width: 260px;">&nbsp; </td>
                                    <td class="width20" width="30" style="width: 30px;">&nbsp; </td>
                                    <td class="alignright" width="280" height="134" align="center" style="width: 280px; height:134px;">
                                      <a href="https://us.mcmworldwide.com/en/cart?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-rsw_8LF.dMamTOgHVk5pNg" target="_blank"><img src="http://images.salecycle.com/19200/14997/YouLeftSomethingBehind_White.png" width="187" height="94" border="none" alt=""></a>
                                    </td>
                                    <td class="width20" width="30" style="width: 30px;">&nbsp; </td>
                                  </tr>
                                </tbody>
                              </table>
                              <!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
                              <table class="width320" width="600" border="0" cellspacing="0" cellpadding="0" style="width:600px;">
                                <tbody>
                                  <tr>
                                    <td class="vanish" width="260" style="width:260px;">&nbsp; </td>
                                    <td class="width20" width="30" style="width:30px;">
                                      <!--[if gte mso 9]><span style="display:none"><![endif]--><img src="http://images.salecycle.com/19200/14997/BoxShadowLeft.png" width="100%" height="100%" alt="">
                                      <!--[if gte mso 9]></span><![endif]-->
                                    </td>
                                    <td width="280" align="center" bgcolor="#FFFFFF" style="padding: 20px 0px 0px 0px; width:280px;">
                                      <table width="280" border="0" cellspacing="0" cellpadding="0" style="width:280px;">
                                        <tbody>
                                          <tr>
                                            <td width="20" style="width:20px;"></td>
                                            <td width="100" align="left" style="width:100px;">
                                              <a href="http://us.mcmworldwide.com/en/men/stark-backpack/MMK6SVE18BK001.html?cgid=Women-BackPacks-BackPacks%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-dJhjyCEScdYDM6dsHZO6AA" target="_blank"><img src="https://sits-pod27.demandware.net/dw/image/v2/AAUC_PRD/on/demandware.static/-/Sites-MCM_Master_Product_Catalog/default/dw60077948/productimages/MMK6SVE18BK_front.jpg?sw=270&amp;sh=292" width="92"
                                                  height="100" border="none" alt=""></a>
                                            </td>
                                            <td align="left" style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:13px; mso-line-height-rule:exactly; line-height:20px; font-weight:bold;"><a href="http://us.mcmworldwide.com/en/men/stark-backpack/MMK6SVE18BK001.html?cgid=Women-BackPacks-BackPacks%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-lEFz_FVxI0xmGOKPwIbStw" style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:13px; mso-line-height-rule:exactly; line-height:20px; text-decoration:none; font-weight:bold;"
                                                target="_blank">STARK BACKPACK</a><br>
                                              <span style="font-weight: normal; font-family: 'Times New Roman', Palatino, serif; font-style: italic;">Color: Black<br>
                              Size: Medium</span><br> $980 </td>
                                            <td width="20" style="width:20px;"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <table width="280" border="0" cellspacing="0" cellpadding="0" style="width:280px;">
                                        <tbody>
                                          <tr>
                                            <td width="20" style="padding:20px 0px 0px 0px; width: 20px;"></td>
                                            <td bgcolor="#ffffff" style="padding:20px 0px 0px 0px">
                                              <table style="border-top: solid 1px #eeeeee; width:240px" width="240" border="0" cellspacing="0" cellpadding="0">
                                                <tbody>
                                                  <tr>
                                                    <td style="font-size:1px; line-height:0; mso-margin-top-alt:1px; color:#ffffff;"> . </td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                            </td>
                                            <td width="20" style="padding:20px 0px 0px 0px; width: 20px;"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                    <td class="width20" width="30">
                                      <!--[if gte mso 9]><span style="display:none"><![endif]--><img src="http://images.salecycle.com/19200/14997/BoxShadowRight.png" width="100%" height="100%" alt="">
                                      <!--[if gte mso 9]></span><![endif]-->
                                    </td>
                                  </tr>
                                  <tr>
                                    <td class="vanish" width="260" style="width:260px;">&nbsp; </td>
                                    <td class="width20" width="30" style="width:30px;">
                                      <!--[if gte mso 9]><span style="display:none"><![endif]--><img src="http://images.salecycle.com/19200/14997/BoxShadowLeft.png" width="100%" height="100%" alt="">
                                      <!--[if gte mso 9]></span><![endif]-->
                                    </td>
                                    <td width="280" align="center" bgcolor="#FFFFFF" style="padding: 20px 0px 0px 0px; width:280px;">
                                      <table width="280" border="0" cellspacing="0" cellpadding="0" style="width:280px;">
                                        <tbody>
                                          <tr>
                                            <td width="20" style="width:20px;"></td>
                                            <td width="100" align="left" style="width:100px;">
                                              <a href="http://us.mcmworldwide.com/en/men/stark-backpack/MMK6SVE18CO001.html?cgid=Women-BackPacks-BackPacks%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-YWHDxQUve.ae18ciKhIa1w" target="_blank"><img src="https://sits-pod27.demandware.net/dw/image/v2/AAUC_PRD/on/demandware.static/-/Sites-MCM_Master_Product_Catalog/default/dw5b3121c6/productimages/MMK6SVE18CO_front.jpg?sw=270&amp;sh=292" width="92"
                                                  height="100" border="none" alt=""></a>
                                            </td>
                                            <td align="left" style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:13px; mso-line-height-rule:exactly; line-height:20px; font-weight:bold;"><a href="http://us.mcmworldwide.com/en/men/stark-backpack/MMK6SVE18CO001.html?cgid=Women-BackPacks-BackPacks%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-fnnE69LT9oS_gZpzhcPRJw" style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:13px; mso-line-height-rule:exactly; line-height:20px; text-decoration:none; font-weight:bold;"
                                                target="_blank">STARK BACKPACK</a><br>
                                              <span style="font-weight: normal; font-family: 'Times New Roman', Palatino, serif; font-style: italic;">Color: Cognac<br>
                              Size: Medium</span><br> $980 </td>
                                            <td width="20" style="width:20px;"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <table width="280" border="0" cellspacing="0" cellpadding="0" style="width:280px;">
                                        <tbody>
                                          <tr>
                                            <td width="20" style="padding:20px 0px 0px 0px; width: 20px;"></td>
                                            <td bgcolor="#ffffff" style="padding:20px 0px 0px 0px">
                                              <table style="border-top: solid 1px #eeeeee; width:240px" width="240" border="0" cellspacing="0" cellpadding="0">
                                                <tbody>
                                                  <tr>
                                                    <td style="font-size:1px; line-height:0; mso-margin-top-alt:1px; color:#ffffff;"> . </td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                            </td>
                                            <td width="20" style="padding:20px 0px 0px 0px; width: 20px;"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                    <td class="width20" width="30">
                                      <!--[if gte mso 9]><span style="display:none"><![endif]--><img src="http://images.salecycle.com/19200/14997/BoxShadowRight.png" width="100%" height="100%" alt="">
                                      <!--[if gte mso 9]></span><![endif]-->
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                          <tr>
                            <td class="total" align="center" background="http://images.salecycle.com/19200/14997/Banner_Total_Desktop.png" bgcolor="#ffffff" width="600" height="196" valign="top" style="background-repeat: no-repeat; background-position: center top; width: 600px; height: 196px;">
                              <!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:196px;"><v:fill type="frame" src="http://images.salecycle.com/19200/14997/Banner_Total_Desktop.png" color="#ffffff" /><v:textbox inset="0,0,0,0"><![endif]-->
                              <table class="width240" width="600" border="0" cellspacing="0" cellpadding="0" style="width:600px">
                                <tbody>
                                  <tr>
                                    <td class="vanish" width="310" style="width:310px;">&nbsp; </td>
                                    <td width="240" align="center" bgcolor="#FFFFFF" style="padding: 0px; width: 240px;">
                                      <table width="240" border="0" cellspacing="0" cellpadding="0" style="width:240px">
                                        <tbody>
                                          <tr>
                                            <td height="50" align="left" width="100" style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:14px; mso-line-height-rule:exactly; line-height:20px; font-weight:bold; width:100px;"> SUBTOTAL: </td>
                                            <td align="right" width="140" style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:14px; mso-line-height-rule:exactly; line-height:20px; font-weight:bold; width: 140px;"> $1960.00 </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                    <td class="vanish" width="50" style="width:50px;"></td>
                                  </tr>
                                  <tr>
                                    <td class="vanish" width="310" style="width:310px;">&nbsp; </td>
                                    <td width="240" height="50" align="center" bgcolor="#FFFFFF" style="padding: 0px; width: 240px; height: 50px;">
                                      <a href="https://us.mcmworldwide.com/en/cart?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-lEFz_FVxI0z4.J9aZP2w6Q" target="_blank"><img src="http://images.salecycle.com/19200/14997/CTA_Checkout.png" width="240" height="40" border="none" alt="" style="width: 240px;"></a>
                                    </td>
                                    <td class="vanish" width="50" style="width:50px;"></td>
                                  </tr>
                                  <tr>
                                    <td class="vanish" width="310" style="width:310px;">&nbsp; </td>
                                    <td width="240" height="50" align="center" bgcolor="#FFFFFF" style="padding: 0px; width: 240px; height: 50px;">
                                      <a href="https://us.mcmworldwide.com/en/cart?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-fnnE69LT9oT07ne.DwaGJg" target="_blank"><img src="http://images.salecycle.com/19200/14997/CTA_Edit.png" width="240" height="40" border="none" alt=""></a>
                                    </td>
                                    <td class="vanish" width="50" style="width:50px;"></td>
                                  </tr>
                                </tbody>
                              </table>
                              <!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
                            </td>
                          </tr>
                          <tr>
                            <td bgcolor="#FFFFFF" align="left" valign="top" height="20"></td>
                          </tr>
                          <tr>
                            <td class="recommend" background="http://images.salecycle.com/19200/14997/Banner_Recommended_Desktop2.png" align="center" bgcolor="#E7EDF0" width="600" height="675" valign="top" style="background-repeat: no-repeat; background-position: center top;">
                              <!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:675px;"><v:fill type="frame" src="http://images.salecycle.com/19200/14997/Banner_Recommended_Desktop2.png" color="#222222" /><v:textbox inset="0,0,0,0"><![endif]-->
                              <table class="width320" width="600" border="0" cellspacing="0" cellpadding="0" style="width:600px;">
                                <tbody>
                                  <tr>
                                    <td class="height140" height="100" style="height: 100px;">&nbsp; </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table class="width320" width="600" border="0" cellspacing="0" cellpadding="0" style="width:600px;">
                                <tbody>
                                  <tr>
                                    <td class="width20" width="30" style="width: 30px;">&nbsp; </td>
                                    <td width="280" height="125" align="center" style="width: 280px; height:125px;">
                                      <a href="#" target="_blank"><img src="http://images.salecycle.com/19200/14997/YouMayAlsoEnjoy.png" width="161" border="none" alt=""></a>
                                    </td>
                                    <td class="width20" width="30" style="width: 30px;">&nbsp; </td>
                                    <td class="vanish" width="260" style="width: 260px;">&nbsp; </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table class="width320" width="600" border="0" cellspacing="0" cellpadding="0" style="width:600px;">
                                <tbody>
                                  <tr>
                                    <td class="width20" width="30" style="width:30px;"></td>
                                    <td width="280" align="center" style="padding: 18px 0px 0px 0px; width:280px;">
                                      <table width="280" border="0" cellspacing="0" cellpadding="0" style="width:280px;">
                                        <tbody>
                                          <tr>
                                            <td width="20" style="width:20px;"></td>
                                            <td width="100" align="left" style="width:100px;">
                                              <a href="http://us.mcmworldwide.com/en/women/small-leather-goods/color-visetos-three-fold-wallet/MYS6AVC83CO001.html?cgid=Women-SmallLeatherGoods?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-T7KUqgi5kyi__nhbsGzyyw"
                                                target="_blank"><img src="https://sits-pod27.demandware.net/dw/image/v2/AAUC_PRD/on/demandware.static/-/Sites-MCM_Master_Product_Catalog/default/dwe36889e5/productimages/MYS6AVC83CO_front.jpg?sw=270&amp;sh=292" width="92"
                                                  height="100" border="none" alt=""></a>
                                            </td>
                                            <td align="left" style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:12px; mso-line-height-rule:exactly; line-height:20px; font-weight:bold;"><a href="http://us.mcmworldwide.com/en/gifts/gifts-under-%24300-1/color-visetos-three-fold-wallet/MYS6AVC83CO001.html?cgid=Women-SmallLeatherGoods%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-0yctvsKcflEB..E4Nw6XOQ"
                                                style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:13px; text-decoration:none; mso-line-height-rule:exactly; line-height:20px; font-weight:bold;" target="_blank">COLOR VISETOS THREE FOLD WALLET</a><br>
                                              <a href="http://us.mcmworldwide.com/en/gifts/gifts-under-%24300-1/color-visetos-three-fold-wallet/MYS6AVC83CO001.html?cgid=Women-SmallLeatherGoods%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-jPd0O6j.jTbZBnfXzL0CnA" style="font-weight: normal; font-family: 'Times New Roman', Palatino, serif; font-style: italic; color:#2b2b2b; font-size:13px; mso-line-height-rule:exactly; line-height:20px; font-weight: normal; text-decoration: underline;"
                                                target="_blank"> View Item</a></td>
                                            <td width="20" style="width:20px;"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <table width="280" border="0" cellspacing="0" cellpadding="0" style="width:280px;">
                                        <tbody>
                                          <tr>
                                            <td width="20" style="padding:18px 0px 0px 0px; width: 20px;"></td>
                                            <td style="padding:18px 0px 0px 0px">
                                              <table style="border-top: solid 1px #eeeeee; width:240px" width="240" border="0" cellspacing="0" cellpadding="0">
                                                <tbody>
                                                  <tr>
                                                    <td style="font-size:1px; line-height:0; mso-margin-top-alt:1px; color:#ffffff;"> . </td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                            </td>
                                            <td width="20" style="padding:18px 0px 0px 0px; width: 20px;"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                    <td class="width20" width="30"></td>
                                    <td class="vanish" width="260" style="width:260px;">&nbsp; </td>
                                  </tr>
                                  <tr>
                                    <td class="width20" width="30" style="width:30px;"></td>
                                    <td width="280" align="center" style="padding: 18px 0px 0px 0px; width:280px;">
                                      <table width="280" border="0" cellspacing="0" cellpadding="0" style="width:280px;">
                                        <tbody>
                                          <tr>
                                            <td width="20" style="width:20px;"></td>
                                            <td width="100" align="left" style="width:100px;">
                                              <a href="http://us.mcmworldwide.com/en/men/claus-reversible-belt/MXB5AVI72LM130.html?cgid=men-belts%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-iRcpqaO1hwQJbNorkuSMqw" target="_blank"><img src="http://demandware.edgesuite.net/sits_pod27/dw/image/v2/AAUC_PRD/on/demandware.static/-/Sites-MCM_Master_Product_Catalog/default/dw33ce6066/productimages/MXB5AVI72LM_front.jpg?sw=270&amp;sh=292" width="92"
                                                  height="100" border="none" alt=""></a>
                                            </td>
                                            <td align="left" style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:12px; mso-line-height-rule:exactly; line-height:20px; font-weight:bold;"><a href="http://us.mcmworldwide.com/en/men/claus-reversible-belt/MXB5AVI72LM130.html?cgid=men-belts%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-.beqfUDRVIGNGFkyzgZGcQ" style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:13px; text-decoration:none; mso-line-height-rule:exactly; line-height:20px; font-weight:bold;"
                                                target="_blank">CLAUS Reversible Belt</a><br>
                                              <a href="http://us.mcmworldwide.com/en/men/claus-reversible-belt/MXB5AVI72LM130.html?cgid=men-belts%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-Jsrwj7U0ZtlROFg0R3Nk5w" style="font-weight: normal; font-family: 'Times New Roman', Palatino, serif; font-style: italic; color:#2b2b2b; font-size:13px; mso-line-height-rule:exactly; line-height:20px; font-weight: normal; text-decoration: underline;"
                                                target="_blank"> View Item</a></td>
                                            <td width="20" style="width:20px;"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <table width="280" border="0" cellspacing="0" cellpadding="0" style="width:280px;">
                                        <tbody>
                                          <tr>
                                            <td width="20" style="padding:18px 0px 0px 0px; width: 20px;"></td>
                                            <td style="padding:18px 0px 0px 0px">
                                              <table style="border-top: solid 1px #eeeeee; width:240px" width="240" border="0" cellspacing="0" cellpadding="0">
                                                <tbody>
                                                  <tr>
                                                    <td style="font-size:1px; line-height:0; mso-margin-top-alt:1px; color:#ffffff;"> . </td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                            </td>
                                            <td width="20" style="padding:18px 0px 0px 0px; width: 20px;"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                    <td class="width20" width="30"></td>
                                    <td class="vanish" width="260" style="width:260px;">&nbsp; </td>
                                  </tr>
                                  <tr>
                                    <td class="width20" width="30" style="width:30px;"></td>
                                    <td width="280" align="center" style="padding: 18px 0px 0px 0px; width:280px;">
                                      <table width="280" border="0" cellspacing="0" cellpadding="0" style="width:280px;">
                                        <tbody>
                                          <tr>
                                            <td width="20" style="width:20px;"></td>
                                            <td width="100" align="left" style="width:100px;">
                                              <a href="http://us.mcmworldwide.com/en/women/stark-odeon-backpack/MMK6AVH45BK001.html?cgid=Women-BackPacks-BackPacks%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-iRcpqaO1hwRfqBvz5LloZA"
                                                target="_blank"><img src="https://sits-pod27.demandware.net/dw/image/v2/AAUC_PRD/on/demandware.static/-/Sites-MCM_Master_Product_Catalog/default/dwb0b5093b/productimages/MMK6AVH45BK_front.jpg?sw=270&amp;sh=292" width="92"
                                                  height="100" border="none" alt=""></a>
                                            </td>
                                            <td align="left" style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:12px; mso-line-height-rule:exactly; line-height:20px; font-weight:bold;"><a href="http://us.mcmworldwide.com/en/women/stark-odeon-backpack/MMK6AVH45BK001.html?cgid=Women-BackPacks-BackPacks%3Futm_source%3Daffiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-2z_alWZfGm6nzzuuOWpaQw"
                                                style="font-family:'Helvetica Neue', Arial, sans-serif; color:#2b2b2b; font-size:13px; text-decoration:none; mso-line-height-rule:exactly; line-height:20px; font-weight:bold;" target="_blank">STARK ODEON BACKPACK</a><br>
                                              <a href="http://click.linksynergy.com/fs-bin/click?id=znnwmcCiFOo&amp;subid=&amp;offerid=438753.1 &amp;type=10&amp;tmpid=20774&amp;RD_PARM1=http://us.mcmworldwide.com/en/women/backpacks/stark-odeon-backpack/MMK6AVH45BK001.html?cgid=Women-BackPacks-BackPacks"
                                                style="font-weight: normal; font-family: 'Times New Roman', Palatino, serif; font-style: italic; color:#2b2b2b; font-size:13px; mso-line-height-rule:exactly; line-height:20px; font-weight: normal; text-decoration: underline;"
                                                target="_blank"> View Item</a></td>
                                            <td width="20" style="width:20px;"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <table width="280" border="0" cellspacing="0" cellpadding="0" style="width:280px;">
                                        <tbody>
                                          <tr>
                                            <td width="20" style="padding:18px 0px 0px 0px; width: 20px;"></td>
                                            <td style="padding:18px 0px 0px 0px">
                                              <table style="border-top: solid 1px #FFFFFF; width:240px" width="240" border="0" cellspacing="0" cellpadding="0">
                                                <tbody>
                                                  <tr>
                                                    <td style="font-size:1px; line-height:0; mso-margin-top-alt:1px; color:#ffffff;"> . </td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                            </td>
                                            <td width="20" style="padding:18px 0px 0px 0px; width: 20px;"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                    <td class="width20" width="30"></td>
                                    <td class="vanish" width="260" style="width:260px;">&nbsp; </td>
                                  </tr>
                                </tbody>
                              </table>
                              <!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
                            </td>
                          </tr>
                          <tr>
                            <td bgcolor="#FFFFFF" align="left" valign="top" height="20"></td>
                          </tr>
                          <tr>
                            <td class="follow" align="center" background="http://images.salecycle.com/19200/14997/Banner_FollowC2.png" bgcolor="#ffffff" width="600" height="200" valign="top" style="background-position: center; background-repeat: no-repeat; width: 600px; height: 200px;">
                              <!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:200px;"><v:fill type="frame" src="http://images.salecycle.com/19200/14997/Banner_FollowC2.png" color="#ffffff" /><v:textbox inset="0,0,0,0"><![endif]-->
                              <table width="100%" border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
                                <tbody>
                                  <tr>
                                    <td class="vanish" width="290" style="width: 290px;">&nbsp; </td>
                                    <td align="center" style="padding: 110px 0px 0px 0px;">
                                      <a href="https://www.facebook.com/MCMWorldwide?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-phqkifFiw.ijVOYYePBYfw" style="color:#dddddd;text-decoration:none;" target="_blank"><img src="http://images.salecycle.com/19200/14997/Social_FB.png" width="30" height="30" border="none" alt=""></a> &nbsp;&nbsp;
                                      <a href="https://twitter.com/mcmtweets?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-eUkBoyed3Lufyyu5oj5UFg"
                                        style="color:#dddddd;text-decoration:none;" target="_blank"><img src="http://images.salecycle.com/19200/14997/Social_TW.png" width="30" height="30" border="none" alt=""></a> &nbsp;&nbsp;
                                      <a href="https://www.instagram.com/mcmworldwide/?siteID=znnwmcCiFOo-fGdu0XzUgIC6ke.RBA6M_g&amp;utm_medium=rakuten&amp;utm_source=affiliate"
                                        style="color:#dddddd;text-decoration:none;" target="_blank"><img src="http://images.salecycle.com/19200/14997/Social_IG.png" width="30" height="30" border="none" alt=""></a> &nbsp;&nbsp;
                                      <a href="https://www.youtube.com/user/MCMWorldwide/featured?utm_source=affiliate&amp;utm_medium=rakuten&amp;siteID=znnwmcCiFOo-_3klEYPNYyCV7uhmjmQYOQ"
                                        style="color:#dddddd;text-decoration:none;" target="_blank"><img src="http://images.salecycle.com/19200/14997/Social_YT.png" width="30" height="30" border="none" alt=""></a>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
                            </td>
                          </tr>
                          <tr>
                            <td bgcolor="#000000" class="pad-lr10" align="center" style="color:#dddddd; padding:20px 0px 30px; font-size:10px; font-family:sans-serif;"><img src="http://images.salecycle.com/19200/14997/LogoFooter.png" width="33" height="33" alt=""><br>
                              <br> ©Copyright 2016 MCM Worldwide<br> 712 Fifth Avenue, New York, NY 10019<br> If you’ve already completed your purchase, please disregard this email.<br>
                              <a href="#" target="_blank" style="text-decoration:none; color:#dddddd; "> Unsubscribe </a></td>
                          </tr>
                        </tbody>
                      </table>
                      <!--------------------------- END INNER 600PX EMAIL CONTAINER ------------------------->
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
      <!--------------------------- Gmail App Iphone Width Fix ------------------------->
      <div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff;"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </div>
      <!------------------------ End Of Gmail App Iphone Width Fix ---------------------->

    </div>
  </form>


</body>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console