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 lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
	<title>Welcome to Brandless</title>
	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!--[if gte mso 9]><xml>
      <o:OfficeDocumentSettings>
        <o:AllowPNG/>
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml><![endif]-->
    <!--[if !mso]><!-- --><meta content="IE=edge" http-equiv="X-UA-Compatible" /><!--<![endif]-->
	<link rel="stylesheet" href="https://fonts.typotheque.com/WF-028470-009652.css">
	<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
	<style type="text/css">
    /* CLIENT-SPECIFIC STYLES */
        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; }
    
    /* RESET STYLES */
        img { border: 0; height: auto; width: auto; line-height: 100%; outline: none; text-decoration: none; }
        table { border-collapse: collapse !important; }
        body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
    
    /* iOS BLUE LINKS */
        a[x-apple-data-detectors] {
            color: inherit !important;
            text-decoration: none !important;
            font-size: inherit !important;
            font-family: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important;
        }
    /* ANDROID CENTER FIX */
        div[style*="margin: 16px 0;"] { margin: 0 !important; }
    </style>
	<style>
		html *, 
        html *:before, 
        html *:after {
        	box-sizing: border-box;
        }
        table {
            border-collapse:collapse;
            border:none;
            border-spacing: 0px;
            table-layout:fixed;
        }
        tr,
        td,
        th {
            padding:0;
        }
        script {
            visibility:hidden;
        }
		#body {
		    font-family: 'Neutral Regular', 'Lato', helvetica, sans-serif;
			/*font-family: helvetica, sans-serif;*/
			font-size:14px;
		    background-color: rgba(242,241,239,.25);
		    box-sizing: border-box;
	        -ms-text-size-adjust: 100%;
	        -webkit-text-size-adjust: 100%; 
	        margin:0;
	        padding:0;
			/*min-width:100vw;*/
			color:#3E3D3C;
			letter-spacing:0.2px;
			line-height:1.3em;
		}
		#body * {
		    box-sizing:border-box;
		}
		#preheader {
		    display:none !important;
		}
		#container {
		    width:100%;
			max-width:600px;
			margin:2em auto 4em;
			padding:0;
			background-color:#fff;
			border-radius:4px;
			/*overflow:hidden !important;*/
		}
		a {
		    white-space:nowrap;
		    text-decoration:underline;
		    color:#3e57ff;
		}
		a img {
		    border-style:none;
		}
		#feedback {
		    color:#fff;
		    background-color:#f62968;
		    padding:.5em;
		    text-align:center;
		}
		#feedback strong,
		#feedback span {
		    white-space:nowrap;
		}
		#feedback strong {
		    text-transform:uppercase;
		}
		#feedback a {
		    color:#fff;
		}
		#header {
		    border-bottom:1px solid #d2d2d1;
		}
		#header .topBar {
		    border-radius:4px 4px 0 0;
		    background-color:#262624;
		    color:#fff;
		    text-align:right;
		    padding:.5em 1em;
		}
		#header .topBar a {
		    color:#fff;
		    text-decoration:none;
		}
		#header .spacer {
		    width:0;
		}
		#nav {
		    width:94%;
padding:1em;
		}
		#header .account {
		    text-align:right;
		}
		#nav div {
		    line-height:1em;
overflow: hidden;
    height: 3em;
		}
		#nav a {
		    display:inline-block;
		}
		#nav .logo {
		    height: 3em;
		}
		#nav .logo img {
		    height:3em;
		    max-height:3em;
		}
		#nav .aisle {
		    padding: 1.3em 0.5em;
		    font-size:.8em;
		    vertical-align: top;
		}
		#header .account {
		    padding-right: 1em;
		}
		#header .account img {
		    height:2em;
		    max-height:2em;
		}
		#main {
		    /*padding:1em;*/
		    /*background-color:rgba(242,241,239,1);*/
		}
		h1, 
		h2,
		h3 {
		    font-family: 'Neutral Medium', 'Lato', helvetica, sans-serif;
		    color:#262524;
		    font-weight: 800;
		    margin:0;
		    padding:.5em;
		    text-align:center;
		    line-height:1.3em;
		}
		h1 {
		    font-size:2.5em;
		    text-transform:uppercase;
		}
		h2 {
		    font-size:2em;
		}
		h3 {
		    font-size:1.5em;
		}
                h1 span,
	        h2 span,
	        h3 span {
	           white-space:nowrap;
	       }
               p {
    	           line-height:1.3em;
                   margin:0 0 1em;
                   font-size:1em;
                   text-align:left;
              }
 p span {
	        white-space:nowrap;
	    }
