Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

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

Auto-Updating Preview

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

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.

            
              <!doctype html>
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraph.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#"> <head>
        
<meta property="og:title" content="Herschel Supply Staff Newsletter - March 28, 2018"/>
<meta property="fb:page_id" content="43929265776" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="referrer" content="origin" />        
		<!-- NAME: 1:2:1 COLUMN - FULL WIDTH -->
		<!--[if gte mso 15]>
		<xml>
			<o:OfficeDocumentSettings>
			<o:AllowPNG/>
			<o:PixelsPerInch>96</o:PixelsPerInch>
			</o:OfficeDocumentSettings>
		</xml>
		<![endif]-->
		<meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Herschel Supply Co.</title>
        
    <style type="text/css">
		p{
			margin:10px 0;
			padding:0;
		}
		table{
			border-collapse:collapse;
		}
		h1,h2,h3,h4,h5,h6{
			display:block;
			margin:0;
			padding:0;
		}
		img,a img{
			border:0;
			height:auto;
			outline:none;
			text-decoration:none;
		}
		body,#bodyTable,#bodyCell{
			height:100%;
			margin:0;
			padding:0;
			width:100%;
		}
		.mcnPreviewText{
			display:none !important;
		}
		#outlook a{
			padding:0;
		}
		img{
			-ms-interpolation-mode:bicubic;
		}

