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">
	<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;}
    
    @font-face {font-family: 'Brandon Grotesque';src: url('http://cdn.harrys.com/email/webfonts/Brandon-Grotesque-Black.eot');src: url('http://cdn.harrys.com/email/webfonts/Brandon-Grotesque-Black.eot?#iefix') format('embedded-opentype'),url('http://cdn.harrys.com/email/webfonts/Brandon-Grotesque-Black.woff2') format('woff2'),url('http://cdn.harrys.com/email/webfonts/Brandon-Grotesque-Black.woff') format('woff'),url('http://cdn.harrys.com/email/webfonts/Brandon-Grotesque-Black.ttf') format('truetype'); font-weight: 900;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;
	    }
	    
	    .seasonal, .seasonal a{
	        font-family: 'Brandon Grotesque', Futura, Trebuchet MS, Arial, sans-serif !important;
	        font-size: 52px !important;
	        line-height: 54px !important;
	        letter-spacing: 1.75px !important;
	        font-weight: 900 !important;
	    }
	    
	     .seasonal-subhead, .seasonal-subhead a{
	        font-family: 'Brandon Grotesque', Futura, Trebuchet MS, Arial, sans-serif !important;
	        font-size: 36px !important;
	        line-height: 38px !important;
	        letter-spacing: 1.16px !important;
	        font-weight: 900 !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) {
        .full-table {
            width:100%!important;
            min-width: 0 !important;
            height:auto !important;
        }

        .mobile-hide{
            height: 1px !important;
            display: none !important;
            min-width:inherit !important;
        }

        .hero img{
	    	width: 100% !important;
	    	height: auto !important;
		}

        .mobile-column{
	    	height:auto !important;
	    	padding: 0 !important;
		}

		.mobile-column td{
	    	padding: 0 20px !important;
		}

		.bg-text {
			width:100%!important;
			display: block !important;
			padding-top: 400px !important;
		}

		.full-bg-right {
	    	display:block !important;
	        background-position: 26% center !important;
	    }

	    .full-bg-left {
		    display:block !important;
	        background-position: 74% center !important;
	    }

	    .half-bg-right {
		    display:block !important;
		    background-size: cover !important;
	        background-position: left bottom !important;
	    }

	    .half-bg-left {
		    display:block !important;
		    background-size: cover !important;
	        background-position: right bottom !important;
	    }

	    .two-col-inline {
	        background: none !important;
	    }

        .head {display:table-header-group!important; width:100%!important;}
        .foot {display:table-footer-group!important; width:100%!important;}
        
        /* CUSTOM */
        
		.cover{
		    background-size: cover !important;
	    }
	    
	    .mobile-column-holiday{
	    	height:auto !important;
	    	padding: 0 !important;
		}
    }

    </style>
</head>


<body bgcolor="#ED4647" 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;">Order by noon EST on December 12th for delivery by December 24th with free economy shipping on orders over $10. Also, $5 off any order that includes a holiday gift set, using code GIVEFIVE. Limit: one code per customer.</span>

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




<!-- COPY BLOCK-->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
    <tr>
	    <!-- Change background color -->        <td bgcolor="#ED4647">
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-table" width="580">
                <tr>
                    <td align="center">
                        <!-- Adjust width of text container (580px MAX) -->
                        <table width="450" 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%">
<tr><td width="100%" height="25" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>

                                        <tr><td width="100%" height="10" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>