strong {
font-family: 'Neutral Medium', 'Lato', helvetica, sans-serif;
            font-weight: bold;
white-space:nowrap;
}
		.section {
	        padding:1em 2em;
	    }
		#footer {
		    border-radius: 0 0 4px 4px;
		    overflow:hidden;
		}
		#footer .black {
		    background-color:#262624;
		    color:#fff;
		    padding:2em;
		}
		#footer .logo {
		    line-height: 0;
		    display: inline-block;
		}
		#footer .logo img {
		    height:3em;
		    max-height:3em;
		    width:auto;
		    text-align:center;
		    display:inline-block;
		}
		#footer a {
		    color:#fff;
		    text-decoration:none;
		}
		#footer div {
		    padding:.5em;
		    text-align:center;
		}
		#footer .social {
		    width:70%;
		    margin:auto;
		    padding:1em;
		}
		#footer .social a {
		    display:inline-block;
		    /*width:calc(100%/5);*/
		    width:19%;
		    text-align:center;
		}
		#footer .social a img {
		    height:1.5em;
		    max-height:1.5em;
		}
		#footer .thingsToDo {
		    margin:auto;
		}
		#footer .thingsToDo a {
		    display:inline-block;
		    text-align:center;
		    border-right:1px solid #fff;
		    text-transform:uppercase;
		    font-weight:800;
		    margin:0;
		    padding:0 1em;
font-family: 'Neutral Medium', 'Lato', helvetica, sans-serif;
		}
		#footer .thingsToDo .last {
		    border-right:none;
		}
		#footer .disclosures {
		    color:#6d6e71;
		    padding:1em;
line-height:1.3em;
		}
		#footer .disclosures a {
		    color:#6d6e71;
		    text-decoration:underline;
		}
		#footer .disclosures div {
		    white-space:nowrap;
		    display:inline-block;
		    padding:0 .5em;
		}
		#footer .disclosures .separator {
		    border-right:1px solid #6d6e71;
		}
		#footer .disclosures .source,
		#footer .disclosures .viewUnsubscribe {
		    white-space:normal;
		}
		#footer .disclosures .source span,
		#footer .disclosures .viewUnsubscribe span {
		    white-space:nowrap;
		}
		#footer .disclosures .source {
		    padding-top:1em;
		}
		.title {
		    font-family: 'Neutral Medium', 'Lato', helvetica, sans-serif;
		    font-weight: 800;
		    text-transform: uppercase;
		    text-decoration:none;
		    color:#262524;
		}
		.lightText {
			color:#6D6D6C;
		}
		.nowrap {
		    white-space:nowrap;
		}
		.button {
	        padding: 1em 0;
	        text-align: center;
	    }
	    .button a {
	    	display:inline-block;
	    	background-color:#4860ff;
font-family: 'Neutral Medium', 'Lato', helvetica, sans-serif;
                font-weight: 800;
	        color:#fff;
	        text-decoration:none;
	        border-radius:4px;
	        padding:1em 0;
	        text-align:center;
	        width:100%;
	        /*box-sizing:border-box;*/
	    }
	    .disclaimer {
	        font-size:.75em;
	    }
	    .disclaimer a {
	        color:#3E3D3C;
	    }
		@media only screen and (max-width: 600px) {
#body {
font-size:16px;
}
		    #container {
		        margin:0 auto;
		        /*font-size:1.25em;*/
		    }
		    #container,
		    #header .topBar {
		        border-radius:0;
		    }
		    #header .spacer,
		    #header .account {
    		    width:15%;
    		}
    		#nav {
    		    /*width:75%;*/
    		    text-align:center;
    		}
    		#nav .logo img {
    		    /*height:initial !important;*/
    		    /*width:70% !important;*/
    		}
    		#header .aisle {
    		    display:none !important;
    		}
    		#footer .black {
    		    padding: 1em 0;
    		}
    		#footer .social {
    		    width:100%;
    		}
    		#footer .thingsToDo {
    		    text-align:left;
    		    font-size:0;
    		}
    		#footer .thingsToDo a {
    		    font-size: initial;
    		    /*width: calc(100%/3);*/
    		    width: 33%;
    		    white-space:initial;
    		}
    		#footer .thingsToDo a span {
    		    display:block;
    		}
    		#footer .disclosures div {
    		    display:block;
    		}
    		#footer .disclosures .separator {
    		    border-right:none;
    		}
		}
		
		/*Hide Sailthru logo and defaul unsubscribe*/
		/*#body > p:last-of-type,*/
		/*#body > p:last-of-type small,*/
		/*#body > p:last-of-type small a,*/
		/*#body > a:last-of-type,*/
		/*#body > a:last-of-type img */
	</style>
	<style>
	    #shop_values {
	        background-color:#f2f1ef;
	        padding:1em;
	    }
	    #shop_values p {
	        text-align:center;
	    }
	    #shop_values .values {
	        text-align:center;
	        border-top:0.125rem solid #d2d2d1;
	    }
	    #shop_values .values a {
	        display:inline-block;
	        background-color:#fff;
	        border-radius:2em;
	        padding:.5em 1em;
	        margin:1em 1em 1em 0;
	        text-decoration:none;
	        color:#262624;