@media screen and (max-width: 480px) {
	.mbl_swap1{content:url('http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook-Hero-alt2.png') !important; max-width:480px !important;}
	.mbl_swap2{content:url('http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook-copy-cta_mbl2.jpg') !important; max-width:480px !important;}
	}


    .bump {

  -webkit-animation: bump 1.5s linear 0s;
  -moz-animation: bump 1.5s linear 0s;
  -o-animation: bump 1.5s linear 0s;
  }
  @-webkit-keyframes bump {
  0% {
	opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
            transform: translate3d(0,10px,0);
  }
  100% {
	opacity: 1;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  }
  @keyframes bump {
  0% {
	opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
            transform: translate3d(0,10px,0);
  }

  100% {
	opacity: 1;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }



  }

}</style>     
        <body style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #c0d8f2;">
		<!---->


        <center>
        			<!-- Preheader Outer -->
        <table border="0" cellpadding="0" cellspacing="0" width="100%" height="0" style="border-collapse:collapse;"><tbody><tr>
        <td bgcolor="#c0d8f2">

        	<!--Preheader Inner -->
        	
			<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse;"><tbody><tr>
            <td style="display:none !important; visibility:hidden; mso-hide:all; font-size:1px; color:#c0d8f2; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">Inspired by endless discovery, Herschel’s latest collection is now available.
            </td>
            </tr></tbody></table>
            
            <!-- End Preheader Inner-->

        </td></tr></tbody></table>
        <!-- End Preheader Outer -->
            <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 0;width: 100%;background-color: #c0d8f2;">
                <tr>
                    <td align="center" valign="top" id="bodyCell" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 0;width: 100%;border-top: 0;">
                        <!-- BEGIN TEMPLATE // -->
                        <table  border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
  
							<tr>
								
								<td  align="center" valign="top" id="templateHeader" style="background:#000000 url(http://herschel.com/content/dam/herschel/email/2018/04/apexknit/S2-18-01_test_s2lookbook_email_hero.jpg) no-repeat center/cover;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #c0d8f2;background-image: url(http://herschel.com/content/dam/herschel/email/2018/04/apexknit/S2-18-01_test_s2lookbook_email_hero.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 20px;padding-bottom: 80px;">
									<!--[if (gte mso 9)|(IE)]>
									<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
									<tr>
									<td align="center" valign="top" width="600" style="width:600px;">
									<![endif]-->
									<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;max-width: 600px !important;">
										<tr>
                                			<td valign="top" class="headerContainer" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
    <tbody class="mcnTextBlockOuter">
        <tr>
            <td valign="top" class="mcnTextBlockInner" style="padding-top: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
              	<!--[if mso]>
				<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
				<tr>
				<![endif]-->
			    
				<!--[if mso]>
				<td valign="top" width="600" style="width:600px;">
				<![endif]-->

                            <table class="stack bump" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"><tbody>
            <tr align="center" style="display:block; font-size:0;">
            <td align="center" valign="middle" style="display:inline-block; padding:5px 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px;">
            <a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=Bfqrp-uw8ixQdxelXbqjXQXPKpI9eU3yPSgRzgy4LBSm43aI65CB-hiPtA0_AFZxmfGih_823E_eUCG6oyPUuAO1oulgnNZcWCBPINKKrQj_bhyFdDC8rxHlJ9b8VnDiUW1t21uJuZUwhgqSZI_ouA3RC9E9WUhSxq3hkINgZFdsPU3uUHkVzX-8bVELYaFK0oA_M998konBUH2p5gNil_52-Zo5KWIgGv_OJAio5p0KmOSYigZQnADg" target="_blank" style="text-decoration:none; color:#fc9003;">SHOP</a>
            </td>
            <td align="center" valign="middle" style="display:inline-block; padding:28px;">
            <a class="bump" href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=OvXPZnpsww_8CVWhd1Ih4AskUIFeJmrLEyYLUVChrZ7l26eNUgFyh0V3hzlX11BCe_V5fscpNRZj0KAOPUmbZhey3JmrE598j8LJ-KIjyvI7f-HBRBcUeuRcjh-Hx_jqtrWMu4atwnH-4n1ecHz48DsMw9m0pdQGNdWXeH3rrOerskyYW9W9V8-1sx5LxsX7Nj4MEO71XfA6oHsIqj5RQdor6blvvDHMzxMHYs0A3MUiH3zKb5XIKTYfPNuWUlp5ZnasMCcSJZPms" target="_blank"><img class="bump" src="http://herschel.com/content/dam/herschel/email/2018/04/apexknit/orange_herschel_2018_S2LB_email_example.png" width="100" alt="Herschel Supply Co." border="0" style="display:block; height:auto; max-width:100%;" /></a>
            </td>
            <td align="center" valign="middle" style="display:inline-block; padding:5px 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px;">
            <a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=ZLjwArT5B6WKv2mxIvNOAgQI28g38FniUyanKwNPvKWFgWBVY-V3EBhMc4NPWaiBo0HQQxHuQ6c_AQZyAXLDLtmFurvq97F2-emrxrGo_ioA3K8HeMDq_7alIXYqG2Xu1Boe4KXAba-inYvf3a-tggm_j6o2ZQM01RBIoT0vV5Xel9FCn6vSWrZ3TiX4UkFR7oQdnzE_T3fqWLgLrXITs8lhks4oTialmubhM7rkhhLTVzh0ON2hJHhw" target="_blank" style="text-decoration:none; color:#fc9003;">BLOG</a>
            </td>
            </tr></tbody></table>
				<!--[if mso]>
				</td>
				<![endif]-->
                
				<!--[if mso]>
				</tr>
				</table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
    <tbody class="mcnTextBlockOuter">
        <tr>
            <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
              	<!--[if mso]>
				<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
				<tr>
				<![endif]-->
			    
				<!--[if mso]>
				<td valign="top" width="600" style="width:600px;">
				<![endif]-->
                <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%" class="mcnTextContentContainer">
                    <tbody><tr>
                        
                        <td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #202020;font-family: Helvetica;font-size: 16px;line-height: 150%;text-align: left;">
                        <a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=t7OEY0R09C4Xnamc3KlxAgQRKBJmrVarrdCWqpmjVIKB1GiyWv3SzjCbrosQsRsJSWAZ7SR-qcLvjxz4O262GNMwsBKezC9zmM4SvNmKQqzpU3wwpdXbrHINUdR1QShe4frVQ_vP3HD9daT5SUQ_AJzpkeYG2kvdpdq_-wDATNf4GSgZK9rxlKWlgaqRpv9S4nN9wfvHYNjqPpzFs5k7S1r-GNYbqdsm3g2322Jc5xM99c0SewtzFiFepCh6AK6J4lewDeDmoJ1D5QnY39Ju9ZWRrUvnAakzX8">
                            <h1 class="bump" style="text-align: left;display: block;margin: 0;padding: 0;color: #202020;font-family: Helvetica;font-size: 26px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: normal;"><span style="font-size:35px">
                            	<img class="mbl_swap1" style="display:block;" src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook-Hero-alt.png" width="100%" border="0" alt=""></a>
                        </td>
                    </tr>
                </tbody></table>
				<!--[if mso]>
				</td>
				<![endif]-->
                
				<!--[if mso]>
				</tr>
				</table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table></td>
										</tr>
									</table>
									<!--[if (gte mso 9)|(IE)]>
									</td>
									</tr>
									</table>
									<![endif]-->
								</td>
                            </tr>
							<tr>
								<td align="center" valign="top" id="templateUpperBody" style="background:#c0d8f2 none no-repeat center/cover;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #c0d8f2;background-image: none;background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 20px;padding-bottom: 35px;">
									<!--[if (gte mso 9)|(IE)]>
									<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
									<tr>
									<td align="center" valign="top" width="600" style="width:600px;">
									<![endif]-->
									<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;max-width: 600px !important;">
										<tr>
                                			<td valign="top" class="bodyContainer" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
   