<td class="hero" align="center">
											<a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrSTbePC-2FpZluNi22hcU2bUhx7IT3fASN0VJQ0vd1gcm-2Fsw4Yuo8-2F8WVQq9qJF1HWAHb7ozNa1mvJvBIfw23ZwQlTQxYFer4EDeNAauWF7UIQNGneczZJQzHvgkHSSQgJPtwIeq7g-2BdsrH-2BOD3Ip2UsL4-2FCdzizm9q01XgmUnTs59_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrZnFq7M2Di7Anl8JMEYZO8znZPU2kWEil56B3TkH1Wfi8AgfmetsacPq5epYTzCh1f4G16KGjtp95M5pFqnRMEyg5BxzYGj8xp870541B3uCvwgf-2BrR2yrr03-2FDUac2gaKZLVr7eyoasWbGMgW-2FZf6QfoaXqwyc8kWO-2BLdpb2uqQK7NSvQ2-2FlTqxDEoVqJfJFAO8aj2kTxrLj8D20TSrPaI2OrdsYMz7QxEe-2Bz3v-2BOhVlWpt6oeDlLALZppHcO03shP6AsJz5hGnIEjxrkx3B42L9Z2t-2BdS3xZLHGtUZIPUhuelq0ihAmpVpsssLLbfOn3gle6AddUUakL-2FcynxI2d1Qg3nAoTROZNoPVu5Z5kWa-2FzScLnxxR6rsyOz92WD2VQ-3D-3D">
												<img src="https://img1.niftyimages.com/hv5/fae/lij" width="501" height="86" border="0" alt="Time is running out!" style="width:501px; height:86px; line-height: 86px; display:block; font-size: 14px; letter-spacing: 0px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF; font-weight:normal">
											</a>
										</td>
										<tr><td width="100%" height="25" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>
							
										<td class="hero" align="center">
	
										<!-- SEASONAL HEADER -->
                                        </td><tr>
                                            <td align="center" class="seasonal" style="font-size: 45px; line-height: 45px; letter-spacing: 0.5px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #FFFFFF ; font-weight:normal">
                                                <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrSTbePC-2FpZluNi22hcU2bUhx7IT3fASN0VJQ0vd1gcm-2Fsw4Yuo8-2F8WVQq9qJF1HWAHb7ozNa1mvJvBIfw23ZwQlTQxYFer4EDeNAauWF7UIQNGneczZJQzHvgkHSSQgJPuNc6HN0SzjwtdQcmx-2BjGogESB28Datn8WGIZuTgL9wV_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrT4uoGfIY7RzN1b4muw8HnBp-2BLGzaGOUw9OAEEd41-2Fh3lJq-2FL717iu2KWOADtBAzhvA8GPEn2fMcSLlThu6SlXv4g7zyA9crFDnEJ1YCU7303ZL9PCBlLLoG0Gjf1pkzm-2FCgOR5bRyctPrkO7i-2BNQcAyN23FIqT-2Fj-2Fcoj0MgVBhqgsC4kGSm8Bp3OmKogmpC2hk0LQtDOJ-2F5fP-2F7qQ4UsS-2BuhmE2gdH3TlEsF2U28dhWbjZBHrj-2BRqj8DjOkBQ-2FfY-2FN8MdFSTgMcHc-2Besd1wCUkBJ5d0TUoEV3lX5tZ3m0S9cMehYPRNvymps2apui4DAlPJXR88XNQmcUZumrpu50680dkEl-2FwY-2BLvNiIq-2BZVmfjPZccAN-2BjyymicEzvdhDeg-3D-3D" style="color: #FFFFFF; text-decoration: none;">Tick Tock</a>
                                            </td>
                                        </tr>
										<!-- SEASONAL END -->				
<tr><td width="100%" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>
										
										<!-- SUBHEADER-->
                                        <tr>
                                            <td align="center" class="subheader" style="font-size: 11px; line-height: 24px; letter-spacing: 2.6px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #FFFFFF; font-weight:normal; text-transform: uppercase;">
                                                <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrSTbePC-2FpZluNi22hcU2bUhx7IT3fASN0VJQ0vd1gcm-2Fsw4Yuo8-2F8WVQq9qJF1HWAHb7ozNa1mvJvBIfw23ZwQlTQxYFer4EDeNAauWF7UIQNGneczZJQzHvgkHSSQgJPttSdCIWqNDjx7w8vgloXVEgOnSaH6RAlEYsqmYp-2F-2BlKc9O796Ja5skOhdDLXDA2mw-3D-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrVfxKYpOb5MoossZOcuSfjSAx7cP6VUt4svLEL55-2FAgajbUuyQifGCqH6Soww8DbEgYGufAAVhxq7DZN81TJ8hZFWNj9G7MFO6a7fzkxC4dmEdV1fN3-2B75W9gdwGDIUzexeoUDv64uXc-2FoW3uO1105gnJur7jNvxCnocwmAkr0Re1lWA7XhnJD4sYBAu0mjAo28L6ygALLFEtUF5sqStKybn5OzinYxi6oeTdJ3WyJUOqEQ59qmXBM-2BDZa8EwvozDExMeXHzqN0jt5W16otJdningrdVtJLnD3DsCGhmYKhiFiWucZO9JUCDBkexAbD9Y5FJvhX8xZEa3wyAWeUqf-2Bz5ruQPKUokfSApCC4hMuj41KHP5wsICTmIjIC0Tm-2FBig-3D-3D" style="color: #FFFFFF; text-decoration: none;">Order by noon EST on December&nbsp;12th&nbsp;for:</a>
                                            </td>
                                        </tr>

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