line-height:0;
	    }
	    #shop_values .values a img {
	        width:2em;
	        margin-right:.25em;
	        vertical-align:bottom;
	    }
	    #shop_values .values a strong {
	        display:inline-block;
	        font-size:1em;
	        padding:.5em 0;
	        vertical-align:top;
line-height:1em;
	    }
	</style>
	
	<style>
	    /*html * */
	    #textbanner {
	        background-color:#4860FF;
	        padding:.5em;
	        text-align:center;
	        display:block;
	        text-decoration:none;
	        color:#FFF;
	    }
	    
	    #banner,
	    .tile {
	        display:block;
	        line-height:0;
	    }
	    #banner img,
	    .tile img {
	        width:100%;
	    }
	    .mission {
	        background-color:#FFF;
	        padding:0px 32px;
	    }
	    .mission h2 {
	        padding: 0;
	        padding-bottom:.5em;
	    }
	    .mission p {
	        text-align:left;
	        margin-bottom:0;
	        font-size:18px
	    }
	    .mission p span {
	        white-space:nowrap;
	    }
	    
	    /*.grey */
	    
	    .button {
	        padding:2rem;
	    }
	    
	    @media only screen and (max-width: 600px) {
	    	
	    }
	</style>
	
	<!--[if mso]>
	<style>
	    
	</style>
	<![endif]-->
	
	<style>
	    #related {
	    	background-color:#f2f1ef;
	        padding:1em;
	    }
	    #related table {
	    	width:100%;
	    }
	    #related h2 {
	         padding-bottom:1em;
	    }
	    #related table .arrow {
	    	width:5%;
	    	text-align:center;
	    }
	    #related table .arrow img {
	    	width:50%;
	    }
	    #related .itemHeader {
	        width:30%;
	    }
	    #related .item {
	    	padding:.25em .25em 1.5em;
	    	width:180px;
	    }
	    #related .item a {
	    	display:block;
	    	background-color:#fff;
	    	border-radius:4px;
	    	overflow: hidden;
	    	text-decoration: none;
	    	color:#262624;
	    	text-align: center;
	        padding-top: 1em;
	    }
	    #related .item a img.grid {
	    	/*width:80%;*/
	    	height:7em;
	    }
	    #related .item a .plus {
	    	text-align: right;
	    	padding-right: .5em;
	    }
	    #related .item a .plus img {
	    	width:20%;
	    }
	    #related .item a .productTitle {
	    	text-align: left;
	    	font-size:.9em;
	    	border-bottom:2px solid #f2f1ef;
	    	white-space:normal;
	    	overflow:hidden;
	    	height:4.25em;
	    	padding: 1em .5em 0;
	    }
	    #related .item a span {
	    	display:inline-block;
	    	font-size:.75em;
	    	width:50%;
	    	padding:.5em;
	    	text-align:left;
	    }
	    #related .item a .lightText {
	    	text-align:right;
	    }
	    #related .aisles {
	    	width:100%;
	    }
	    #related .aisles .itemHeader {
	    	width:90%;
	    }
	    #related .aisle td {
	    	padding:0 .25em .35em;
	    }
	    #related .aisle a {
	    	display:block;
	    	background-color:#fff;
	    	border-radius:4px;
	    	padding:1em 1em .75em;
	    	text-decoration:none;
	    	color:#262624;
	    }
	    #related .aisle span {
	    	display:inline-block;
	    	width:50%;
	    }
	    #related .aisle .title {
	    	font-size:1.25em;
	    }
	    #related .aisle .cta {
	    	text-align:right;
	    	font-size:.85em;
	    }
	    #related .aisle .cta .lightText {
	    	text-decoration: underline;
	    	display: inline;
	    }
	    #related .aisle .cta img {
	    	height:.5em;
	    }
	    #related .button {
	    	padding:2em;
	    }
	    #related .button a {
	    	width:50%;
	    }
	    @media only screen and (max-width: 600px) {
	        #related .itemHeader {
    	            width:50%;
    	        }
	        #related table .arrow {
	            width:0;
	        }
	        #related table .arrow img {
	    		width: 0;
	    		display:none;
	    	}
	    	#related .item a img.grid {
    	    	        height:6em;
    	        }
	    	#related .item {
	    		/*width:50% !important;*/
	    	}
	    	#related .item a .plus img {
	    		width: 15%;
	    	}
	    	#related .flex {
	    		width:0;
	    		display:none;
	    	}
	    	#related .aisles .itemHeader {
	    		width:100%;
	    	}
	    	#related .aisle a {
	    		padding:1em 1em;
	    	}
    	    	#related .aisle a {
	    		font-size:.85em;
	    	}
	    	#related .button a {
	    		width:100% !important;
	    	}
        }
	</style>
	