<!-- Save for Web Slices (HSC-18S1-Newsletter-TrailSailcloth-5-CAN.psd) -->
<table id="Table_01" width="100%" height="auto" border="0" cellpadding="0" cellspacing="0">

	<tr>
		<td colspan="3" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
			<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=9fjKqvA5FF2ALvLBgrDS7Q_JBbV1MJXkT19mkMA4Nux4d1HIDjT_wfzKws1NxIXOFCkLqhY8bGSdFCZ92oWWTdCNpN42qk0MG3Wjw6c_iZzjvpu9GTaPBB4ECFTBywgIm8qPkDN8TIuUMHAkrJpKfjbHRm9WUhRM1n_yISQWctvzq2j0j_puJ5Q0Pi0xG05AQd5VkMWkmU4px4PYLE0-bpTGvv-BDzWoEixzAIJiYKQy0pVTu0OZ_kKxTjp5Rz_3NoZEr9O2VSwbM">
				<img class="mbl_swap2" style="display:block;"  src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook-copy-cta2.jpg" width="100%"  border="0" alt="view the lookbook"></a></td>
	</tr>
	<tr>
		<td colspan="3" style="padding-top:0;padding-bottom:30px;padding-right:10px;padding-left:10px;">
			<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=TNGBNpVd2-VCVl2ElzgA4AYJv0faSStNVKw3mJxcCemQ8Y5JEL7txxKSkIiKb_PlJxT7Zjt4hUvsp3FIR_VBbs2cbtcujdsP6RTOBzj4KtZaUoB2oXsbfEvTKl_kAxPCwbuUtI8eaS4nXhDgnbLPfDZTwjHMQiPI1HLLJW2Sz4xhRT7zW9hygJzRuaCoDe7Pq3CPoOGAMEID0CVSeVq8Uc-JBnKvA8jaJYNYKMx3LLFrViQKSq7uxnowhLroShul1ALor_-KzzgyL7f8jkRegkyNSPaE1VcbKvcqne5mDq5nVB83HuOMwBgfS_f68dESTLRcMqpkHXPEY">
				<img style="display:block;" src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook-image1.jpg" width="100%" border="0" alt=""></a></td>
	</tr>