<!-- 2COL: INLINE IMAGES -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr>
		<!-- Change background color -->
		<td bgcolor="#ED4647" align="center" valign="top" width="100%">
			<table align="center" cellspacing="0" cellpadding="0" border="0" width="100%">
				<tr>
					<td>

						<!-- Content -->
						<table class="full-table" width="580" cellpadding="0" cellspacing="0" border="0" align="center">
							<tr>
								<!-- Remove class if you don't want padding -->
								<td class="mobile-column">

									<!-- COLUMN 01 -->
									<!-- Additional card link -->
									<table class="full-table" width="280" align="left" border="0" cellpadding="0" cellspacing="0">
										
										<tr>
											<td align="center">
												<img src="http://cdn.harrys.com/email/one-off/171201_free-shipping-cutoff/line.png" width="125" height="1" border="0" style="width:125px; height:1px; display:block;">
											</td>
									    </tr>
									    
									    <tr><td width="100%" height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>
									    
											<!-- BODY -->
                                        <tr>
	                                        
                                            <td align="center" class="body" style="font-size: 14px; line-height: 30px; letter-spacing: 0px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF; font-weight:normal">
                                                <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrSTbePC-2FpZluNi22hcU2bUhx7IT3fASN0VJQ0vd1gcm-2Fsw4Yuo8-2F8WVQq9qJF1HWAHb7ozNa1mvJvBIfw23ZwQlTQxYFer4EDeNAauWF7UIQNGneczZJQzHvgkHSSQgJPuLoPsmphVfgy6YJdrN4e3VlRDijq4JMf4QGc8Md3ADL_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrb29ByMnY4ZwoY2DmztthtTkbDc-2BipKIYC0x81hj3PICXk9zUq2BCnxwWC2VhRnsP7Lb3B-2BLYQDWYGHZO9xeRrIg8P7mH57APJc3af0RwMrwD-2BP8JiG0-2FDRrEevH32ExYOwL6-2BUiFKzIFl32LtuZ5uuyYFXeDfyx5vPfB41deQSs1-2FOQyqy4SO7PmLz84deWaOsAMduBtUFvB4KsVQspW8xnSGgfBbMWc-2BtUbw3BXVHcNibroBvScYz-2F6ClAUNIXunqKjH7X5CbC44Vbu0VlnDIsINgPbEWFeDGH5s0vXo3qfH5QJNHU8dn3-2Bw1sgSoRI6YKreEZm9THTIgeitdwmzjmc-2FPuas-2BVf5CkrNYRtenxuu-2Fk-2BMH4LwWCwJaiHCSK9A-3D-3D" style="color: #FFFFFF; text-decoration: none;">Delivery by December 24th<br>with free economy shipping<br>on orders over $10.</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="30" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
										</tr>
									</table>
									<!--[if mso]></td><td><![endif]-->

									<!-- COLUMN 02 -->
									<!-- Additional card link -->
									<table class="full-table" width="280" align="left" border="0" cellpadding="0" cellspacing="0">
										
										<tr>
											<td align="center">
												<img src="http://cdn.harrys.com/email/one-off/171201_free-shipping-cutoff/line.png" width="125" height="1" border="0" style="width:125px; height:1px; display:block;">
											</td>
									    </tr>
									    
									    <tr><td width="100%" height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>
									    
										 <tr>
	                                        
                                            <td align="center" class="body" style="font-size: 14px; line-height: 30px; letter-spacing: 0px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF; font-weight:normal">
                                                <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrSTbePC-2FpZluNi22hcU2bUhx7IT3fASN0VJQ0vd1gcm-2Fsw4Yuo8-2F8WVQq9qJF1HWAHb7ozNa1mvJvBIfw23ZwQlTQxYFer4EDeNAauWF7UIQNGneczZJQzHvgkHSSQgJPvdkKW8RDnrXtqs-2FWjep4qhS2OlVU9fHnxGOKct2Nxm9_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrW1EfVv0jbf1EMV3SiGDOzgjpPip5oyjgG60iCPW8addN9hivAckvwo7uKAUgtTMECssdtr6RJ2a6OR-2FpRVrqdAocEoNWwRuK49RpFrH-2FE2ySiKeODadh4bAU0730oQE-2BaOpyDGxUBctYCcufw1QV30QceCsTbNWbbkUJZUSyVeDmXYOSq4oKE9jfeJ-2B2ZKJfMk0kOMU8aST-2Bg3ksHxPZDzlMmjYo2V-2FX9VwUAF5PYZZoINV9NAQtp6wbeww2SVx-2Bq3kSfANMNS21bElIxAiZLMuUu2GUfPAJD-2BJeOYNJ9NqhTtlz2MCkjq4fZGE76YqBICJ759jqSrL0p84LxWrtD3JRCIgj0-2Fvo73xki93e9ntJdgg1yhTUhU8kSN4QCNwQw-3D-3D" style="color: #FFFFFF; text-decoration: none;">$5 off any order that<br>includes a holiday gift set,<br>using code GIVEFIVE</a>
                                            </td>
                                       
										</tr>
									</table>

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

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