</head>
<body id='body'>
    <span id='preheader'>thank YOU for making our launch amazing. PLUS our favorite unboxing videos.</span>
    <!--[if mso]><center><table border="0" cellpadding="0" cellspacing="0"><tr><td width="600"><![endif]-->
    
    
    
    <div id='container'>
    
        <div id='header'>
    		<div class='topBar'><a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2FjY291bnQ/5990baede9328b07348b91a1Bc6104f85' target='blank_'>Hi, Smiles Davis!</a></div>
    		<table cellspacing="0" cellpadding="0">
    		    <tr>
    		        <td class='spacer'></td>
    		        <td id='nav'>
    		            <div>
                		    <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29t/5990baede9328b07348b91a1B750c55c8' target='blank_' class='logo'>
                		        <img target='blank_' src="https://media.sailthru.com/5k1/1k1/5/n/5924856fd8879.png" alt="Brandless Logo" width='160' />
                		    </a>
                		    <a class='aisle title' href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2NhdGVnb3J5L2Zvb2Q/5990baede9328b07348b91a1Bf4f8aa46' target='blank_'>Food</a>
                		    <a class='aisle title' href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2NhdGVnb3J5L2hvdXNlaG9sZC1zdXBwbGllcw/5990baede9328b07348b91a1B83711f3b' target='blank_'>Household</a>
                		    <a class='aisle title' href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2NhdGVnb3J5L3BlcnNvbmFsLWNhcmU/5990baede9328b07348b91a1B1dd180a4' target='blank_'>Personal Care</a>
                		    <a class='aisle title'  href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL3Nob3BfYWxs/5990baede9328b07348b91a1Bea3708aa' target='blank_'>Shop All</a>
                		</div>
    		        </td>
    		        <td class='account'>
    		            <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2FjY291bnQ/5990baede9328b07348b91a1Cc6104f85' target='blank_'>
                	        <img src='https://media.sailthru.com/5k1/1k1/5/u/592df3e915abf.png' alt='Your Account'/ width='25'>
                	    </a>    
    		        </td>
    		    </tr>
    		</table>
    	</div>
        
    	<div id='main'>
    	      <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuYnJhbmRsZXNzLmNvbQ/5990baede9328b07348b91a1B31974790' id='textbanner'>
                <span>$9 Flat Rate Shipping &</span> <strong>Free Shipping On Orders $72 Or More</strong>
            </a>
	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuYnJhbmRsZXNzLmNvbQ/5990baede9328b07348b91a1C31974790' id='banner'>
	            <img src='https://media.sailthru.com/5k1/1k1/8/m/599c73b6e8414.png' width='600' alt='Feeling the Love'>
	        </a>
	        
	        <div class='mission'>
	            <p>Wow! What a crazy, fun few weeks it’s been. From 
	            the bottom of our heart: thank you to everyone who 
	            made our launch so amazing. </p>
	            <br>
	            <p>We love feeling your excitement (those <a href="http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj01aUhOekVpdXl1ayZsaXN0PVBMOFltLTBrTWRpRXVKNUl0OWJhdWxFQk9adjBpMTRZQ2w/5990baede9328b07348b91a1Ba5f5bbd1" target="_blank">unboxing videos</a>!) and
	            hearing your stories. And we’ve been blown away by
	            the awesome reaction from reviewers, reporters and
	            design-obsessed pros who took the time to hear our
	            story and try our stuff.</p>
                <br>
                <p>We’ve got lots of exciting things in store – nearly 100
                new products over the next two months alone, plus a
                top-secret seasonal collection – so stay tuned. But in
                the meantime check out some of our most OMG-worthy 
                launch moments below.</p>
	        </div>
	        
	        <div class='button'>
                <!--[if mso]>
                    <v:roundrect href="https://blog.brandless.com/2017/08/08/feeling-the-love-%E2%9D%A4%EF%B8%8F/" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:46px;v-text-anchor:middle;width:175px;" arcsize="9%" stroke="f" fillcolor="#4860ff">
                    <w:anchorlock/>
                    <center>
                <![endif]-->
                <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly9ibG9nLmJyYW5kbGVzcy5jb20vMjAxNy8wOC8wOC9mZWVsaW5nLXRoZS1sb3ZlLSVFMiU5RCVBNCVFRiVCOCU4Ri8/5990baede9328b07348b91a1Bfaea195c' target='blank_'>Get the Full Rundown Here</a>
                <!--[if mso]>
                    </center>
                    </v:roundrect>
                <![endif]-->
            </div>
	        
	        
	        
	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuZ2xhbW91ci5jb20vc3RvcnkvYnJhbmRsZXNzLXByb2R1Y3QtcmV2aWV3/5990baede9328b07348b91a1B4cc41f77' class='tile'>
	            <img src='https://media.sailthru.com/5k1/1k1/8/m/599c6ac6d0f72.png' width='600' alt='Feeling the Love'>
	        </a>
	        
    	    <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuZGV6ZWVuLmNvbS8yMDE3LzA3LzE3L2JyYW5kbGVzcy10cmFkZW1hcmtzLXdoaXRlLXNwYWNlLW1pbmltYWwtcGFja2FnaW5nLWRlc2lnbi1ncm9jZXJpZXMv/5990baede9328b07348b91a1B626fce84' class='tile'>
	            <img src='https://media.sailthru.com/5k1/1k1/8/m/599c6ac821989.png' width='600' alt='Feeling the Love'>
	        </a>
	        
	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuZmFzdGNvZGVzaWduLmNvbS85MDEzMzI5NC9sZXNzb25zLW9uLWJyYW5kaW5nLWZyb20tYS1jb21wYW55LXRoYXQtaGFzLW5vLWJyYW5k/5990baede9328b07348b91a1Bb3534376' class='tile'>
	            <img src='https://media.sailthru.com/5k1/1k1/8/m/599c74a84b4cb.png' width='600' alt='Feeling the Love'>
	        </a>
	        
	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuZm9yYmVzLmNvbS9zaXRlcy9ldmV0dXJvd3BhdWwvMjAxNy8wNy8yNi9zZWxsaW5nLXRoZS1icmFuZGxlc3MtbGlmZXN0eWxlLyM3ZWU4YmZjOTNkYmI/5990baede9328b07348b91a1B3331f69e' class='tile'>
	            <img src='https://media.sailthru.com/5k1/1k1/8/m/599c6ac9c9fa9.png' width='600' alt="Feeling the Love">
	        </a>
	        
	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuaW5zdGFncmFtLmNvbS9icmFuZGxlc3NsaWZlLw/5990baede9328b07348b91a1B47a36909' class='tile'>
	            <img src='https://media.sailthru.com/5k1/1k1/8/m/599c6aca8f749.png' width='600' alt="Feeling the Love">
	        </a>
	        
	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj01aUhOekVpdXl1ayZsaXN0PVBMOFltLTBrTWRpRXVKNUl0OWJhdWxFQk9adjBpMTRZQ2w/5990baede9328b07348b91a1Ca5f5bbd1' class='tile'>
	            <img src='https://media.sailthru.com/5k1/1k1/8/m/599c6acb5e703.png' width='600' alt="Feeling the Love">
	        </a>
	        
	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj01aUhOekVpdXl1ayZsaXN0PVBMOFltLTBrTWRpRXVKNUl0OWJhdWxFQk9adjBpMTRZQ2w/5990baede9328b07348b91a1Da5f5bbd1' class='tile'>
	            <img src='https://media.sailthru.com/5k1/1k1/8/m/599c6acbc82a4.gif' width='600' alt="Feeling the Love">
	        </a>
	        

    	    
	        <div class='button'>
                <!--[if mso]>
                    <v:roundrect href="https://www.youtube.com/watch?v=5iHNzEiuyuk&list=PL8Ym-0kMdiEuJ5It9baulEBOZv0i14YCl" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:46px;v-text-anchor:middle;width:175px;" arcsize="9%" stroke="f" fillcolor="#4860ff">
                    <w:anchorlock/>
                    <center>
                <![endif]-->
                <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj01aUhOekVpdXl1ayZsaXN0PVBMOFltLTBrTWRpRXVKNUl0OWJhdWxFQk9adjBpMTRZQ2w/5990baede9328b07348b91a1Ea5f5bbd1' target='blank_'>Watch the Videos</a>
                <!--[if mso]>
                    </center>
                    </v:roundrect>
                <![endif]-->
            </div>
    	    
    	 
    	    
	        <div id='related' class='section'>
    	    	<h2>A Few Of Our Favorites</h2>
    	    	
    	    
    	    <table class='products' cellspacing="0" cellpadding="0" border="0">
    <tr>
        <th></th>
        <th class='itemHeader'></th>
        <th class='itemHeader'></th>
        <th class='itemHeader flex'></th>
        <th></th>
    </tr>
	<tr>
		<td class='arrow'>
		    <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuYnJhbmRsZXNzLmNvbQ/5990baede9328b07348b91a1D31974790' target='blank_'>
		        <img src='https://media.sailthru.com/5k1/1k1/5/u/592dca755c386.png'>
		    </a>
		</td>
				<td class='item '>
			<a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly9icmFuZGxlc3MuY29tL3Byb2R1Y3RzLzJway1vcmdhbmljLXdob2xlLXdoZWF0LXNwYWdoZXR0aQ/5990baede9328b07348b91a1B16ee9c20' target='blank_'>
				<img class='grid' src='https://media.sailthru.com/5k1/1k1/8/n/599dc0cf39e53.jpeg' width='125'>
				<!--<div class='plus'>-->
	<!--	<img src='https://media.sailthru.com/5k1/1k1/5/u/592dca75c6da0.png'>-->
	<!--</div>-->
				<div class='productTitle'>Organic Whole Wheat Spaghetti</div>
				<span>$3</span><span class='lightText'>2 pk - 16 oz ea</span>
			</a>
		</td>
				<td class='item '>
			<a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuYnJhbmRsZXNzLmNvbS9wcm9kdWN0cy9vcmdhbmljLXRvbWF0by1iYXNpbC1wYXN0YS1zYXVjZQ/5990baede9328b07348b91a1Ba76d7268' target='blank_'>
				<img class='grid' src='https://media.sailthru.com/5k1/1k1/8/n/599dc0cdc8d59.jpeg' width='125'>
				<!--<div class='plus'>-->
	<!--	<img src='https://media.sailthru.com/5k1/1k1/5/u/592dca75c6da0.png'>-->
	<!--</div>-->
				<div class='productTitle'>Organic Tomato Basil Pasta Sauce</div>
				<span>$3</span><span class='lightText'>24 oz</span>
			</a>
		</td>
				<td class='item  flex'>
			<a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuYnJhbmRsZXNzLmNvbS9wcm9kdWN0cy9hY2FjaWEtaGFuZGxlLXNpbGljb25lLXNwYWdoZXR0aS1zZXJ2ZXItMjI1/5990baede9328b07348b91a1B8e34e596' target='blank_'>
				<img class='grid' src='https://media.sailthru.com/5k1/1k1/8/n/599dc0ce8b01e.jpeg' width='125'>
				<!--<div class='plus'>-->
	<!--	<img src='https://media.sailthru.com/5k1/1k1/5/u/592dca75c6da0.png'>-->
	<!--</div>-->
				<div class='productTitle'>Silicone Pasta Spoon</div>
				<span>$3</span><span class='lightText'>1 ct</span>
			</a>
		</td>
				<td class='arrow'>
		    <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuYnJhbmRsZXNzLmNvbQ/5990baede9328b07348b91a1E31974790' target='blank_'>
		        <img src='https://media.sailthru.com/5k1/1k1/5/u/592dca7661ac5.png'>
		    </a>
		</td>
	</tr>