<!--VIDEO START -->
      <tr>
        <td colspan="3" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
          <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
              <tr>
                <td align="center" valign="top" width="640">
                <![endif]-->
                <table id="Table_01" width="100%" height="auto" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
                                <tr>
                                  <td align="center" class="" >

                                    <style type="text/css">
                                        @media (min-device-width: 1024px) and (device-aspect-ratio: 4/3),
                                        (min-device-width: 1280px) {
                                            [class="viwomailvideo"] {
                                                width:100%!important;
                                                max-width: 640px!important;
                                                height: auto !important;
                                                max-height: 512px!important;
                                            }
                                            [class="viwomailimg"] {
                                                width: 0!important;
                                                height: 0!important;
                                                padding: 0!important;
                                                overflow: hidden;
                                            }
                                            [class="viwomailfallback"] {
                                                display: block!important;
                                            }
                                        }

                                        @media only screen and (max-device-width: 1023px) {
                                            table[class="viwomailcontainer"] {
                                                width: 100% !important;
                                                height: auto !important;
                                            }
                                            table[class="viwomailcontainer"]td {
                                                width: 100% !important;
                                                height: auto !important;
                                            }
                                            table[class="viwomailrrss"] {
                                                width: 100% !important;
                                                height: auto !important;
                                            }
                                            table[class="viwomailrrss"] td {
                                                width: 100% !important;
                                                padding-left: 5px;
                                            }
                                            [class="viwomail"] {
                                                width: 100% !important;
                                                height: auto !important;
                                            }
                                            [class="viwomailvideo"] {
                                                display: none!important;
                                                overflow: hidden!important;
                                                visibility: hidden!important;
                                            }
                                            img.viwomailvideo {
                                                visibility: hidden!important;
                                                display: none!important;
                                            }
                                            video.viwomailvideo {
                                                display: none!important;
                                            }
                                            [class="viwomailimg"] {
                                                width: 100% !important;
                                                height: auto!important;
                                            }
                                            div[class="viwomailimg"] img {
                                                height: auto!important;
                                                max-width: 640px!important;
                                                width: 100% !important;
                                            }
                                        }
                                    </style>
                                    <table class="viwomailcontainer" style="margin:0 auto; border-spacing:0; color:#ffffff;" style="color:#c0d8f2; background-color:#ffffff;" bgcolor="#303030" border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="640" height="100%">
                                                <div class="viwomail" style="width:100%;max-width: 640px; height:auto;">
                                                    <div class="viwomailimg" style="width:100%;max-width:640px; text-align: center; mso-hide: all;">
                                                        <img width="640" border="0" src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook.gif" style="display:block; border:none;width:100%;max-width:640px;" />
                                                    </div>
                                                    <div class="viwomailvideo" style="width: 0px; max-height: 0px; height: 0px; overflow: hidden; text-align: center;">
                                                        
                                                            <video loop muted style="display: block;width:100%;max-width:640px;"  poster="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook.gif" width="640" autoplay>
                                                                <source src="http://herschel.com/content/dam/herschel/email/2018/04/s2/S2_18_APPAREL_FP1_DESKTOP.mp4">
                                                                <!--[if !mso]><!-- --><img border="0" class="viwomailfallback" src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook.gif" width="640" style="display:none; border:none;width:100%;max-width:640px;" />
                                                                <!--<![endif]--><img border="0" class="viwomailfallback" src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook.gif"  style="display:none; border:none; visibility:hidden;width:100%;max-width:640px;" width="640" />
                                                            </video>
                                                        
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                  </td>
                                </tr>
                              </table>
                          </td>
                        </tr>                     
                </table>
                <!--[if (gte mso 9)|(IE)]>
                </td>
              </tr>
            </table>
          <![endif]-->
        </td>
      </tr>   



	<tr>
		<td colspan="3" style="padding-top:40px;padding-bottom:0;padding-right:0;padding-left:0;">
			<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=yvr5sfcdS9f-0nj0zz_UyQsShtQUz3sfIh_-G38-ZLFYiOgaz01q5lbD3kWhpmEfifBUqN4ZnJ-XbmEIi2YLUUXAdYYNFl2bORTCH19HM2w4MCXHccnqtsZC3VKM81jio56WV2owwl0git-L_lzVRMKFzJglJB7ell7rGMg5BHxnVo2yVU7u0ZzIRj-yf_t7tVoO922KPf-_U1QTv0OQnYQxx-UkplJi-iIi3QsHZaJt8FntVSfQq_xvUsc6wSIUa2MyW6DxkWnHaZOWNbNoe4KhRVmoH0cDSr">
				<img style="display:block;" src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook-image2.jpg" width="100%" border="0" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="3" style="padding-top:20px;padding-bottom:0;padding-right:0;padding-left:0;">
			<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=xO4DffKpfetMZ34Oy64rAgbeR4l1KYlnEydBTDaNXHkWqALz2Pb0oFde0aogK_MCCXnpqgjO-mPXdG2arTtD7mcz1zyHb3pfgse8bPdyTLtruTDTM0zpo5katr9j6aA1QuaWL-qjmbKGLIQpKlPVB3qm6fwCO8kBS191D8goVTV8eSDKBMPQ3_NukSqdOduNVzOjTiI2ae0hN197GCXTCgYbKVW38lX8FRDa1dih8qYxwN5cSmNgC2D8YC7ANpBmHULRZfd6Uvn4k_Xu2Ad0MU0AyRek6dSLzw">
				<img style="display:block;" src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook-image3.jpg" width="100%" border="0" alt=""></a></td>
	</tr>
		<tr>
		<td colspan="3" style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:0;">
			<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=zdfxT-zWiJFhu4u0kqCCLwSlSPMoLSjLOVOhnll5e35yf_GzR5DtANigk9t6HiYEw7M0WWZ3odFkLQXAAl6C_ug5CNL0uKhmPbCcT7nBj-J-NgdijxKWAzkfP35yjuU9hvAPCqvCviHxwUtLL0TrAFPBtt9y0KgVsE1mA-Lctmp0KJS-WalXbDfMqt3uQbe4P93y_AksCp0QIbwsbw9oTe-qlZXMbwjtKIG2N6KXdeFikzls7huIIM8MR49XQc7tthAs4I7WdWhmrXMfVF6g0Y84KQXVcWtMWuoCsk2An8R8w3ibmsUJW87AgJJIBIlKL9Dsc4u9Eo0Nk">
				<img style="display:block;" src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook-2.jpg" width="100%" border="0" alt=""></a></td>
	</tr>
		<tr>
		<td colspan="3" style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:0;">
			<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=lU1zBO5r9q2hapY8gv-yfQTz-kU6khmXh9l7jAt9rAi3X5aRHJhN3RtLkTVTm1K8UTLzDQa7D6GYU0Q_h9LtdZF3RJlWuR5YruBaXcOdr7jV3TfCD3ySs-4QmWW1j1sminn5G1NG_2P318wE66bIyZ3HnjgHjJ9DCE0aVcw74S4FGYGQl4IWvxat-vVCZjT0Gre8JzP3u4ClzpmAIWMq2gzbjfSExB2PoPuQ4tja0y7q4H1_MPqxJ1w2C8pBauY-tHf9710CUEXc9OSuGJ7_PfDqBZO3gQxlJiPOAdM_RISoxBiC5PMTr-hA">
				<img style="display:block;" src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-18S2-Newsletter-Lookbook-btm_secondary2.jpg" width="100%" border="0" alt=""></a></td>
	</tr>