<!-- COPY BLOCK-->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
    <tr>
	    <!-- Change background color -->
        <td bgcolor="#ED4647">
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-table" width="580">
                <tr>
                    <td align="center">
                        <!-- Adjust width of text container (580px MAX) -->
                        <table width="580" 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%">

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


										<!-- BLUE CTA -->
                                        <tr>
                                            <td align="center">
												<!--[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="#185674" fillcolor="#185674">
												<w:anchorlock/>
												<center>
												<![endif]-->

									            <a class="large-cta" href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrSTbePC-2FpZluNi22hcU2bUhx7IT3fASN0VJQ0vd1gcm-2Fsw4Yuo8-2F8WVQq9qJF1HWAHb7ozNa1mvJvBIfw23ZwQlTQxYFer4EDeNAauWF7UIQNGneczZJQzHvgkHSSQgJPlkvGiXA1I1DPy-2BBLuRQhTg6fyQweoCCT9S-2B-2Ft5oDl1F_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrWdpTlGY7tZdrGQ7z7-2Bo8uQGINtmFdgqVgXEd33g2CrRuS6k5Xg-2B-2BXVoZZyaOT3cmUjPprybAgJ6IFnLWi9h3fvspj-2F2GgTdW7t8qn0bcnXowDN-2BWDwVBLnPyCQbE8Y5THTNK-2FA5XukQeYPNA8t9gdJ-2F5hFjozzrfA-2B1Ftk2s4nxtCGrkz-2Bbu55uF1m-2BA8Atn5dEVKJcqLINql5Z2ZAodFpD8zNxpNfXWWCo-2F3EALHX5d2hNZUwAIbCICikSirdTqMVWUey7OI94PgcEWkTjdmzpZeiXo3lnelUcEaaPh8c-2FR1dJpZnEBykHgEBdvVUvrsjyoDeOgaUcFjcZ4Ysn3kR16f5kBaYninknaJk-2FMME1UP7dFxfaJx-2BCFLAJRJEALw-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: #263645; border-top: 12px solid #263645; border-bottom: 12px solid #263645; border-right: 29px solid #263645; border-left: 29px solid #263645; display: inline-block;">SHOP NOW</a>

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

                                        <tr><td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td></tr>
                                        <!-- BLUE CTA END -->
                                        
                                        <!-- NOTE -->
                                        <tr>
                                            <td align="center" class="note" style="font-size: 13px; line-height: 20px; letter-spacing: 0.4px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF; font-weight:normal">
                                                <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrSTbePC-2FpZluNi22hcU2bUhx7IT3fASN0VJQ0vd1gcm-2Fsw4Yuo8-2F8WVQq9qJF1HWAHb7ozNa1mvJvBIfw23ZwQlTQxYFer4EDeNAauWF7UIQNGneczZJQzHvgkHSSQgJPhB9tbZ6lS4fGUD3-2BFkk9yiwSAqWcryz5p0gi8KcRZUR_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrQEKuzeVqsI1rDHKgDQT3tUvF8MvKqn9tphwpQcuXT0TNMh-2FPFoNyBG0wWTj-2FCcBQ2jU83YA4E3fqHiYkfWYAnoR3YN0N3Ru40pBE6IkPNu17LGol1Va6cSaemZixKDQxr3dEka33mX736GA62lr9U1pOQ6iKDj4KI0j-2FBZmTeVOt14UPcDAKe3bFBR3DpkBjuQij7wBUDBLPti4EUzy5FUi-2BkS89Sd9H06NGRE6t2ElqrUEyHLjpoMfg0IZi-2F6xvBpn20NdlsTswSPjpYJu6Qu0Aw2Qu0rlNNqj0GSMWaB7McwsxCaDzhYmwrpXb3299OYyURcZWYvYBrnod0D0I2lM3qBBMaIQzcWyqSDJu00-2BRpDM-2BiaWX3MwoJl3E3h2kA-3D-3D" style="color: #FFFFFF; text-decoration: none;">Limit: one code per customer.
</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>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- COPY BLOCK END -->


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

	        <table cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<!-- Change this height to match the image height -->
					<!-- Change image in TWO places -->
					<td class="mobile-column-holiday" height="780" background="http://cdn.harrys.com/email/one-off/171201_free-shipping-cutoff/editorial-bg.jpg" align="center" valign="middle" style="background-position: center; background-repeat: no-repeat; vertical-align: middle; background-size: cover;">
						<!--[if gte mso 9]>
						<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:1000px;height:350px;">
						<v:fill type="frame" src="http://cdn.harrys.com/email/one-off/171201_free-shipping-cutoff/editorial-bg.jpg" />
						<v:textbox inset="0,0,0,0">
						<![endif]-->
					    <div>

			            <!-- Adjust width of text container (580px MAX) -->
                        <table width="465" 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%">
	                                    
	                                    <tr><td width="100%" height="50" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>

	                                    <tr>
											<td align="center">
												<a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrR0WuvRiSzXLmonZw-2FLM-2FwUB6ymwrx0N2gwo-2FKaOUFeZtU3MooulNTsLiXTbgc7ngGGn-2Bw3XH4Lf1F57d5B86A0UEtOVGKj1nj0mX-2BV0IFwmURQYpiUAB-2FcJNTfPJsry5XMtyehDM1QLibIiDI4kzYXLhWAOiPgp9VV8zsr2MKT2JZXN9yvLGJmmbLMSbtPLcg-3D-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrX6a-2FGw93D0kXSKnERUvDq5gawZ1QML-2BPMFNsft8yYxQIYqJtCAPJ2eFYWg8SME5rtzJOtOd5-2FtyZ7Ghccs4BJBj8t-2BoWFt7cISUy2WqRUYo-2Fum19qWntdyskjPTTtmFaF5FPsU9PXfslXsSQxWYrHjbc3C9arFBULzE3q72Y2iKS-2FVHol-2BngZAqwiPnuvXXlT1iwTIWi1WMhRt6ZEcpmkHCNxiqABBq61-2Be75eOuoBZ9sv3tQYTUuTU20QJjTaBuC-2B6XFLFBys0knyTZX-2FigrS-2FUNwT4CqiMnHTmHRvfRl0orGwytlDG4e3sfrzyDV55LLLU6MWog1ZoDyhqfnSSlZi2Hh42E7h-2BCwgMNH8f4VoazPkJYNm5F4n7BHo9GA7ww-3D-3D">
													<img src="http://cdn.harrys.com/email/one-off/171201_free-shipping-cutoff/give-handsome-title.png" width="230" height="40" border="0" alt="Give Handsome" style="width:230px; height: 40px; line-height: 230px; display:block; font-size: 14px; letter-spacing: 0px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF; font-weight:normal">
												</a>
											</td>
			                            </tr>
			                            
			                            <tr><td width="100%" height="30" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>

	                                    <tr>
											<td class="hero" align="center">
												<a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrR0WuvRiSzXLmonZw-2FLM-2FwUB6ymwrx0N2gwo-2FKaOUFeZtU3MooulNTsLiXTbgc7ngGGn-2Bw3XH4Lf1F57d5B86A0UEtOVGKj1nj0mX-2BV0IFwmURQYpiUAB-2FcJNTfPJsry5XMtyehDM1QLibIiDI4kzYWFOWWhTVEIRaII093YfcvTTxTmGOGF-2FTHBLsUHBlc7Yg-3D-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrfbhdI-2BFB-2F-2FDDvkmiYDWcmrMBNa89P1daxEKonCqi7N823WkWAvP-2FtL1u3yyX36hTjwww8rKaqrQCq-2BW-2BDxgWzl050RU0rjsZN2GRu7Lf2zSULgyDRqnaYYRSFqqEXm-2F2a4ykpjQrkRblRsRpKFpUT1EFGqKFgzfVBEkbL4nA0RZrVXKamazBU-2Fxfj1Z-2Bnb6ohHZrYW5mMM0brv3uoCZeFSq-2Bn8Es631lGUXKQ2cCEzvVAFoV273FgjThzrDBh8C-2Fw5ENlwl0owkF3ncwFwF1OH3h65GiZ-2FVOT7V2KceEUEb6sCdqH5Z7uC-2FKXo1KSpEgv0K7RLwc-2F3K1RQVnucjUkDbEdkwL-2Fpy66q2k29MOJS6FvB3w7hd0VfR6faJRVNXLQ-3D-3D">
													<img src="http://cdn.harrys.com/email/one-off/171201_free-shipping-cutoff/give-handsome-wallpaper.jpg" width="387" height="279" border="0" alt="Artist Designed Phone Wallpapers" style="width:387px; height:279px; line-height:279px; display:block; font-size: 14px; letter-spacing: 0px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF; font-weight:normal">
												</a>
											</td>
			                            </tr>
			                            
			                            <tr><td width="100%" height="60" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>
			                            
	                                    <!-- SEASONAL SUBHEAD -->
                                        <tr>
                                            <td align="center" class="seasonal-subhead" style="font-size: 36px; line-height: 38px; letter-spacing: 1px; font-family:-apple-system,'Helvetica Neue',Helvetica,sans-serif; color: #FFFFFF ; font-weight:bold">
                                                <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrR0WuvRiSzXLmonZw-2FLM-2FwUB6ymwrx0N2gwo-2FKaOUFeZtU3MooulNTsLiXTbgc7ngGGn-2Bw3XH4Lf1F57d5B86A0UEtOVGKj1nj0mX-2BV0IFwmURQYpiUAB-2FcJNTfPJsry5XMtyehDM1QLibIiDI4kzYUA8cYnqqOORRST2f9sgPkvM0M26bq4sJstxYoLi2nESQ-3D-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrYg1BQUrxNOk7hZB7EDEEfBo0esjHpe6hGKuI-2Bmf1BfxMY0FAEWpW0F7IUm7y5pDRHFa7z00Lcfy0JkjwsysJsQNQTZaRKZPuNgmEnPVqodqSavMIT99T6q1RVyIGd3BpRJjWNoU0P93HIqnSaRtAFCvQtgSQzS5t3q-2FPP9uJ5pYeJNmxjYipxgbqR2G-2B0FGRVfJkHTZc7-2FBZt6X0etPXzc3LZl8tzcsFZEZ2N-2FsgB69LI1IDl0aAQoGCkoixDlnkSE-2FC9Sqt-2FWLc4ZXPCBs-2BXcIh6-2BD1A9ubZ7g7jAbhCStvV6NYcSTnqaGKExNAFUIZytTve6zwqvO-2BVP6P4-2FTKikIGmoV5xySG1unAmfMuhdzrMRID2n8kyTgu9N6ME2xIw-3D-3D" style="color: #FFFFFF; text-decoration: none;">MAKE YOUR<br>PHONE HANDSOMER</a>
                                            </td>
                                        </tr>

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

										<!-- SUBHEADER-->
                                        <tr>
                                            <td align="center" class="subheader" style="font-size: 11px; line-height: 24px; letter-spacing: 2.6px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #FFFFFF; font-weight:normal; text-transform: uppercase;">
                                                <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrR0WuvRiSzXLmonZw-2FLM-2FwUB6ymwrx0N2gwo-2FKaOUFeZtU3MooulNTsLiXTbgc7ngGGn-2Bw3XH4Lf1F57d5B86A0UEtOVGKj1nj0mX-2BV0IFwmURQYpiUAB-2FcJNTfPJsry5XMtyehDM1QLibIiDI4kzYUrLD-2BvABHfkAGBAHtDIDS4hQE8h38YlnJWNzP-2BLKAZ6Q-3D-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrravxHFLcFOYnm7q-2FxrrEfhnqkoN6MFdr2-2FdjiDrhfMv-2BftAfwm6ittZ1CELSTqqPNQSHLJNdCEvFCBwGJMKFRsT1UJxtt-2ByYxs3KPtaGS6XJP82oxQs9ai70KGMm3hT-2FachULs-2B-2F-2FzyKKHxUq4I5ErT6SzpI7ZEp-2B7pC-2B7yzlANOSCQ8AYtwXf8PdC8cFb1zoCKXlJ4YqUjsmFWo7TOBMdeRYX5iV2udhkKjvXPlryyDCm7lH2PDSSEFkhLK6NRFwNgJILdD-2BkQDMXov5ims3M0WU7whnoseDG-2BDeZVSmynd9MbkDO1lwDJzMwhT-2Ffau1JeH-2FVoDEL3A6kVt4i6eisaeLtujXF5ea9Ne-2BnU41Z7oL-2F6E9qGEZ7KBsdjX89Zzdw-3D-3D" style="color: #FFFFFF; text-decoration: none;">WITH THESE ARTIST-DESIGNED PHONE&nbsp;WALLPAPERS</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="center" class="body" style="font-size: 14px; line-height: 30px; letter-spacing: 0px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF; font-weight:normal">
	                                            <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrR0WuvRiSzXLmonZw-2FLM-2FwUB6ymwrx0N2gwo-2FKaOUFeZtU3MooulNTsLiXTbgc7ngGGn-2Bw3XH4Lf1F57d5B86A0UEtOVGKj1nj0mX-2BV0IFwmURQYpiUAB-2FcJNTfPJsry5XMtyehDM1QLibIiDI4kzYWFOWWhTVEIRaII093YfcvTH6xMVk-2FUwJnymQS-2BHt-2Bfvg-3D-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrb1SKGkFZVlazAMWPCcM4rVWeIXawlwsQgfL1MVaETLvWVzMHu5TJ1HJ-2FQ6vWDEfOJrZcqBSpsMKBCteHzbynFkmdCfxNbT-2FFwnLNP2RQSquQnvKfwDcFe7aQjqwHijPJmwMaTFIAMfCGrtz6pB7WeHXu0dZgNTdiNs-2B-2BSrV2YvF1ePrg7-2Becf2hwkvnEIEr1aecB7IJvE2N0RKH4a-2Bn9loKdePdesfpKNMJZpYY2CW1TSgt7DCBcNVMD8qlxrOzKrq9XiriMYz3sNCOH-2BX0lYC6m-2B9sRUILuSVv3RxPGBLEMbPojWcEFOtKwG8bxU1OdrwPsFolVnyOB0ka3-2FQzcNEbN3301ngYXI3kudxc1PHPRbQB-2BZmBBDUPpwmcD2Fv4w-3D-3D" style="color: #FFFFFF; text-decoration: none;">Five artists, curated by Portland-based design studio FISK, have interpreted the word &quot;handsome&quot; into beautiful backgrounds perfect for your phone.</a>
                                            </td>
                                        </tr>

                                        <tr><td width="100%" height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>
										<!-- BODY END -->
										
										<!-- LINK -->
                                        <tr>
                                            <td align="center" class="subheader" style="font-size: 11px; line-height: 24px; letter-spacing: 2.6px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #FFFFFF; font-weight:normal; text-transform: uppercase;">
                                                <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrR0WuvRiSzXLmonZw-2FLM-2FwUB6ymwrx0N2gwo-2FKaOUFeZtU3MooulNTsLiXTbgc7ngGGn-2Bw3XH4Lf1F57d5B86A0UEtOVGKj1nj0mX-2BV0IFwmURQYpiUAB-2FcJNTfPJsry5XMtyehDM1QLibIiDI4kzYU8d2wvruQF8EqfjSKbbuQivEFD4Q708R2IbF3GBttSNg-3D-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrepmZOI4AQCA0Fpj-2FO9dK59TTuK8g38RU5q7iJhYDeXc4it5ioPf-2F1ITpobvBSbx-2FWzGoGjNf4J21rKfDJ-2B2KA1lO5ufNuO2G9UtIanurNNoq0W2yxpsq5rp68S-2Fp-2BClIfMBamLmZOGRHbpM0MbJ38VpeeIZECR7JrvRY2eZGv75-2F9qkfSEr9o71zm017gr59eWjqm-2FSYnZUP95DbPekK7UYbWmhjTpsNPxFhAVvlZE63H-2FhVMWanIfYeq2Ip-2FsXpOOmsnXEyC6v7hMnhuWOwAxCkofgYYRX152jh5HuJwLZaiN6PS6OwknqGfChwzGy6wmXaCCpyHhC6JpibRlp0eYVCi3Zk7CW5enBoSjXNInpBuSNpYVcbaspPg1UtLfS8g-3D-3D" style="color: #FFFFFF; border-bottom: 1px solid; border-bottom-color: #FFFFFF; padding-bottom: 4px; text-decoration: none;">SEE THE WALLPAPERS</a>
                                            </td>
                                        </tr>

                                        <tr><td width="100%" height="50" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td></tr>
										<!-- LINK 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 -->

<!-- COPY BLOCK-->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
    <tr>
	    <!-- Change background color -->
        <td bgcolor="#01969D">
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-table" width="580">
                <tr>
                    <td align="center">
                        <!-- Adjust width of text container (580px MAX) -->
                        <table width="420" 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%">

                                        <tr><td width="100%" height="40" 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: 20px; letter-spacing: 0.4px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF; font-weight:normal">
                                                <a href="http://sg-link.harrys.com/wf/click?upn=TPhLPvAKxgMQde-2FZ2E6dtcSRbI9IoTKMRL-2BvBprnYJ7ZjJCnhn8xdcM2Ylqsqsq5-2BV9xPN6dX2CKqoLMzclUT-2Bjj7E52CqqaN8rhMk3z-2FikZxFgna45hB-2FHf7fAST6iIhBoMe3nE90mJAPz8q-2BfODwUtDv48V8sRoeYTNY54VY9ZOX0uHxONXmQXVlkCKAG5_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrRoSEJfCuAKxZhJwpmMEqQYA7tHfXMb6anxgiLvZE5Z9QYQa-2BR8I87mf13I5FgLOBIrl5jZv1ka9ZW80JD5HVWqM4HJ4TT5rcQL7U1lcIooonSP5lYuKy8dDHmrCsm0tfK1tVfEb0Iialg5lzaPWuxfGYH1GG4NEYXNi4hMkCFnmYK-2BX8u-2FWO7lof04131WbzRIh1ELidNtACfrW9yLkbdRIZlUAICvYQTAkpE-2BOfSrZEa7RLxqGd-2FeRwG1AJHv-2B7YPOy6uufsxQaaVXZVSPMs6M3otqynmLwRoFITiTMsfEZK8OejAy15AFgMEb5upsZ0jl3D3yss92jotBopyo6JJSDcqjyyeVELcM2YJw0k6A5HlueGUduNQhFZ8TwxSCoA-3D-3D" style="color: #FFFFFF; text-decoration: none;">This year, we've dedicated each week of the holiday season to a different kind of giving. Follow along as we highlight the people who are making this year a bit brighter—and watch out for some surprises along the&nbsp;way.</a>
                                            </td>
                                        </tr>

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

										<!-- LINK -->
                                        <tr>
                                            <td align="center" class="subheader" style="font-size: 11px; line-height: 24px; letter-spacing: 2.6px; font-family: Futura, Trebuchet MS, Arial, sans-serif; color: #FFFFFF; font-weight:normal; text-transform: uppercase;">
                                                <a href="http://sg-link.harrys.com/wf/click?upn=TPhLPvAKxgMQde-2FZ2E6dtcSRbI9IoTKMRL-2BvBprnYJ7ZjJCnhn8xdcM2Ylqsqsq5-2BV9xPN6dX2CKqoLMzclUT-2Bjj7E52CqqaN8rhMk3z-2FikZxFgna45hB-2FHf7fAST6iIhBoMe3nE90mJAPz8q-2BfOD1PQzQkWWHvYg-2F0SASfPBRRZHmrBpDvFk79SH5AR4iHK_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrc4v2CVvm8eH2-2FXp9Xaf6gu9no7hL4B-2BpU15GTK9Q0ZWtXJvcklgaPI2LiS9ivTJrNeA3-2FvBhmGoXgycLDQBYCV8BcVICGQfSP3Jy8n-2FtApWcBiKKzX2dr-2BqskEs-2BnOZRhlKswEmw1ZRfP7nFaPWAG8SudPc8-2FGnok2WykgWITcP2lGoymcZnm3QgnhprQCXE1eayODBanRtxzoEhqktNxJe-2FK-2Ba6G3-2B-2BjTsX2iSF3Td2MLOX3Me9mCm1bWpu5m9kZ2z1S5qLxWycLvYlrT4Fcmi4X44Ohn-2F1yIevS8U2rTc6zRP-2F4YpeSns8mkGQovcUxVEL2muonShzmBGylSgiccTEiLBLGln5LVvhTVcImSkA9QbswdzsREQ2YFkb8NRmQ-3D-3D" style="color: #FFFFFF; border-bottom: 1px solid; border-bottom-color: #FFFFFF; padding-bottom: 4px; text-decoration: none;">LEARN 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="20" 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>
<!-- COPY BLOCK END -->
<!-- FOOTER -->
<table align="center" cellpadding="0" cellspacing="0" width="100%">
    <tr>
	    <!-- Change background color -->
        <td bgcolor="F7F7F7" align="center" style="padding: 0 20px">
            <table border="0" cellpadding="0" cellspacing="0" width="100%">

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

                <table width="403" align="center" cellpadding="0" cellspacing="0" class="full-table">
					<!-- NOTE -->
                    <tr>
                        <td align="center" class="note" style="font-size: 13px; line-height: 20px; letter-spacing: 0.4px; font-family: Verdana, Geneva, sans-serif; color: #868686; font-weight:normal">
                            <a href="http://sg-link.harrys.com/wf/click?upn=s6-2FqfrspoOmocPYk4-2BmgrSTbePC-2FpZluNi22hcU2bUhx7IT3fASN0VJQ0vd1gcm-2Fsw4Yuo8-2F8WVQq9qJF1HWAHb7ozNa1mvJvBIfw23ZwQlTQxYFer4EDeNAauWF7UIQNGneczZJQzHvgkHSSQgJPtyNBDlhBCXDPkZkpeSYIcrd8-2F40uEDYWJTwNUPR29n4_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrfuT-2FMswq8OKbyZb7Xa10XTJoxADB-2BtOGhLtvV2Ruu8Up2alk-2B5dFP14leQU8aen6AJD0TUSwOtXBScsfOEuzWKwzLE05-2B0ptygQy-2FyXWdhFKi52Z-2BTfPQHnwSH1KZqkJcp7madp9lkDuKyRBDcnAbzUwCPhpUCku12JD-2B-2FDN3OA-2FYvX7RiI91-2FXwcVnidqMa9aCNjKFIOh7okZrKhaWRG-2FiTzTGb9FubR9I-2FJPF3eUSFZCZI3SH5Bf-2BkgRUe-2BejwT15xqiLpRr6zjGEqGHG7RHBEwTFY9TRVnWnxly-2B1u-2BO2ESHwlRbDGpGUGy2rK-2BEBJ2ztxv3grHCPFVBtgYpmH1q8-2FGWX2cHNjQYyOyTHONuISL3k5Kjkh2nseZDNW17Rw-3D-3D" style="color: #868686; text-decoration: none;">P.S. This isn’t the end of free shipping, it’s just the deadline to get your gifts shipped free in time for December 24th.</a>
                        </td>
                    </tr>

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

				<!-- MAMMOTH -->
				<tr>
                    <td align="center">
						<a href="http://sg-link.harrys.com/wf/click?upn=vmRRDuycyPyXDu7Uuf29VkYXf8t7YW-2FD5tVb8UBhC4VOGhTJdT00cmcpC2xYfkmluKWdenlp9t3E5e5b3TiNjE57myu7FIl-2FjMUZphi8jG3qYR5Y85xJlz-2F9Kp-2BOzGKxL-2BuRt6vtTvc5LI8kRZd4yUPWG3DmDNhf1pJNbRtuMBo-3D_uwT31D-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrTB6ymVjimy0H9MkQRlxvk-2BV81uvnenajdIva1vgjefDXNo-2BH4FrCxBgKpm6-2Fkt-2FpcCGkIXZNoh24gYDQQYlwnjWOIt6hckDZZUbFAjKs9jMg8XIphhOFggzLiLDhDRkoSol0ZSUNEopGxfogo5fK8eyWEJNptJWkzrpZTWYI1wFfiJY1tHgNh7em6NRA4i83ZBwhunWW7qTIR64oFNL407-2B42mzi6vDtzHkpmcqDBqJetJEXGQLINuUX1fcIMEdwpevtVKfri-2Fr7PeZgKC-2FN3aZv-2BAHYhpx60tICGKeuu1KA8GPcGM1838CB-2FC5aRQUQZhyL7XftVAD52MXNHf-2F-2FX4V-2BKQEh-2BB04MDCCXusYpfB0-2B4TuOEhzyvmhqXsrhf89Q-3D-3D">
							<img src="http://cdn.harrys.com/email/one-off/171201_free-shipping-cutoff/candle-mammoth.jpg" width="94" height="72" 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-2FKVmJYTDp7XDRGgdykVZeQkfQYVfLsDkw5CmSKkUSnPDBh9CUZ1pv6lCKlbnAsS7TtdvgaNuljpVPrrShMR6w5EfknFvlhxWlmhcuLZlFRsWGPhfiFVVqyjEEFcylpWCKyotJ2VR7f4LLH-2FY1oplBFr-2BbZFo-2FRSBCVAHVUbYj0HlMP9AlhCTpSygFaa8fQGM6gWjDZ9isvaO8MxZin8PF91FZqnZILM0PUw8Lib1B0SRJG3qJUMxB7ZJB7bs-2FlDm3j7uc6ThT-2BQTKoQJJB41FpTmbzGGWXKdKra12wUuWH-2Bqhz-2FDiUpb4YZ64gZzyNWNpf0NTFn6TWZk21MCC0Gxxc0DBaAnfXolv-2FaTAr8jmRFjIYjrgWD1khjRRfBpOmRsuljJ2pG3xg5khfHwmD0oxHBtYVJLDqloqUeB4O2kutKxaqL8c6b20-2FmNKPke2H0rygouIXCIdMfa8CJw-3D-3D" style="color: #666666; text-decoration: underline;">Download the App</a> | <a href="#" 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>
        
    
</table>
<!-- FOOTER END -->

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

</body>
</html>


            
          
!

CSS

            
              
            
          
!

JS

            
              
            
          
!
999px

Console