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

              
                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
      #outlook a {
      padding:0 !important;
      }
      body {
      background-color: #FFFFFF !important;
      }
      a {
      color: #cb8700 !important;
      }
      
      @media screen and (max-width: 480px) {
      *[class~=mobile-only] {display: block !important; width: auto !important; max-height: inherit !important; overflow: visible !important; float: none !important;}
      
      body[yahoofix] table {width:100% !important; border-collapse: collapse !important;}
      
      table[class=wrap],td[class=wrap] {
      width:100% !important;
      max-width:100% !important;
      min-width:320px !important;
      height:auto !important;
      }
      
      table[class=wrap2],td[class=wrap2] {
      width:100% !important;
      max-width:250px !important;
      height:auto !important;
      }
      
      td[class=font-footer] {
       text-align: center !important;
      }
      
      td[class=text-center] {
       text-align: center !important;
      }
      
      td[class=font-mobile] {
       font-size:14px !important;
       line-height:20px !important;
      }
      
      td[class=font-mobile-2] {
       font-size:12px !important;
       line-height:17px !important;
      }
      
      td[class=font-headline] {
       font-size:18px !important;
       line-height:20px !important;
      }
      
      td[class=font-headline2] {
       font-size:16px !important;
       line-height:18px !important;
      }
      
      img[class=responsive-image] {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      }
      
      img[class=responsive-image-footer] {
      width: 30px !important;
      height: auto !important;
      }
      
      img[class=responsive-image-header] {
      width: 100% !important;
      max-width: 110px !important;
      height: auto !important;
      }
      
      td[class=width20] {
      width: 20px !important;
      min-width: 20px !important;
      }
      
      td[class=width10] {
      width: 10px !important;
      min-width: 10px !important;
      }
      
      td[class=width5] {
      width: 5px !important;
      min-width: 5px !important;
      }
      
      td[class=height5] {
      height: 5px !important;
      }
      
      td[class=height10] {
      height: 10px !important;
      }
      
      td[class=height15] {
      height: 15px !important;
      }
      
      td[class=height20] {
      height: 20px !important;
      }
      
      td[class=paddingnone] {
       padding-right:0px !important;
       padding-left:0px !important;
      }
      
      td[class=mobile-padding] {
       padding-right:10px !important;
       padding-left:10px !important;
      }
      
      table[class=padding-bottom], td[class=padding-bottom] {
       padding-bottom:15px !important;
      }
      
      table[class=empty], td[class=empty], span[class=empty] {
      width: 0 !important;
      height: 0 !important;
      display: none !important;
      }
      
      }
    </style>
  </head>
  
  <body bgcolor="#FFFFFF" leftmargin="3" link="#cb8700" marginheight="3" marginwidth="3"
  topmargin="3" vlink="#cb8700" yahoofix="">
    <img src="http://l.email.woodmagazine.com/rts/open.aspx?tp=i-H43-9U-1BHN-GQ2tvz-Hv-4HVVO-1c-GQ2qUz-oN2mm"
    height="1" width="1" style="display:none">
    <table border="0" cellpadding="0" cellspacing="0" width="600">
      <tbody>
        <tr>
          <td>
            <table align="center" bgcolor="#2d4762" border="0" cellpadding="0" cellspacing="0"
            width="600">
              <tbody>
                <tr>
                  <td>
                    <table align="center" bgcolor="#2d4762" border="0" cellpadding="0" cellspacing="0"
                    width="600">
                      <tbody>
                        <tr>
                          <td class="height10" height="15"></td>
                        </tr>
                      </tbody>
                    </table>
                    <table align="center" bgcolor="#2d4762" border="0" cellpadding="0" cellspacing="0"
                    width="600">
                      <tbody>
                        <tr>
                          <td class="width10" width="10"></td>
                          <td>
                            <a data-link-name="Header Image" href="https://www.woodstore.net/default.asp">
                              <img alt="" class="responsive-image-header" height="50" name="" src="http://images.meredith.com/wood/images/newsletters/2014/11/Logo.jpg"
                              style="display:block; border:none;" width="139" />
                            </a>
                          </td>
                          <td align="right" class="font-headline2" style="FONT: 28px Arial, Helvetica, sans-serif; color:#ffffff"
                          valign="bottom">WOOD Store Deals</td>
                          <td class="width10" width="10"></td>
                        </tr>
                      </tbody>
                    </table>
                    <table align="center" bgcolor="#2d4762" border="0" cellpadding="0" cellspacing="0"
                    width="600">
                      <tbody>
                        <tr>
                          <td class="height5" height="10"></td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td height="3"></td>
                </tr>
              </tbody>
            </table>
            <table align="center" bgcolor="#2d4762" border="0" cellpadding="0" cellspacing="0"
            width="600">
              <tbody>
                <tr>
                  <td height="3"></td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td height="7"></td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td>
                    <table align="right" border="0" cellpadding="0" cellspacing="0" width="250">
                      <tbody>
                        <tr>
                          <td style="FONT: bold 9px Arial, Helvetica, sans-serif; color:#cb8700; text-transform:uppercase;">Connect with WOOD&reg; Store</td>
                          <td width="10"></td>
                          <td>
                            <a data-link-name="Facebook 1" href="https://www.facebook.com/woodmagazine">
                              <img alt="" height="20" name="" src="http://images.meredith.com/wood/images/newsletters/2014/11/WOOD_Deals_r1_c4.jpg"
                              style="display:block; border:none;" width="20" />
                            </a>
                          </td>
                          <td width="10"></td>
                          <td>
                            <a data-link-name="Twitter 1" href="https://twitter.com/wood_magazine">
                              <img alt="" height="20" name="" src="http://images.meredith.com/wood/images/newsletters/2014/11/WOOD_Deals_r1_c6.jpg"
                              style="display:block; border:none;" width="20" />
                            </a>
                          </td>
                          <td width="10"></td>
                          <td>
                            <a data-link-name="Pinterest 1" href="https://www.pinterest.com/woodmagazine/">
                              <img alt="" height="20" name="" src="http://images.meredith.com/wood/images/newsletters/2014/11/WOOD_Deals_r1_c8.jpg"
                              style="display:block; border:none;" width="20" />
                            </a>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td height="5"></td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td></td>
                  <td>
                    <a data-link-name="Image A" href="https://www.woodstore.net/product-p/bnd-00025.htm?Click=74469">
                      <img alt="" class="responsive-image" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/01-game-bundle.jpg"
                      style="display:block; border:none;" width="600" />
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
                <tr valign="top">
                  <td style="border-bottom: dotted 1px #dedede">
                    <table cellpadding="0" cellspacing="0" height="1" width="600">
                      <tbody>
                        <tr>
                          <td></td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" style="border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; display:inline-table;"
                    width="190">
                      <tbody>
                        <tr>
                          <td>
                            <table align="center" border="0" cellpadding="0" cellspacing="0" width="190">
                              <tbody>
                                <tr>
                                  <td align="center">
                                    <a data-link-name="Image B" href="https://www.woodstore.net/Bar-Top-Dispenser-p/gr-01165.htm?Click=74469">
                                      <img alt="" border="0" height="190" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/02-Bar-Top-Dispenser.jpg"
                                      style="display:block; border:none;" width="190" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                                <tr>
                                  <td align="center" class="font-mobile" style="FONT: 12px Arial, Helvetica, sans-serif; color:#656565"></td>
                                </tr>
                                <tr>
                                  <td class="height15" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" style="border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; display:inline-table;"
                    width="202">
                      <tbody>
                        <tr>
                          <td class="paddingnone" style="padding-left:12px" width="190">
                            <table align="center" border="0" cellpadding="0" cellspacing="0" width="190">
                              <tbody>
                                <tr>
                                  <td align="center">
                                    <a data-link-name="Image C" href="https://www.woodstore.net/End-Grain-Butcher-Block-Cutting-Board-p/gr-00870a.htm?Click=74469">
                                      <img alt="" height="190" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/03-End-Grain-Butcher-Block-Cutting-Board.jpg"
                                      style="display:block; border:none;" width="190" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                                <tr>
                                  <td align="center" class="font-mobile" style="FONT: 12px Arial, Helvetica, sans-serif; color:#656565"></td>
                                </tr>
                                <tr>
                                  <td class="height15" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" style="border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; display:inline-table;"
                    width="202">
                      <tbody>
                        <tr>
                          <td class="paddingnone" style="padding-left:12px" width="190">
                            <table align="center" border="0" cellpadding="0" cellspacing="0" width="190">
                              <tbody>
                                <tr>
                                  <td align="center">
                                    <a data-link-name="Image D" href="https://www.woodstore.net/Party-Central-Home-Bar-p/gr-01141.htm?Click=74469">
                                      <img alt="" height="190" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/04-Party-Central-Home-Bar.jpg"
                                      style="display:block; border:none;" width="190" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                                <tr>
                                  <td align="center" class="font-mobile" style="FONT: 12px Arial, Helvetica, sans-serif; color:#656565"></td>
                                </tr>
                                <tr>
                                  <td class="height15" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
                <tr valign="top">
                  <td style="border-bottom: dotted 1px #dedede">
                    <table cellpadding="0" cellspacing="0" height="1" width="600">
                      <tbody>
                        <tr>
                          <td></td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td></td>
                  <td>
                    <a data-link-name="Image E" href="https://www.woodstore.net/Comfy-Cozy-Fire-Table-p/gr-01176.htm?Click=74469">
                      <img alt="" class="responsive-image" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/05-Comfy%2C-Cozy-Fire-Table.jpg"
                      style="display:block; border:none;" width="600" />
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
                <tr valign="top">
                  <td style="border-bottom: dotted 1px #dedede">
                    <table cellpadding="0" cellspacing="0" height="1" width="600">
                      <tbody>
                        <tr>
                          <td></td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" style="border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; display:inline-table;"
                    width="190">
                      <tbody>
                        <tr>
                          <td>
                            <table align="center" border="0" cellpadding="0" cellspacing="0" width="190">
                              <tbody>
                                <tr>
                                  <td align="center">
                                    <a data-link-name="Image F" href="https://www.woodstore.net/Beer-Caddy-p/gr-01054.htm?Click=74469">
                                      <img alt="" border="0" height="190" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/06-Beer_Caddy.jpg"
                                      style="display:block; border:none;" width="190" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                                <tr>
                                  <td align="center" class="font-mobile" style="FONT: 12px Arial, Helvetica, sans-serif; color:#656565"></td>
                                </tr>
                                <tr>
                                  <td class="height15" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" style="border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; display:inline-table;"
                    width="202">
                      <tbody>
                        <tr>
                          <td class="paddingnone" style="padding-left:12px" width="190">
                            <table align="center" border="0" cellpadding="0" cellspacing="0" width="190">
                              <tbody>
                                <tr>
                                  <td align="center">
                                    <a data-link-name="Image G" href="https://www.woodstore.net/Humidor-Keepsake-Box-p/gr-01100.htm?Click=74469">
                                      <img alt="" height="190" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/07-Humidor-or-Keepsake-Box.jpg"
                                      style="display:block; border:none;" width="190" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                                <tr>
                                  <td align="center" class="font-mobile" style="FONT: 12px Arial, Helvetica, sans-serif; color:#656565"></td>
                                </tr>
                                <tr>
                                  <td class="height15" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" style="border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; display:inline-table;"
                    width="202">
                      <tbody>
                        <tr>
                          <td class="paddingnone" style="padding-left:12px" width="190">
                            <table align="center" border="0" cellpadding="0" cellspacing="0" width="190">
                              <tbody>
                                <tr>
                                  <td align="center">
                                    <a data-link-name="Image H" href="https://www.woodstore.net/Gift-perfect-Wine-Box-p/gr-00529.htm?Click=74469">
                                      <img alt="" height="190" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/08-Gift-perfect-Wine-Box.jpg"
                                      style="display:block; border:none;" width="190" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                                <tr>
                                  <td align="center" class="font-mobile" style="FONT: 12px Arial, Helvetica, sans-serif; color:#656565"></td>
                                </tr>
                                <tr>
                                  <td class="height15" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
                <tr valign="top">
                  <td style="border-bottom: dotted 1px #dedede">
                    <table cellpadding="0" cellspacing="0" height="1" width="600">
                      <tbody>
                        <tr>
                          <td></td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td></td>
                  <td>
                    <a data-link-name="Image I" href="https://www.woodstore.net/Jig-Super-Bundle-p/bnd-00024.htm?Click=74469">
                      <img alt="" class="responsive-image" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/09-jig-bundle.jpg"
                      style="display:block; border:none;" width="600" />
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
                <tr valign="top">
                  <td style="border-bottom: dotted 1px #dedede">
                    <table cellpadding="0" cellspacing="0" height="1" width="600">
                      <tbody>
                        <tr>
                          <td></td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" style="border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; display:inline-table;"
                    width="190">
                      <tbody>
                        <tr>
                          <td>
                            <table align="center" border="0" cellpadding="0" cellspacing="0" width="190">
                              <tbody>
                                <tr>
                                  <td align="center">
                                    <a data-link-name="Image J" href="https://www.woodstore.net/Reliably-Rugged-Assembly-Table-p/gr-00843.htm?Click=74469">
                                      <img alt="" border="0" height="190" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/10-Reliably-Rugged-Assembly-Table.jpg"
                                      style="display:block; border:none;" width="190" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                                <tr>
                                  <td align="center" class="font-mobile" style="FONT: 12px Arial, Helvetica, sans-serif; color:#656565"></td>
                                </tr>
                                <tr>
                                  <td class="height15" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" style="border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; display:inline-table;"
                    width="202">
                      <tbody>
                        <tr>
                          <td class="paddingnone" style="padding-left:12px" width="190">
                            <table align="center" border="0" cellpadding="0" cellspacing="0" width="190">
                              <tbody>
                                <tr>
                                  <td align="center">
                                    <a data-link-name="Image K" href="https://www.woodstore.net/Tablesaw-Accessories-Cabinet-p/gr-00104.htm?Click=74469">
                                      <img alt="" height="190" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/11-Tablesaw-Accessories-Cabinet.jpg"
                                      style="display:block; border:none;" width="190" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                                <tr>
                                  <td align="center" class="font-mobile" style="FONT: 12px Arial, Helvetica, sans-serif; color:#656565"></td>
                                </tr>
                                <tr>
                                  <td class="height15" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" style="border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; display:inline-table;"
                    width="202">
                      <tbody>
                        <tr>
                          <td class="paddingnone" style="padding-left:12px" width="190">
                            <table align="center" border="0" cellpadding="0" cellspacing="0" width="190">
                              <tbody>
                                <tr>
                                  <td align="center">
                                    <a data-link-name="Image L" href="https://www.woodstore.net/Build-in-a-weekend-Assembly-Table-p/gr-01124.htm?Click=74469">
                                      <img alt="" height="190" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/12-Build-in-a-weekend-Assembly-Table.jpg"
                                      style="display:block; border:none;" width="190" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                                <tr>
                                  <td align="center" class="font-mobile" style="FONT: 12px Arial, Helvetica, sans-serif; color:#656565"></td>
                                </tr>
                                <tr>
                                  <td class="height15" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
                <tr valign="top">
                  <td style="border-bottom: dotted 1px #dedede">
                    <table cellpadding="0" cellspacing="0" height="1" width="600">
                      <tbody>
                        <tr>
                          <td></td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td align="center" height="15" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td></td>
                  <td>
                    <a data-link-name="Image M" href="https://www.woodstore.net/product-p/usb-00100-32.htm?Click=74469">
                      <img alt="" class="responsive-image" name="" src="https://s3.amazonaws.com/woodstore/images/emails/deals+newsletter/2018/180914/13-USB-drive.jpg"
                      style="display:block; border:none;" width="600" />
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td height="15"></td>
                </tr>
              </tbody>
            </table>
            <table align="center" bgcolor="#2d4762" border="0" cellpadding="0" cellspacing="0"
            width="600">
              <tbody>
                <tr>
                  <td align="center" bgcolor="#2d4762" height="10" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
                <tr>
                  <td bgcolor="#2d4762">
                    <table border="0" cellpadding="0" cellspacing="0" width="600">
                      <tbody>
                        <tr>
                          <td width="5"></td>
                          <td align="center" class="empty" style="FONT: bold 12px Arial, Helvetica, sans-serif; color:#7d97b3; text-transform:uppercase;">
                            <a data-link-name="Woodworking Plans" href="https://www.woodstore.net/Woodworking-Plans-s/18.htm?Click=74469">Woodworking Plans</a>
                          </td>
                          <td class="empty" width="10"></td>
                          <td align="center" class="empty" style="FONT: 12px Arial, Helvetica, sans-serif; color:#FFFFFF"></td>
                          <td class="empty" width="10"></td>
                          <td align="center" style="FONT: 12px Arial, Helvetica, sans-serif; color:#FFFFFF"><span style="color:#FFFFFF"><a data-link-name="$3 Shop" href="https://www.woodstore.net/3-Shop-Plans-s/51.htm?Click=74469">$3 Shop</a></span>
                          </td>
                          <td width="10"></td>
                          <td align="center" style="FONT: 12px Arial, Helvetica, sans-serif; color:#FFFFFF"><span style="color:#FFFFFF"><a data-link-name="Construction Grade" href="https://www.woodstore.net/Construction-Grade-Super-Bundle-p/bnd-00016.htm?Click=74469">Construction Grade</a></span>
                          </td>
                          <td width="10"></td>
                          <td align="center" style="FONT: 12px Arial, Helvetica, sans-serif; color:#FFFFFF"><span style="color:#FFFFFF"><a data-link-name="Shop Gadget Bundle" href="https://www.woodstore.net/Shop-Gadget-Bundle-p/bnd-00020.htm?Click=74469">Shop Gadget Bundle</a></span>
                          </td>
                          <td class="empty" width="10"></td>
                          <td align="center" class="empty" style="FONT: 12px Arial, Helvetica, sans-serif; color:#FFFFFF"><span style="color:#FFFFFF"><a data-link-name="Storage Plan Bundle" href="https://www.woodstore.net/Storage-Super-Bundle-p/bnd-00019.htm?Click=74469">Storage Plan Bundle</a></span>
                          </td>
                          <td width="5"></td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td align="center" bgcolor="#2d4762" height="10" style="font-size:1px; line-height:0; -webkit-text-size-adjust:none"
                  valign="top">
                    <div style="display:none;"></div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table border="0" cellpadding="0" cellspacing="0" width="600">
              <tbody>
                <tr>
                  <td>
                    <table border="0" cellpadding="0" cellspacing="0" width="600">
                      <tbody>
                        <tr>
                          <td height="10"></td>
                        </tr>
                      </tbody>
                    </table>
                    <!--[if !mso]>
                      <!-- -->
                      <div class="mobile-only" style="font-size: 0; max-height: 0; overflow: hidden; display: none">
                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="320">
                          <tbody>
                            <tr>
                              <td align="center" style="font: bold 11px Arial, Helvetica, sans-serif; color: #999999;">More Ways to Connect:</td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                    <!--<![endif]-->
                    <table border="0" cellpadding="0" cellspacing="0" width="600">
                      <tbody>
                        <tr>
                          <td valign="top">
                            <table border="0" cellpadding="0" cellspacing="0" width="420">
                              <tbody>
                                <tr>
                                  <td class="height10" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="420">
                              <tbody>
                                <tr>
                                  <td align="center" class="empty" style="font: bold 10px Arial, Helvetica, sans-serif; color: #999999;"
                                  width="130">More Ways to Connect:</td>
                                  <td class="empty" width="10"></td>
                                  <td>
                                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="280">
                                      <tbody>
                                        <tr>
                                          <td align="center" width="35">
                                            <a data-link-name="Facebook Footer" href="https://www.facebook.com/woodmagazine">
                                              <img alt="Facebook" class="responsive-image-footer" height="35" name="" src="http://images.meredith.com/bhg/images/newsletters/2014/06/NLFooterIcons2014_Facebook.jpg"
                                              style="display:block; border:none" width="35" />
                                            </a>
                                          </td>
                                          <td class="width10" width="14"></td>
                                          <td align="center" width="35">
                                            <a data-link-name="Pinterest Footer" href="https://www.pinterest.com/woodmagazine/">
                                              <img alt="Pinterest" class="responsive-image-footer" height="35" name="" src="http://images.meredith.com/bhg/images/newsletters/2014/06/NLFooterIcons2014_Pinterest.jpg"
                                              style="display:block; border:none" width="35" />
                                            </a>
                                          </td>
                                          <td class="width10" width="14"></td>
                                          <td align="center" width="35">
                                            <a data-link-name="Twitter Footer" href="https://twitter.com/wood_magazine">
                                              <img alt="Twitter" class="responsive-image-footer" height="35" name="" src="http://images.meredith.com/bhg/images/newsletters/2014/06/NLFooterIcons2014_Twitter.jpg"
                                              style="display:block; border:none" width="35" />
                                            </a>
                                          </td>
                                          <td class="width10" width="14"></td>
                                          <td align="center" width="35">
                                            <a data-link-name="YouTube Footer" href="https://www.youtube.com/user/Wood">
                                              <img alt="YouTube" class="responsive-image-footer" height="35" name="" src="http://images.meredith.com/bhg/images/newsletters/2014/06/NLFooterIcons2014_YouTube.jpg"
                                              style="display:block; border:none" width="35" />
                                            </a>
                                          </td>
                                          <td class="width10" width="14"></td>
                                          <td align="center" width="35">
                                            <a data-link-name="Blog Footer" href="https://www.woodmagazine.com/">
                                              <img alt="Blogs" class="responsive-image-footer" height="35" name="" src="http://images.meredith.com/bhg/images/newsletters/2014/06/NLFooterIcons2014_Blog.jpg"
                                              style="display:block; border:none" width="35" />
                                            </a>
                                          </td>
                                          <td class="width10" width="14"></td>
                                          <td align="center" width="35">
                                            <a data-link-name="NewsletterSignUp Footer" href="https://secure.woodmagazine.com/common/profile/quicksignup.jsp?regSource=3027">
                                              <img alt="Newsletters" class="responsive-image-footer" height="35" name="" src="http://images.meredith.com/bhg/images/newsletters/2014/06/NLFooterIcons2014_Newsletters.jpg"
                                              style="display:block; border:none" width="35" />
                                            </a>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="420">
                              <tbody>
                                <tr>
                                  <td class="expand" height="10"></td>
                                </tr>
                                <tr>
                                  <td bgcolor="#ebeae6" height="1">
                                    <table bgcolor="#ebeae6" border="0" cellpadding="0" cellspacing="0" width="420">
                                      <tbody>
                                        <tr>
                                          <td bgcolor="#ebeae6"></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                              </tbody>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="420">
                              <tbody>
                                <tr>
                                  <td class="font-footer" style="font: 10px Arial, Helvetica, sans-serif; color: #999999;">This email was sent to htmlemail@13prime.com&nbsp;&nbsp;|&nbsp;&nbsp;Was this
                                    forwarded to you?
                                    <a data-link-name="Subscribe Here" href="https://secure.woodmagazine.com/common/profile/quicksignup.jsp?regSource=3027">Subscribe here</a>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="420">
                              <tbody>
                                <tr>
                                  <td class="height20" height="10"></td>
                                </tr>
                              </tbody>
                            </table>
                            <!--[if !mso]>
                              <!-- -->
                              <div class="mobile-only" style="font-size: 0; max-height: 0; overflow: hidden; display: none">
                                <table align="center" border="0" cellpadding="0" cellspacing="0" width="320">
                                  <tbody>
                                    <tr>
                                      <td>
                                        <table border="0" cellpadding="0" cellspacing="0" width="185">
                                          <tbody>
                                            <tr>
                                              <td align="center" style="font: bold 14px Arial, Helvetica, sans-serif; color: #999999;">
                                                <a data-link-name="Unsubscribe" href="/common/profile/member/optout/?utm_campaign=nwunsub&utm_medium=email&utm_source=wdm-newsletter">Unsubscribe</a>
                                              </td>
                                            </tr>
                                            <tr>
                                              <td height="20"></td>
                                            </tr>
                                            <tr>
                                              <td align="center" style="font: bold 14px Arial, Helvetica, sans-serif; color: #999999;">
                                                <a data-link-name="Update User Profile" href="https://secure.woodmagazine.com/common/profile/login1.jsp">Update User Profile</a>
                                              </td>
                                            </tr>
                                            <tr>
                                              <td height="20"></td>
                                            </tr>
                                            <tr>
                                              <td align="center" style="font: bold 14px Arial, Helvetica, sans-serif; color: #999999;">
                                                <a data-link-name="Help Center" href="https://www.woodmagazine.com/contact">Help Center</a>
                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td height="20"></td>
                                    </tr>
                                  </tbody>
                                </table>
                              </div>
                            <!--<![endif]-->
                            <table border="0" cellpadding="0" cellspacing="0" width="420">
                              <tbody>
                                <tr>
                                  <td class="font-footer" style="font: 10px Arial, Helvetica, sans-serif; color: #999999;">Meredith Corporation, 1716 Locust Street, Des Moines, IA 50309 &copy;Copyright
                                    2018. All Rights Reserved.
                                    <a data-link-name="Privacy Policy" href="http://www.meredith.com/legal/privacy">Privacy Policy</a>&nbsp;&nbsp;|&nbsp;&nbsp;By using this site you agree to our
                                    <a
                                    data-link-name="Terms of Service" href="http://www.meredith.com/legal/terms">Terms of Service</a>.</td>
                                </tr>
                              </tbody>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="420">
                              <tbody>
                                <tr>
                                  <td class="height10" height="0"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="empty" width="41">
                            <table border="0" cellpadding="0" cellspacing="0" width="41">
                              <tbody>
                                <tr>
                                  <td width="20"></td>
                                  <td width="1">
                                    <table bgcolor="#ebeae6" border="0" cellpadding="0" cellspacing="0" height="120"
                                    width="1">
                                      <tbody>
                                        <tr>
                                          <td bgcolor="#ebeae6" height="120" width="1"></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                  <td width="20"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="empty">
                            <table border="0" cellpadding="0" cellspacing="0" width="139">
                              <tbody>
                                <tr>
                                  <td style="font: bold 14px Arial, Helvetica, sans-serif; color: #999999;">
                                    <a data-link-name="Unsubscribe" href="/common/profile/member/optout/?utm_campaign=nwunsub&utm_medium=email&utm_source=wdm-newsletter">Unsubscribe</a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="20"></td>
                                </tr>
                                <tr>
                                  <td style="font: bold 14px Arial, Helvetica, sans-serif; color: #999999;">
                                    <a data-link-name="Update User Profile" href="https://secure.woodmagazine.com/common/profile/login1.jsp">Update User Profile</a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="20"></td>
                                </tr>
                                <tr>
                                  <td style="font: bold 14px Arial, Helvetica, sans-serif; color: #999999;">
                                    <a data-link-name="Help Center" href="https://www.woodmagazine.com/contact">Help Center</a>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
<span class="empty" style="FONT: 12px Arial, Helvetica, sans-serif; color:#FFFFFF"><span style="color:#FFFFFF">Woodworking Plans</span></span>
  </body>

</html>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console