</table>
<!-- End Save for Web Slices -->

<!-- Social -->
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" style="border-collapse:collapse;"><tbody><tr>
<td bgcolor="#c0d8f2" align="center" style="padding-top:30px;">

		<!-- Social Cells -->
		<table class="stack" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"><tbody>
		<tr align="center" style="display:block; font-size:0;">
		<td align="center" valign="middle" style="display:inline-block; padding:5px 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px;">
				<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=Ztnri9bXYiSbPo8zJ8p3wQTwR1V7Q1rngEKq6e7_A6ip1Pxaqb182z3F7ApMV7LGODC1-9lxLCpSeQmL6Idvv3rCNyY2h_nfEfkzR2RxNZDuyZ8IpopCnrM79Ttp6dXnLXM1vOB_iy5sd8S8TkPx5PN0SRlY71rLlDq30eHUc93zaB93sWQ6p632M-V_gr8k5TLyv7_MwF2YBUUtE55Iy2FAYDWrAzVooc6SsdcaBZcI2YdxpveSH27Q" target="_blank"><img src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-19S1-FOOTER-ICONS-s2-ig.gif" width="25" alt="Instagram" style="display:block; height:auto; max-width:100%;" border="0" /></a>
		</td>
		<td align="center" valign="middle" style="display:inline-block; padding:5px 10px;">
				<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=FS3ihpAzuxqAStbbtcPBkQlOlG-K5MJ09P2elvbTpc-bDva5wbUzANs5Msdf9olMGS7WAnOZ4BUGzXfCwUhMES06m349KdEe_fRDf6qqGXooWTBOLe_r2oE1ax0b2sDjNLowc1ZQ2Cm8TbOJb_j4uFVppgp87xrbv0jNjgEYgNdIJfO7xtvFxxESDYbE0j8CH7IiKUdW4u94fzUx53DcRe37i2P7EPNrhZPk-Fbe_VeUf-tNYMoMJ42A" target="_blank"><img src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-19S1-FOOTER-ICONS-s2-fb.gif" width="25" alt="Facebook" style="display:block; height:auto; max-width:100%;" border="0" /></a>
		</td>
		<td align="center" valign="middle" style="display:inline-block; padding:5px 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px;">
				<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=jfDqJKsYRQLrgrQkBGeLawCZ-QtY622Bt5yFVzTYfcu3xMZ_EjFQwNfNUSpGyW6XQYN4ELBMvhlQaDA_5NSD7zG1Wl0KTyOS7nCgDphz2A-MJmSG2MFmFWhWRqNlBKNUpjsd46I8ERknJrp9essiKY0ltjWFl1kXn5S7CwpMQarwc5VtItBkJL3Gs0hLBlDV40ee2qsFd_HmPrqvQNTABuxEgZsn1mQZzQiGK7RzRFlq5p7CVBNXAmEQ" target="_blank"><img src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-19S1-FOOTER-ICONS-s2-twit.gif" width="25" alt="Twitter" style="display:block; height:auto; max-width:100%;" border="0" /></a>
		</td>
		<td align="center" valign="middle" style="display:inline-block; padding:5px 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px;">
				<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=kF42GsvGcJo01BaAiD_QwAOEtWCaP3SlvpfEb5-WNK2V61zVP7gpXnLF6sJ0XbAs8si1_f7c_wNqhh1B3lli47gs4UMP4waVJwJ2Md8rqJ_uTOPHEkuxYJWJIOtiVk0DVLJVgHYVMK4gvyWOfaNZyoOYNHc8bGArty8THqdaH5cNPKnZcnOyvV0W2XTEh0LBXJgmI_hurTRFzcKDDwLVosjSEUZO5x_tMOAEViXHV_ASjcWeg5FYvoHA" target="_blank"><img src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-19S1-FOOTER-ICONS-s2-pin.gif" width="25" alt="Pinterest" style="display:block; height:auto; max-width:100%;" border="0" /></a>
		</td>
		<td align="center" valign="middle" style="display:inline-block; padding:5px 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px;">
				<a href="http://e.herschelsupply.com/t/l?ssid=36340&subscriber_id=apfhlgpxzyqhlfirpabrsdunxgibbfj&delivery_id=adyimwcacbuqibydcjiaeykbxcxvbgp&td=HCcNaH1h-lSd_p-_qgQDAwrCei6uM2HH01BEQ0RhLLZaIcWT8jFtgpXmVDClfd56QZAGgRr2-oBmDYAnBGJfRvik1ng3_l9MPA2QAhLjRxDqmPti9Hvaq6rlQv5mt8iFHeSACnNPUWvyruvbQjjJbxS3D-qJo4s5IDW00-bhhzol_J2BuhuiA-gbdag3CKUg72-I-PDfzfZBgdRxVqB0cF0rjcU73IyNdUpx41woDxadndKpzDnoVFbQ" target="_blank"><img src="http://herschel.com/content/dam/herschel/email/2018/04/s2/HSC-19S1-FOOTER-ICONS-s2-tumb.gif" width="25" alt="Tumblr" style="display:block; height:auto; max-width:100%;" border="0" /></a>
		</td>
		</tr></tbody></table>
		<!--End Social Cells -->