</table>
    	    	
    	    	
    	    	    	    	<table class="aisles" cellspacing="0" cellpadding="0" border="0">
<tr>
    	    	        <th></th>
    	    	        <th class='itemHeader'></th>
    	    	        <th></th>
    	    	    </tr>
    	    		    	    		<tr class='aisle'>
    	    			<td></td>
    	    			<td>
    	    				<a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2NhdGVnb3J5L2Zvb2Q/5990baede9328b07348b91a1Cf4f8aa46' target='blank_' style='border-left:5px solid #f39d2e'>
    	    					<span class='title'>Food</span>
    	    					<span class='cta'>
    	    						<span class='lightText'>Shop This Aisle</span> 
    	    						<img src='https://media.sailthru.com/5k1/1k1/5/u/592dec250a9d0.png'>
        						</span>
    	    				</a>
    	    			</td>
    	    			<td></td>
    	    		</tr>
    	    		    	    		<tr class='aisle'>
    	    			<td></td>
    	    			<td>
    	    				<a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2NhdGVnb3J5L2hvbWUtYW5kLW9mZmljZQ/5990baede9328b07348b91a1B87b13ff4' target='blank_' style='border-left:5px solid #27cd8c'>
    	    					<span class='title'>Home & Office</span>
    	    					<span class='cta'>
    	    						<span class='lightText'>Shop This Aisle</span> 
    	    						<img src='https://media.sailthru.com/5k1/1k1/5/u/592dec250a9d0.png'>
        						</span>
    	    				</a>
    	    			</td>
    	    			<td></td>
    	    		</tr>
    	    		    	    		<tr class='aisle'>
    	    			<td></td>
    	    			<td>
    	    				<a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2NhdGVnb3J5L2JlYXV0eQ/5990baede9328b07348b91a1B1e28bb72' target='blank_' style='border-left:5px solid #3ecfda'>
    	    					<span class='title'>Beauty</span>
    	    					<span class='cta'>
    	    						<span class='lightText'>Shop This Aisle</span> 
    	    						<img src='https://media.sailthru.com/5k1/1k1/5/u/592dec250a9d0.png'>
        						</span>
    	    				</a>
    	    			</td>
    	    			<td></td>
    	    		</tr>
    	    		    	    		<tr class='aisle'>
    	    			<td></td>
    	    			<td>
    	    				<a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2NhdGVnb3J5L3BlcnNvbmFsLWNhcmU/5990baede9328b07348b91a1C1dd180a4' target='blank_' style='border-left:5px solid #f62968'>
    	    					<span class='title'>Personal Care</span>
    	    					<span class='cta'>
    	    						<span class='lightText'>Shop This Aisle</span> 
    	    						<img src='https://media.sailthru.com/5k1/1k1/5/u/592dec250a9d0.png'>
        						</span>
    	    				</a>
    	    			</td>
    	    			<td></td>
    	    		</tr>
    	    		    	    		<tr class='aisle'>
    	    			<td></td>
    	    			<td>
    	    				<a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2NhdGVnb3J5L2hvdXNlaG9sZC1zdXBwbGllcw/5990baede9328b07348b91a1C83711f3b' target='blank_' style='border-left:5px solid #4860ff'>
    	    					<span class='title'>Household</span>
    	    					<span class='cta'>
    	    						<span class='lightText'>Shop This Aisle</span> 
    	    						<img src='https://media.sailthru.com/5k1/1k1/5/u/592dec250a9d0.png'>
        						</span>
    	    				</a>
    	    			</td>
    	    			<td></td>
    	    		</tr>
    	    		    	    		<tr class='aisle'>
    	    			<td></td>
    	    			<td>
    	    				<a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2NhdGVnb3J5L2hlYWx0aA/5990baede9328b07348b91a1Ba780f70d' target='blank_' style='border-left:5px solid #ca087d'>
    	    					<span class='title'>Health</span>
    	    					<span class='cta'>
    	    						<span class='lightText'>Shop This Aisle</span> 
    	    						<img src='https://media.sailthru.com/5k1/1k1/5/u/592dec250a9d0.png'>
        						</span>
    	    				</a>
    	    			</td>
    	    			<td></td>
    	    		</tr>
    	    		    	    	</table>
    	    	
    	    	<div class='button'>
                    <!--[if mso]>
                        <v:roundrect href="https://www.brandless.com/category/shop-all" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:46px;v-text-anchor:middle;width:175px;" arcsize="9%" stroke="f" fillcolor="#4860ff">
                        <w:anchorlock/>
                        <center>
                    <![endif]-->
    	    		<a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuYnJhbmRsZXNzLmNvbS8/5990baede9328b07348b91a1B1ff13a6d' target='blank_'>Shop Brandless</a>
                    <!--[if mso]>
                        </center>
                        </v:roundrect>
                    <![endif]-->
    	    	</div>
    	    </div>
	        
    	</div>
    	
    	<div id='footer'>
    	    <div class='black'>
        	    <div>
        	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29t/5990baede9328b07348b91a1C750c55c8' target='blank_' class='logo'>
        	            <img src="https://media.sailthru.com/5k1/1k1/5/n/59248e96b9723.png" alt="White Brandless Logo" width='160'/>    
        	        </a>
        	    </div>
        	    <div class='social'>
        	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL0JyYW5kbGVzc0xpZmUv/5990baede9328b07348b91a1Ba1a8591c' target='blank_'>
        	            <img src="https://media.sailthru.com/5k1/1k1/5/u/592df3e9890bc.png" alt="Facebook" />
        	        </a><!--
        	        --><a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly90d2l0dGVyLmNvbS9icmFuZGxlc3M/5990baede9328b07348b91a1B48809724' target='blank_'>
        	            <img src="https://media.sailthru.com/5k1/1k1/5/u/592df3eb453e4.png" alt="Twitter" />
        	        </a><!--
        	        --><a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cuaW5zdGFncmFtLmNvbS9icmFuZGxlc3NsaWZlLw/5990baede9328b07348b91a1C47a36909' target='blank_'>
        	            <img src="https://media.sailthru.com/5k1/1k1/5/u/592df3e9f16b4.png" alt="Instagram" />
        	        </a><!--
        	        --><a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly9tZWRpdW0uY29tL0BicmFuZGxlc3NsaWZlLw/5990baede9328b07348b91a1Bf76b2b0c' target='blank_'>
        	            <img src="https://media.sailthru.com/5k1/1k1/5/u/592df3eacbd94.png" alt="Medium" />
        	        </a><!--
        	        --><a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL2NvbXBhbnkvYnJhbmRsZXNzLWluYy4/5990baede9328b07348b91a1Ba713b42e' target='blank_'>
        	            <img src="https://media.sailthru.com/5k1/1k1/5/u/592df3ea6b0ae.png" alt="Linkedin" />
        	        </a>
        	    </div>
        	    <div class='thingsToDo'>
        	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL3Nob3BfYWxs/5990baede9328b07348b91a1Cea3708aa' target='blank_'><span>Shop Our</span> Aisles</a>
        	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL3d3dy5icmFuZGxlc3MuY29tL2hlbHA/5990baede9328b07348b91a1B87fc915d' target='blank_'><span>Contact</span> Us</a>
        	        <a href='http://link.mail.brandless.com/click/10430892.6337/aHR0cDovL2Jsb2cuYnJhbmRsZXNzLmNvbQ/5990baede9328b07348b91a1Bf4b0fbad' target='blank_' class='last'><span>Read The</span> Blog</a>
        	    </div>
    	    </div>
    	    <div class='disclosures'>
    	        <div class='separator'>©2017 Brandless Inc. All Rights Reserved.</div>
    	        <div>P.O. Box 472033, San Francisco CA</div>
    	        <div class='source'><span>You're receiving this email because you</span> <span>signed up at Brandless.com</span></div>
    	        <div class='viewUnsubscribe'>
    	            <span>
        	            <a href='#' target='blank_'>View in browser</a> or 
        	            <a href='#' target='blank_'>unsubscribe</a>,
        	        </span>
        	        <span> no hard feelings.</span>
    	        </div>
    	    </div>
    	</div>
    	
    </div>
    <!--[if mso]></td></tr></table></center><![endif]-->
</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