Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

HTML

            
              <!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title></title>

  <style type="text/css">
    /* CLIENT SPECIFIC STYLES */
    
    #outlook a {
      padding: 0;
    }
    
    .ReadMsgBody {
      width: 100%;
    }
    
    .ExternalClass {
      width: 100%;
    }
    
    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
      line-height: 100%;
    }
    
    body,
    table,
    td,
    a {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }
    
    table,
    td {
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }
    
    img {
      -ms-interpolation-mode: bicubic;
    }
    
    body {
      margin: 0;
      padding: 0;
    }
    
    img {
      border: 0;
      height: auto;
      line-height: 100%;
      outline: none;
      text-decoration: none;
    }
    
    table {
      border-collapse: collapse !important;
    }
    
    body {
      height: 100% !important;
      margin: 0;
      padding: 0;
      width: 100% !important;
    }
    
    table {
      border-collapse: collapse;
      margin: 0px auto;
    }
    
    .container {
      min-width: 0 !important
    }
    
    div[style*="margin: 16px 0"] {
      margin: 0 !important;
    }
    /* WEB FONTS */
    
    @import url("//hello.myfonts.net/count/2d9b47.css");
    @font-face {
      font-family: 'Museo Sans';
      src: url('http://cdn.harrys.com/email/webfonts/2D9B47_0_0.eot');
      src: url('http://cdn.harrys.com/email/webfonts/2D9B47_0_0.eot?#iefix') format('embedded-opentype'), url('http://cdn.harrys.com/email/webfonts/2D9B47_0_0.woff2') format('woff2'), url('http://cdn.harrys.com/email/webfonts/2D9B47_0_0.woff') format('woff'), url('http://cdn.harrys.com/email/webfonts/2D9B47_0_0.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
    }
    
    @font-face {
      font-family: 'Museo Sans';
      src: url('http://cdn.harrys.com/email/webfonts/2D9B47_1_0.eot');
      src: url('http://cdn.harrys.com/email/webfonts/2D9B47_1_0.eot?#iefix') format('embedded-opentype'), url('http://cdn.harrys.com/email/webfonts/2D9B47_1_0.woff2') format('woff2'), url('http://cdn.harrys.com/email/webfonts/2D9B47_1_0.woff') format('woff'), url('http://cdn.harrys.com/email/webfonts/2D9B47_1_0.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }
    
    @font-face {
      font-family: 'Museo Sans';
      src: url('http://cdn.harrys.com/email/webfonts/2D9B47_2_0.eot');
      src: url('http://cdn.harrys.com/email/webfonts/2D9B47_2_0.eot?#iefix') format('embedded-opentype'), url('http://cdn.harrys.com/email/webfonts/2D9B47_2_0.woff2') format('woff2'), url('http://cdn.harrys.com/email/webfonts/2D9B47_2_0.woff') format('woff'), url('http://cdn.harrys.com/email/webfonts/2D9B47_2_0.ttf') format('truetype');
      font-weight: bold;
      font-style: italic;
    }
    
    @font-face {
      font-family: 'Museo Sans';
      src: url('http://cdn.harrys.com/email/webfonts/2D9B47_3_0.eot');
      src: url('http://cdn.harrys.com/email/webfonts/2D9B47_3_0.eot?#iefix') format('embedded-opentype'), url('http://cdn.harrys.com/email/webfonts/2D9B47_3_0.woff2') format('woff2'), url('http://cdn.harrys.com/email/webfonts/2D9B47_3_0.woff') format('woff'), url('http://cdn.harrys.com/email/webfonts/2D9B47_3_0.ttf') format('truetype');
      font-weight: normal;
      font-style: italic;
    }
    
    @font-face {
      font-family: 'Brandon Grotesque';
      src: url('http://cdn.harrys.com/email/webfonts/3083F9_2_0.eot');
      src: url('http://cdn.harrys.com/email/webfonts/3083F9_2_0.eot?#iefix') format('embedded-opentype'), url('http://cdn.harrys.com/email/webfonts/3083F9_2_0.woff2') format('woff2'), url('http://cdn.harrys.com/email/webfonts/3083F9_2_0.woff') format('woff'), url('http://cdn.harrys.com/email/webfonts/3083F9_2_0.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }
    
    @font-face {
      font-family: 'Brandon Grotesque';
      src: url('http://cdn.harrys.com/email/webfonts/2D9B47_6_0.eot');
      src: url('http://cdn.harrys.com/email/webfonts/2D9B47_6_0.eot?#iefix') format('embedded-opentype'), url('http://cdn.harrys.com/email/webfonts/2D9B47_6_0.woff2') format('woff2'), url('http://cdn.harrys.com/email/webfonts/2D9B47_6_0.woff') format('woff'), url('http://cdn.harrys.com/email/webfonts/2D9B47_6_0.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .h1,
      .h1 a {
        font-family: 'Brandon Grotesque', Futura, Trebuchet MS, Arial, sans-serif !important;
        font-size: 36px !important;
        line-height: 52px !important;
        letter-spacing: 1.25px !important;
        font-weight: normal !important;
      }
      .h2,
      .h2 a {
        font-family: 'Brandon Grotesque', Futura, Trebuchet MS, Arial, sans-serif !important;
        font-size: 28px !important;
        line-height: 42px !important;
        letter-spacing: 1px !important;
        font-weight: normal !important;
      }
      .h3,
      .h3 a {
        font-family: 'Brandon Grotesque', Futura, Trebuchet MS, Arial, sans-serif !important;
        font-size: 24px !important;
        line-height: 36px !important;
        letter-spacing: 1.25px !important;
        font-weight: normal !important;
      }
      .subheader,
      .subheader a {
        font-family: 'Brandon Grotesque', Futura, Trebuchet MS, Arial, sans-serif !important;
        font-size: 12px !important;
        line-height: 24px !important;
        letter-spacing: 2.3px !important;
        font-weight: bold !important;
      }
      .body,
      .body a {
        font-family: 'Museo Sans', Verdana, Geneva, sans-serif !important;
        font-size: 15px !important;
        line-height: 28px !important;
        letter-spacing: 0.75px !important;
      }
      .note,
      .note a {
        font-family: 'Museo Sans', Verdana, Geneva, sans-serif !important;
        letter-spacing: 0.4px !important;
      }
      .large-cta,
      .large-cta a {
        font-family: 'Brandon Grotesque', Futura, Trebuchet MS, Arial, sans-serif !important;
        font-size: 14px !important;
        letter-spacing: 2px !important;
        border-top-width: 14px !important;
        border-bottom-width: 10px !important;
        border-right-width: 30px !important;
        border-left-width: 30px !important;
        font-weight: bold !important;
      }
    }
    /* APPLE BLUE LINKS */
    
    .smart-666666 a {
      color: #666666 !important;
      text-decoration: none !important;
    }
    
    .smart-868686 a {
      color: #868686 !important;
      text-decoration: none !important;
    }
    
    .smart-BFBFBF a {
      color: #BFBFBF !important;
      text-decoration: none !important;
    }
    
    .smart-185674 a {
      color: #185674 !important;
      text-decoration: none !important;
    }
    
    .smart-263645 a {
      color: #263645 !important;
      text-decoration: none !important;
    }
    
    .smart-FFFFFF a {
      color: #FFFFFF !important;
      text-decoration: none !important;
    }
    /* MEDIA QUERY SCREEN 579px */
    
    @media screen and (max-width: 579px),
    screen and (max-device-width: 579px) {
      table[class="full-table"],
      td[class="full-table"] img {
        width: 100%!important;
        min-width: 0 !important;
        height: auto !important;
      }
      td[class="mobile-hide"],
      table[class="mobile-hide"] {
        height: 1px !important;
        display: none !important;
        min-width: inherit !important;
      }
      td[class="hero"] img {
        width: 100% !important;
        height: auto !important;
      }
      td[class="mobile-column"] {
        height: auto !important;
        padding: 0 !important;
      }
      td[class="mobile-column"] td {
        text-align: center !important;
        padding: 0 20px !important;
      }
      table[class="bg-text"] {
        width: 100%!important;
        display: block !important;
        padding-top: 400px !important;
      }
      td[class="full-bg-right"] {
        display: block !important;
        background-position: 26% center !important;
      }
      td[class="full-bg-left"] {
        display: block !important;
        background-position: 74% center !important;
      }
      td[class="half-bg-right"] {
        display: block !important;
        background-size: cover !important;
        background-position: left bottom !important;
      }
      td[class="half-bg-left"] {
        display: block !important;
        background-size: cover !important;
        background-position: right bottom !important;
      }
      td[class="2-col-inline"] {
        background: none !important;
      }
      *[class="head"] {
        display: table-header-group!important;
        width: 100%!important;
      }
      *[class="foot"] {
        display: table-footer-group!important;
        width: 100%!important;
      }
      .head:after {
        content: '---------------------------------------------------------------------------------------------------------------------';
        max-height: 0;
        overflow: hidden;
        display: block;
      }
    }
  </style>
</head>


<body bgcolor="#F7F7F7" style="-webkit-font-smoothing: antialiased; width:100% !important; background:#F7F7F7;-webkit-text-size-adjust:none; margin:0; padding:0; min-width:100%">

  <!-- PREHEADER TEXT -->
  <span style="display: none !important; color: #FFFFFF; margin:0; padding:0; font-size:1px; line-height:1px;">To celebrate Father’s Day this year, we caught up with dads and their kids (well, almost) about the moments that truly matter to them.</span>

  <!-- CONTAINER TABLE -->
  <table class="container" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 580px;">
    <tr>
      <td>

        <!-- HEADER -->
        <table cellspacing="0" cellpadding="0" border="0" width="100%">
          <tr>
            <td bgcolor="#FFFFFF" align="center" style="padding: 20px;">
              <a href="http://sg-link.harrys.com/wf/click?upn=vmRRDuycyPyXDu7Uuf29VkYXf8t7YW-2FD5tVb8UBhC4VOGhTJdT00cmcpC2xYfkmluKWdenlp9t3E5e5b3TiNjNzC2PdZW-2B3reJxxU7crXYC3fkr1Alv8V2qtReHIvi1xE4bOk8dH1IZpSC2irXuFhQ-3D-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2Baf2RVVs7jmc-2BDzUp3EEH-2BzVSUlvMGprXXUSM8JIxcjjbfRw2rl6Zo1D2nNCkLiHD2AysZybgJ8Qp-2BHaK4tPA6mQiJyvM1T-2B1aeZLzNnLZprpOneUFSPcoVJ9zORbOk6RzAThJq9-2FH7zXXCtrkv9yEB2ebVH4D-2FX9l-2BqL-2B6Ozatyj8rFipPz9V1WP9kIrwRpDJ-2BaK-2BLoN07VMZLvKd9wN1LF9yYGcOS84r-2F2d0TC7b-2FWwL4UsAFXRRYXr9ZAzNsNNXaVYQlZEeACvVjS7iEQcEDM-2BMAPJdPr3igjw4xnY9LC3UxHOfacnlwn2k8MPD0UuluWrzb27D7SgSOdN0ir9nszbnZhEnfZOuaYBsNI1FYjaftyPrtT0gcNyfgLCrsQmw-3D-3D">
                <img src="http://cdn.harrys.com/us-email/lifecycle/welcome/logo.png" width="115" height="20" style="font-size: 13px; font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;  color: #065778; width:115px; height:20px; display:block;" alt="HARRY'S" border="0">
              </a>
            </td>
          </tr>
          <tr>
            <td bgcolor="#FFFFFF" width="100%" height="1" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
          </tr>
        </table>
        <!-- HEADER END -->

        <!-- 1COL: TEXT ON BACKGROUND -->
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <!-- Change background color -->
            <td bgcolor="#F7F7F7">

              <table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
                  <!-- Change this height to match the image height -->
                  <!-- Change image in TWO places -->
                  <td height="860" background="http://cdn.harrys.com/email/one-off/170515_fathers-day-launch/FD-launch-hero.jpg" align="center" valign="middle" style="background-position: center; background-repeat: no-repeat; vertical-align: middle;">
                    <!--[if gte mso 9]>
						<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:1000px;height:860px;">
						<v:fill type="frame" src="http://cdn.harrys.com/email/one-off/170515_fathers-day-launch/FD-launch-second-module.jpg" />
						<v:textbox inset="0,0,0,0">
						<![endif]-->
                    <div>

                      <!-- Adjust width of text container (580px MAX) -->
                      <table width="400" align="center" cellpadding="0" cellspacing="0" class="full-table">
                        <tr>
                          <td align="center" style="padding: 0 20px">
                            <table border="0" cellpadding="0" cellspacing="0" width="100%">

                              <!-- H3 -->
                              <tr>
                                <td align="center" class="h3" style="font-size: 23px; line-height: 36px; letter-spacing: 0.25px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #263645; font-weight:normal">
                                  <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrZlundXpL4kObgfkORI4ViiV-2Bo6tk2CRcVHwtMwHlnpYXHyv6nljG8AK-2FVPEmJUSqLXnrBPTzOC-2BtIDLCbtF5eiv6c0ETFIqxBJ-2F6cEM0lj0o5JXIu2Ss2ltdXdwTtVH8ixvZaHoumsys2WFfqIuJv8-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BdfPrpHjlsjmanu4VQ741zX0LACRYivQ-2FPEB4iwSsz7EZCygHi7pJ9sm5XNWUNsIBYETO-2B8kqoseqZEGngpoIxwRmep2Pb5bA87pWfsNaO9erHik3Xptjg2DjvhM7D-2F0uUB454uSD5ay-2Br4nfkVGb5Zz3nR6Ty2b28aV1sjbG-2BiPXfe2RTeglP9Sh5qef8IhELl6cY56HsReSJtUzRjxKRL6v7ehTU1u3xF3X6Xq-2Bq-2F7KjLhkFw-2F-2FcgvhMSqCaBKVvaGvhNXCHFW1qpMAh0mNUUadeDB4KS5mYjmE04MAtNbYDYHyTAfxU1yyLYP-2Fze3WSEnI-2BHPUZcFEEyyjgoBPcksaE5x3WA2OUeJ3P4Zg1FGsG-2FIjWaD3yFf8ZcjI3QvBw-3D-3D"
                                    style="color: #263645; text-decoration: none;">Times of Their Lives</a>
                                </td>
                              </tr>

                              <tr>
                                <td width="100%" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                              </tr>
                              <!-- H3 END -->

                              <!-- BODY -->
                              <tr>
                                <td align="center" class="body" style="font-size: 14px; line-height: 30px; letter-spacing: 0px; font-family: Verdana, Geneva, sans-serif; color: #666666; font-weight:normal">
                                  <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrZlundXpL4kObgfkORI4ViiV-2Bo6tk2CRcVHwtMwHlnpYXHyv6nljG8AK-2FVPEmJUSqLXnrBPTzOC-2BtIDLCbtF5eiv6c0ETFIqxBJ-2F6cEM0lj0o5JXIu2Ss2ltdXdwTtVH8ixvZaHoumsys2WFfqIuJv8-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BTaR5YPThI1tu08IanmvmqKTb-2BksQIrXzedb0n5z9DzM0o-2Ffm9p6mbsrdNVyUki-2FoomkvBFumg2c1WGbu8KUyZdz2UKboCrtO4PYlhjKY0rixv0DcD-2BqrqKpjOU0J0Qu6SlYmH0ogjWMEvbsFARF9dmnGr6m846Mqeue71K3q-2BCQtnPLbO2Ys-2B-2FtJQ147IBY2J9-2FhKWYD8100MDNv4g74R5fIqZAwhOnXzE75LojeewBuwCEFIJKnFjYAMo-2BuO3HIWb7S4cKXelmJCUjKMGC2Ws-2BrmKxWYNS5YtCCS9UHQyI46ZQGK4CH6E4EXOtpvkZe3Wpoc-2FlbjJiheZ9adW-2FEGyNbPN6JADHA2MsCGWhwT0fXBoBlpmd-2BSYXex3w-2FuBSsw-3D-3D"
                                    style="color: #666666; text-decoration: none;">To celebrate Father’s Day this year, we caught up with dads and their kids (well, almost) about the moments that truly matter to them. </a>
                                </td>
                              </tr>

                              <tr>
                                <td width="100%" height="25" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                              </tr>
                              <!-- BODY END -->

                              <!-- ORANGE CTA -->
                              <tr>
                                <td align="center">
                                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                      <td align="center">
                                        <table border="0" cellpadding="0" cellspacing="0">
                                          <tr>
                                            <td>
                                              <!--[if mso]>
																		<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:48px;v-text-anchor:middle;width:280px;" arcsize="5%" strokecolor="#E34F30" fillcolor="#E34F30">
																		<w:anchorlock/>
																		<center>
																		<![endif]-->

                                              <a class="large-cta" href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrZlundXpL4kObgfkORI4ViiV-2Bo6tk2CRcVHwtMwHlnpYXHyv6nljG8AK-2FVPEmJUSqLXnrBPTzOC-2BtIDLCbtF5eiv6c0ETFIqxBJ-2F6cEM0lj0o5JXIu2Ss2ltdXdwTtVH8ixvZaHoumsys2WFfqIuJv8-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BV0E6hgB6AJ-2FzFZnZ6NqM762W7pQQRzqGN9UKe3XhXbh7nwRVO491XD2gRISWXFUNVraCzmVGiI6X0QaDhoUDhBe1921dj15NBYmhXiyDwdBNsywyt9Q7u4BojPk8v75hRcjJ5PoG5c-2FGVR1Jw6u1DWWlB1N4RriKshbjihIqmGb9ezcK9l65ZGoEN-2FlcemnBBgyZ4i-2Fcnglp3X6wJmeLorpdBObpCqPvNfrCAlrxpsMB6m29n57Hs8-2BhfcCC-2F7rzvALFhBDD4AEAvzJ-2Fk7Xxd7IqjGRMDf-2FN2aeWCEubZsJ-2BJ2H7qu0gTeN5By8LHzMEzpqyg-2F8AGjcwnrx9fvhB9gnhZaiZCbUWfIIYWOLshNiGAB9sD2sioWAUJIVcZ0eag-3D-3D"
                                                style="font-size: 13px; letter-spacing: 0.16em; line-height:20px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #FFFFFF; font-weight: normal; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #E34F30; border-top: 12px solid #E34F30; border-bottom: 12px solid #E34F30; border-right: 29px solid #E34F30; border-left: 29px solid #E34F30; display: inline-block;">SEE THE MEMORIES</a>

                                              <!--[if mso]>
																		</center>
																		</v:roundrect>
																		<![endif]-->
                                            </td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>

                              <tr>
                                <td height="550" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
                              </tr>
                              <!-- ORANGE CTA END -->

                            </table>
                          </td>
                        </tr>
                      </table>

                    </div>
                    <!--[if gte mso 9]>
						</v:textbox>
						</v:rect>
						<![endif]-->
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
        <!-- 1COL: TEXT ON BACKGROUND END -->
        <!-- 2COL: INLINE IMAGE (text right) -->
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <!-- Change background color -->
            <td bgcolor="#F7F7F7" align="center" valign="top" width="100%">
              <table align="center" cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
                  <td>
                    <table class="full-table" width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
                      <tr>
                        <td align="center">

                          <!-- Content -->
                          <table class="full-table" width="580" cellpadding="0" cellspacing="0" border="0" align="center">
                            <tr>
                              <td>

                                <!-- COLUMN 01 -->
                                <table width="280" align="left" border="0" cellpadding="0" cellspacing="0" class="full-table">
                                  <tr>
                                    <td class="hero" align="center">
                                      <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrZlundXpL4kObgfkORI4ViiV-2Bo6tk2CRcVHwtMwHlnpYXHyv6nljG8AK-2FVPEmJUSqLXnrBPTzOC-2BtIDLCbtF5eiv6c0ETFIqxBJ-2F6cEM0lj0o5JXIu2Ss2ltdXdwTtVH8ixvZaHoumsys2WFfqIuJv8-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BdVILQh0J8Aw2bCYcpwFHaXmsZUyq4Pa3caYvpMJ7FEKJS2FsCsbQ6NvT4pEwpkanjC-2FfIWwlYtQdiuvUBUhw8EtL6vXA1F-2B210v4WJHnbR76-2BvE6vd08iGWr5ryKo-2FILsL6-2FCAn6X-2BKWt7jWTyMpwqka5WpD7ZaRdCPG3vFJ4YWIR9MFRWO8-2FvYNx-2F21iL9oYmgR2pF8-2BhA-2BAXVMgMunal2TbG5NIMVK0Edn4s7SqLVIv-2Be0OjuGDL49CoPfAzTsBicR5xMSjJFlX3YjbLn5z171udRwbKhLgnsOW3hYeuE8ek8OEq4shtVQDpJCNX5aCKiDq7nKKnifrqpzmceOS-2BboHs99quKhNS9kIppGCK71rs20-2Bx1aIpCyb6LjlAlSw-3D-3D">
                                        <img src="http://cdn.harrys.com/email/one-off/170515_fathers-day-launch/FD-launch-second-module.jpg" width="280" height="420" border="0" alt="Jason &amp; Hendrix playing" style="width:280px; height:420px; line-height: 420px; display:block; font-size: 14px; letter-spacing: 0px; font-family: Verdana, Geneva, sans-serif; color: #666666; font-weight:normal">
                                      </a>
                                    </td>
                                  </tr>
                                </table>
                                <!--[if mso]></td><td><![endif]-->

                                <!-- SPACE -->
                                <table width="20" align="left" border="0" cellpadding="0" cellspacing="0">
                                  <tr>
                                    <td width="100%" height="0" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                  </tr>
                                </table>
                                <!--[if mso]></td><td><![endif]-->

                                <!-- COLUMN 02 -->
                                <table class="full-table" width="280" align="left" border="0" cellpadding="0" cellspacing="0">
                                  <tr>
                                    <!-- Change this height to match the image height -->
                                    <td class="mobile-column" height="420" valign="middle">
                                      <table>
                                        <tr>
                                          <td class="mobile-hide" width="100%" height="40" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                        </tr>

                                        <!-- SUBHEADER-->
                                        <tr>
                                          <td align="left" class="subheader" style="font-size: 11px; line-height: 24px; letter-spacing: 2.6px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #263645; font-weight:normal; text-transform: uppercase;">
                                            <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrZlundXpL4kObgfkORI4ViiV-2Bo6tk2CRcVHwtMwHlnpYXHyv6nljG8AK-2FVPEmJUSqLXnrBPTzOC-2BtIDLCbtF5eiv6c0ETFIqxBJ-2F6cEM0lj0o5JXIu2Ss2ltdXdwTtVH8ixvZaHoumsys2WFfqIuJv8-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BWcyAAkiaCEjgxtrdH9x9Y8AeCGYoUW1QoH5XTxOSHn13CNnqeBA2tbVpgn7oeFSOOYsJjcaaFpgv5lS9JKSlN3UrPfXNyDy4en4gyHpzjtsvn2qoPrpfH2CyUV56uglE-2FDCyTzR-2FXsS1FFZSoZWJSRbT7X2aGiyhvvtPps5kPAl-2BI9yrOv9emWt7Rn-2FSLAyeVzZHAvEg-2FGr-2FbWwxFOiXpFxB3cfHKO9dHMI-2B14cMFKFDR1VHvh7d8kyxZpXhy4I5W-2F8kAsDlsUnDhF-2BJxQIi8v8gakSVzLyfuXUuswlv7-2Fa7qXqYQ55Y44FKSaI-2FBTIVXuLZIuYPFa19dWMGPXwpNc03reyMOTVqvVsNPZHI0oGF4gtAR7jHSse1rAt63sfCg-3D-3D"
                                              style="color: #263645; text-decoration: none;">MEET JASON &amp; HENDRIX</a>
                                          </td>
                                        </tr>

                                        <tr>
                                          <td width="100%" height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                        </tr>
                                        <!-- SUBHEADER END -->


                                        <!-- BODY -->
                                        <tr>
                                          <td align="left" class="body" style="font-size: 14px; line-height: 30px; letter-spacing: 0px; font-family: Verdana, Geneva, sans-serif; color: #666666; font-weight:normal">
                                            <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrZlundXpL4kObgfkORI4ViiV-2Bo6tk2CRcVHwtMwHlnpYXHyv6nljG8AK-2FVPEmJUSqLXnrBPTzOC-2BtIDLCbtF5eiv6c0ETFIqxBJ-2F6cEM0lj0o5JXIu2Ss2ltdXdwTtVH8ixvZaHoumsys2WFfqIuJv8-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BRsKMnGjjcPXor2KmXAbro34JnPORZbnFOgOzTxAghnpK7J9sykCRr2lnWMLFIXtDUtuh35iggVgQeBruPvUhtlggiKnqm1tFuzpdd0B64Zupm4eWLVSTJxfbn-2B3J-2B-2BHToodjqJEFAgvUNk9vD-2BbXLDcFHrEgwcp9LS25B6c1QKNziJzUZKCsacPtzb-2BuIid-2FF-2FxR0hqQZlfOeNFBKH7ogTSSbdV7qrn7MklER21N1j8oms9Lt28j18AukZKXxZc5-2F4UpWNPVSghyvk8rgHPbk4UEAANvAw0e78CqQefZ8tyvFosbP7OV6z-2FdefnlpIuTxje84m-2BbSHpUQCmr1kC0yceZQLh7Em7n9B8v95ATViV8W4l07XTY7WdGRPQRzkfqQ-3D-3D"
                                              style="color: #666666; text-decoration: none;">This duo took us up to their roof to&nbsp;show us how they like to end every&nbsp;day.</a>
                                          </td>
                                        </tr>

                                        <tr>
                                          <td width="100%" height="30" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                        </tr>
                                        <!-- BODY END -->

                                        <!-- LINK -->
                                        <tr>
                                          <td align="left" class="subheader" style="font-size: 11px; line-height: 24px; letter-spacing: 2.6px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #263645; font-weight:normal; text-transform: uppercase;">
                                            <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrZlundXpL4kObgfkORI4ViiV-2Bo6tk2CRcVHwtMwHlnpYXHyv6nljG8AK-2FVPEmJUSqLXnrBPTzOC-2BtIDLCbtF5eiv6c0ETFIqxBJ-2F6cEM0lj0o5JXIu2Ss2ltdXdwTtVH8ixvZaHoumsys2WFfqIuJv8-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BXJBlfymRWdytqc7GqnndXqWUnh0POnH7s-2BDeOQTWzBxTidx5SXX5TNZ2-2B1zXy9Qkmju3EXRNPbbmUaHTfUBflerHl7vs-2Fo-2FrgLyU5n2y7-2FxYn7-2F-2B-2ByCjFWa5WLs369wkUDvSQa5lN9EX1y1LL64tU081PIR-2BvZNKFt5CY0-2Fsvk-2FgboWLXuVq3xXg1MJ-2FvIljyZ6aRsQV6AR5CRi9ApmXGzGsidpyit1oKfJfkBCccr-2BP-2FA-2FTywRwwKuthqh4D68z2Bq7TUsrqE3RPTRFx6tCxJLBJX7w9-2F1X2gIYlhM1xB-2FKBnojD5YaK2hUtPq2tEeNiQvjueOYi6X7IR6RG9mf-2BmJSCUhtR4nIjBlv8QcsTle865c-2BfptBksqHV0Kpp6lrA-3D-3D"
                                              style="color: #263645; border-bottom: 1px solid; border-bottom-color: #263645; padding-bottom: 4px; text-decoration: none;">SEE MORE</a>
                                          </td>
                                        </tr>

                                        <tr>
                                          <td width="100%" height="25" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                        </tr>
                                        <!-- LINK END -->

                                        <tr>
                                          <td width="100%" height="30" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                        </tr>

                                      </table>
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
        <!-- 2COL: INLINE IMAGE END -->

        <!-- 2COL: BACKGROUND IMAGE (text left) -->
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <!-- Change background color -->
            <td bgcolor="#F7F7F7">

              <table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
                  <!-- Change this height to match the image height -->
                  <!-- Change image in TWO places -->
                  <td height="485" background="http://cdn.harrys.com/email/one-off/170515_fathers-day-launch/FD-launch-third-module.jpg" class="full-bg-left" align="center" valign="middle" style="background-position: center; background-repeat: no-repeat; vertical-align: middle;">
                    <!--[if gte mso 9]>
						<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:1000px;height:485px;">
						<v:fill type="frame" src="http://cdn.harrys.com/email/one-off/170515_fathers-day-launch/FD-launch-third-module.jpg" />
						<v:textbox inset="0,0,0,0">
						<![endif]-->
                    <div>

                      <!-- Content -->
                      <table class="full-table" cellspacing="0" cellpadding="0" align="center" width="580">
                        <tr>
                          <td>

                            <!-- COLUMN 01 -->
                            <div class="foot">
                              <table class="full-table" width="280" align="left" border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                  <td class="mobile-column" height="485" valign="middle">
                                    <table cellpadding="0" cellspacing="0" border="0" align="center">

                                      <tr>
                                        <td width="100%" height="50" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                      </tr>

                                      <!-- SUBHEADER-->
                                      <tr>
                                        <td align="left" class="subheader" style="font-size: 11px; line-height: 24px; letter-spacing: 2.6px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #263645; font-weight:normal; text-transform: uppercase;">
                                          <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrU1E5jeIXrBtpgd3DRbnHqi-2FLTds7afKEtKs-2FtyODKV6-2Fhrn3Y0TVTrRO0XpDHhC2hiXYwaIBKyR639N3fFr3PREpYUnCpzZ4MeqzccXkLRE2NkdrwDH6fTGTRpyLunhR0lCJ7z0eRVAtEe4E-2Bv-2FVVk-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BeBuyqhKXHcajQMsFyvu3W2JTJ1P1d4F-2BgGEcQXzA46NyS5iRQM1qGXV8lC-2Bu8wHuCqF7DsGkS-2FJyD0Yt-2FzjS7POb0qSl4Q3kcIuELLWmk0HOP-2FEAS9gixRQONWsMUsVBWicyhIO9ueRkkWVZHJ5X8LDaDg12hWg9NkoQEYh3ia6UNFv0ZbW185tJl9KO62rLiKs44GgXhhjQ4B7CMn6n48VoLyZmVXOir7PSdJmXny9s6nt2i8M3bv2W8Vg-2Fg2Ay5U7-2BzlWxv4VmPchEvvfF3-2F1bM-2BPqgeZg2wJkcn-2FSvhb4hyTxyP44JK3Zxl76zlcfukLxtX32ia57oEfohFA4zECeF449cZ-2Fq3N-2FDnH-2BsTquYvk-2BWEc37LAPmTu2yklbeQ-3D-3D"
                                            style="color: #263645; text-decoration: none;">PRACTICAL MADE SPECIAL</a>
                                        </td>
                                      </tr>

                                      <tr>
                                        <td width="100%" height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                      </tr>
                                      <!-- SUBHEADER END -->

                                      <!-- BODY -->
                                      <tr>
                                        <td align="left" class="body" style="font-size: 14px; line-height: 30px; letter-spacing: 0px; font-family: Verdana, Geneva, sans-serif; color: #263645; font-weight:normal">
                                          <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrU1E5jeIXrBtpgd3DRbnHqi-2FLTds7afKEtKs-2FtyODKV6-2Fhrn3Y0TVTrRO0XpDHhC2hiXYwaIBKyR639N3fFr3PREpYUnCpzZ4MeqzccXkLRE2NkdrwDH6fTGTRpyLunhR0lCJ7z0eRVAtEe4E-2Bv-2FVVk-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BU87RrGEDWN9w1-2Bkr1vxiFuP9SLvR6pMIWPigJRy2q4p0Jk3oO7UUxM2KvoXsyNnWivBtWOooV3VVoiyJfE4E1cCuLJGYVeYDyhynpxixV7bbf5vwqJN4XcWMxB7BNFKTETgldivW6eonoYgLM1mdV-2F-2FuC3JnbU4neFj9Pft5kAYEI-2FvoR57kEytRf1jgdTH6VRwdzU9fkbvqtxXZlcag8rr61i5Ov0AjL3lsMGfOwXMBrJmuttzXDXpkPZHod8vBlc08HR-2BU0fOhCFlTyP6rVCp5lQicU2OP4u4K-2BXOK0-2F9NpEipF6ev-2BlGe5O8hO8aqxW39hDouKd6iRE6jkc1ax-2F6ZHA4rd0-2F6rLItbktZ2o-2FJxM1UxLfm0FZlqOnGCSs1A-3D-3D"
                                            style="color: #263645; text-decoration: none;">Our Father’s Day Shave Set features a limited-edition Storm Gray handle. Make the set extra special by engraving the razor stand with his&nbsp;initials.</a>
                                        </td>
                                      </tr>

                                      <tr>
                                        <td width="100%" height="30" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                      </tr>
                                      <!-- BODY END -->

                                      <!-- LINK -->
                                      <tr>
                                        <td align="left" class="subheader" style="font-size: 11px; line-height: 24px; letter-spacing: 2.6px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #263645; font-weight:normal; text-transform: uppercase;">
                                          <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrU1E5jeIXrBtpgd3DRbnHqi-2FLTds7afKEtKs-2FtyODKV6-2Fhrn3Y0TVTrRO0XpDHhC2hiXYwaIBKyR639N3fFr3PREpYUnCpzZ4MeqzccXkLRE2NkdrwDH6fTGTRpyLunhR0lCJ7z0eRVAtEe4E-2Bv-2FVVk-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2Bdwk8-2BsFbBHepQhN8nCQtui8ZMctuD0DY6HhbLywpVv8HH0ZVJJuZ1n3yvHOl3Wo6cxFr8Jt5bCMeUH7c3Lj7PbyPoPGDW1FMML9fDuIJGLDwwuZZDAh2qXKYVuiBu0Wb0JhHwV1QJPmKUuI5VpZzMcTix-2FfvKKUe63I2MSPZkjMYaDs6g49DwNyVgb0qDdG4FSlbAehdP9knTW3bZ-2BwLPeHHW15zbgAIv2uGmfGTDPCt0tytmQxCWxK-2FP2kE-2FdWVQ7PkLK4w9U25M6UTjYukcsUTlFNRLeA53gVa6551UqQbvHg-2FCMhuZLLWr7lQLKFjmVyxvLghVeuB1JNqNFeNbqB8u-2FuG0fNtekVknBlJ1n5HPFl4Vibk-2BE5JEVR4IDbJQ-3D-3D"
                                            style="color: #263645; border-bottom: 1px solid; border-bottom-color: #263645; padding-bottom: 4px; text-decoration: none;">SHOP THE SET</a>
                                        </td>
                                      </tr>

                                      <tr>
                                        <td width="100%" height="25" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                      </tr>
                                      <!-- LINK END -->

                                      <tr>
                                        <td width="100%" height="30" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                              </table>
                            </div>
                            <!--[if mso]></td><td><![endif]-->

                            <!-- COLUMN 02 -->
                            <div class="head">
                              <table width="300" align="left" border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                  <td>
                                    <table cellpadding="0" cellspacing="0" border="0" align="center">
                                      <tr>
                                        <td width="100%" height="485" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                              </table>
                            </div>

                          </td>
                        </tr>
                      </table>

                    </div>
                    <!--[if gte mso 9]>
						</v:textbox>
						</v:rect>
						<![endif]-->
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
        <!-- 2COL: BACKGROUND IMAGE END -->

        <!-- FOOTER -->
        <table align="center" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <!-- Change background color -->
            <td bgcolor="FFFFFF" align="center" style="padding: 0 20px">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">

                <tr>
                  <td width="100%" height="50" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                </tr>

                <!-- MAMMOTH -->
                <tr>
                  <td align="center">
                    <a href="http://sg-link.harrys.com/wf/click?upn=vmRRDuycyPyXDu7Uuf29VkYXf8t7YW-2FD5tVb8UBhC4VOGhTJdT00cmcpC2xYfkmluKWdenlp9t3E5e5b3TiNjNzC2PdZW-2B3reJxxU7crXYC3fkr1Alv8V2qtReHIvi1xE4bOk8dH1IZpSC2irXuFhQ-3D-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BVePP0wuPg0iU58isGrKdcZiXZmIpcO-2FxFZYofoZEfwMvGJP3zlOslst7KDL6S-2BJcuxwE5MAGR7WXHVVSvQryQCBfTGxlnsaOomzrjkKarj90BaNeGqs0ak55gytfvTp-2B5yRon1-2FyKAZc9vdtFE-2BWVFOWWXpvO-2BRaEbkbQeKjnSDSN32zdKo6xpcxYR5wwHVbbNFlus8avUKvR9WjpbbexMwVdxNu9sHK03wXHIX0WQS0J3JS9iAKC5z-2FEDGv32ftkQuVXh9OMF6NLdiexqkCksSm3lNs-2FMOgoKfa9ZHm3Xk0qTv-2BQzhaPHJZjMM-2BRqvYsjEELXkUuZmRkT7ZRC6xZ3zkuBFUgRGNsgXpW-2FDuskK-2FyqwAs2-2B3raxbm1EM75FNw-3D-3D">
                      <img src="http://cdn.harrys.com/us-email/lifecycle/welcome/mammoth.png" width="47" height="36" border="0" style="display:block;">
                    </a>
                  </td>
                </tr>
                <!-- MAMMOTH END -->

                <tr>
                  <td width="100%" height="30" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                </tr>

                <!-- NOTE -->
                <tr>
                  <td align="center" class="note" style="font-size: 13px; line-height: 24px; letter-spacing: 0.4px; font-family: Verdana, Geneva, sans-serif; color: #666666; font-weight:normal">
                    <a href="mailto:help@harrys.com" style="color: #666666; text-decoration: none;">help@harrys.com</a>
                    <br>
                    <span class="smart-666666" style="text-decoration: none;">PO Box 566, <span style="white-space:nowrap;">New York, NY, 10014</span></span>
                    <br>
                    <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrSxshyYWG-2FFlw8wg0ZgTKahv6861Soiolwz24KZ795MgRKkSAWk0eVRBYqpPwpGMH0dJ-2BCMK1nDMkRYmZL3mlbsCqVOC-2FBBAQ-2BsGe0Id00pXHwqcIHkf7BUPY-2Bx89H5bNA-3D-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmTMvTwDBOZborEOIxqFnDDmWhT2voCY1S5sCahz0UN2BSUlG4vx5YJGNzQlPht0BU8VNEMunZZMqrNfpAHXVSqfXF6JMrDRZEl8JG-2F00DIlIS7KsI0M8b7U2897wsHwXzQel-2FxvF6-2Bz7Jo7AvfcDgSyoj2Cp-2FdFZmnIZONlbkqxy1NjePaLcHLV-2Fp9wHWMAD23dfEs10HOrKpWP7-2BC5GJ1FdhMnQ34zcvEyIB5Fr1ByLHB7bONEZ1cj2ItEqWIFeltWivNNCvb6mlbR2puwLtkMP6V2-2FdH4IVHd738BGn7jNZqMtZ03kKjMucXEUbY3ZHT3FX5fFJAuFepwEgDvo1gJcALmOkjUnqEDbHFO3k5-2FxsFEG95Rs8I46tdmwgqnEJgfvihNyAK-2FdHkIHh8LzudgIMe9cXomGpyB6h-2Fnj7gcGg-3D-3D"
                      style="color: #666666; text-decoration: underline;">Download the App</a> | <a href="https://www.harrys.com/"
                      style="color: #666666; text-decoration: underline;">Unsubscribe</a>

                  </td>
                </tr>

                <!-- NOTE END -->

                <tr>
                  <td width="100%" height="50" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                </tr>

              </table>
            </td>
          </tr>
        </table>
        <!-- FOOTER END -->

        <!-- LITMUS -->
      
        <!-- CONTAINER TABLE END -->
      </td>
    </tr>
  </table>

  
</body>

</html>
            
          
!

CSS

            
              
            
          
!

JS

            
              
            
          
!
999px

Console