</td>
</tr></tbody></table>
<!-- End Social -->

<!-- Footer Outer -->
<table border="0" align="center" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse;"><tbody><tr>
<td bgcolor="#c0d8f2" align="center" style="padding:30px 10px;">

	<!--Footer Inner -->
	<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"><tbody><tr>
		<td align="center" valign="top" style="padding:10px; color:#ff923d; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:18px;">
				<a href="#" style="color:#ff923d; text-decoration:underline;">View In Your Browser</a>
						<br /><br /><br />
				Herschel Supply Co.
						<br />
				611 Alexander St, Vancouver BC, V6A 1E1
						<br />
				Canada
						<br /><br /><br />
				<a href="#" style="color:#ff923d; text-decoration:underline;">Unsubscribe from this list</a>
		</td>
		</tr></tbody></table>
		<!-- End Footer Inner-->

</td></tr></tbody></table>
<!-- End Footer Outer -->

</td></tr></tbody></table>
<!-- End Message Body-->
<img src="http://hosting.fyleio.com/29159/public/spacer.gif" style="display:block;" height="1" width="1" alt="" />
</td></tr></tbody></table>

<!-- End Outer Container -->
</div>
<img src="#" width="0" height="0" border="0" style="visibility: hidden !important; display:none !important; max-height: 0; width: 0; line-height: 0; mso-hide: all;" alt=""/>
</body>
</html>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console