css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

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>
<head>
<!--[if (gte mso 9)|(IE)]><html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" /><![endif]-->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400|Roboto+Slab:300,400" rel="stylesheet">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="x-apple-disable-message-reformatting" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400|Roboto+Slab:300,400');
/* Reset Styles */
#outlook a {padding:0;}
body {width: 100% !important;-webkit-text-size-adjust: none; -ms-text-size-adjust: none;
margin: 0;padding: 0;}
.ReadMsgBody {width: 100%;}
.ExternalClass {width: 100%;}
.backgroundTable {margin: 0 auto;padding: 0;width: 100% !important;}
table td {border-collapse: collapse;}
.ExternalClass * {line-height: 115%;}
th {margin:0 !important; font-weight:normal;}
.gmail-fix {display:none; display:none!important;}
div, button {vertical-align:top; margin:0}

/* Link Fixes */
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;}

/* All Your Font Jazz */

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit styles */
.Poppins {font-family: 'Poppins', sans-serif !important;}
}

@-moz-document url-prefix() {
/* Firefox styles */
.Poppins {font-family: 'Poppins', sans-serif !important;}
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* I.E. styles */
.Poppins {font-family: 'Poppins', sans-serif !important;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit styles */
.Roboto {font-family: 'Roboto Slab', sans-serif !important;}   
}

@-moz-document url-prefix() {
/* Firefox styles */
.Roboto {font-family: 'Roboto Slab', sans-serif !important;}   
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* I.E. styles */
.Roboto {font-family: 'Roboto Slab', sans-serif !important;}    
}
/* Mobile Styles */
@media only screen and (max-width: 480px) {
/* General Styles */
.container {width: 100% !important;overflow: hidden;}
.hide {display: none !important;}
.display-ib {display: inline-block;}
.display-b {display: block;}
.full-width {width: 100% !important;height: auto;}
.half-width {width: 50% !important;height: auto;}
.float-l {float: left;}
.float-r {float: right;}
.height-auto {height: auto !important;}
.stack th {width:100% !important; display:block !important;}

/* Images */
.full-img img {width: 100% !important;height: auto;}

/* Buttons */
.full-btn {width: 100% !important;height: auto;border-left: 0 none !important;
    border-right: 0 none !important;padding-left: 0 !important;padding-right: 0 !important;}

/* Text */
.center {text-align: center !important;margin: 0 auto;float: none;}
.left {text-align: left !important;}
.right {text-align:right !important;}

.copy-14 {font-size: 14px !important;}
.copy-18 {font-size: 18px !important;}
.copy-21 {font-size: 21px !important;}
.copy-24 {font-size: 24px !important;line-height:1.2 !important}
.copy-30 {font-size: 30px !important;line-height:1.2 !important}

/* Borders */
.border-t {border-top: 1px solid #cccccc;}
.border-b {border-bottom: 1px solid #cccccc;}
.border-0 {border: 0 none !important;}
.border-t-0 {border-top: 0 none !important;}
.border-r-0 {border-right: 0 none !important;}
.border-b-0 {border-bottom: 0 none !important;}
.border-l-0 {border-left: 0 none !important;}
.border-r-0 {border-right: 0 none !important;}

/* Padding */
.pad-lr-10 {padding-left: 10px !important;padding-right: 10px !important;}
.pad-lr-20 {padding-left: 20px !important;padding-right: 20px !important;}
.pad-0 {padding: 0 !important;}
.pad-l-0 {padding-left: 0 !important;}
.pad-r-0 {padding-right: 0 !important;}
.pad-t-0 {padding-top: 0 !important;}
.pad-t-10 {padding-top: 10px !important;}
.pad-t-20 {padding-top: 20px !important;}
.pad-t-30 {padding-top: 30px !important;}
.pad-b-0 {padding-bottom: 0 !important;}
.pad-b-10 {padding-bottom: 10px !important;}
.pad-b-20 {padding-bottom: 20px !important;}
.pad-b-30 {padding-bottom: 30px !important;}

/* Mobile Show */
.mobile-show, .mobile-show tbody, .mobile-show tr, .mobile-show td {width: 100% !important;
max-height: inherit !important;overflow: visible !important;display: block !important;
float: none !important;}
.mobile-show table {display: table !important;width:100% !important;}
.mobile-show tbody {display: table !important;}
.mobile-show tr {display: table-row !important;}
.mobile-show td {display: table-cell !important;}

/* Footer Nav */
.footer-nav, .footer-nav tbody, .footer-nav tr, .footer-nav td {width: 100% !important;max-height: inherit !important;
overflow: visible !important;display: block !important;float: none !important;}
.footer-nav table {display: table !important;width:100% !important;}
.footer-nav tbody {display: table !important;}
.footer-nav tr {display: table-row !important;}
.footer-nav td {display: table-cell !important;}

.footer-nav a {
    display: block !important;
    width: 100%;
    padding: 15px 0 !important;
    border-top: 1px solid #cccccc !important;
    border-right: 0 !important;
    border-left: 0 !important;
    }

/* Reset Styles */
body {margin:0 auto !important;}
div[style*="margin: 16px 0"] {margin:0 auto !important;}

/********* SOLUTION STYLES **********/
    .mobile-height {
        height:auto !important;
        padding-top:7%;
        padding-bottom:7%;
    }
    .logo-img img {
        max-width:160px;
    }
/******* SOLUTION STYLES END ********/


/********** CUSTOM STYLES ***********/

/******** CUSTOM STYLES END *********/
}
</style>
<!--[if gte mso 9]>
<xml>
    <o:OfficeDocumentSettings>
        <o:AllowPNG/>
        <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
</xml>
<![endif]-->
</head>
<body>
<div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;">We back our product with a 365 guarantee.</div>

<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" style="table-layout:fixed;">
    <tr>
        <td class="pad-0" align="center" style="padding:0 10px;">
            <table class="container" width="600" align="center" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td align="center">
                    <!-- Place Your Content Here -->
                    
                    <!-- Logo -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td align="center" class="pad-t-30 pad-b-30 logo-img" style="padding:44px 0;"><a href="http://enews.coyuchi.com/q/mSJ8MB2HgPrR0X8bPtWs1K2te6E6zLiubTCZcOJbWF0dEByZWFsbHlnb29LkZW1haWxzLmNvbcOIhh0yo1L6dL75cg33GcoHsIUfMw" title="Coyuchi" target="_blank"><img src="http://emedia.coyuchi.com/6402/Shared/x_Common%20Use/Transactional%20Assets/logo.png" alt="COYUCHI" width="250" border="0" style="font:43px/32px Arial, Helvetica, sans-serif; color:#4d4d4f; vertical-align:top; letter-spacing:8px;"></a></td>
                        </tr>
                    </table>
                    <!-- Logo END -->
                    
                    
                    <!-- Background Image Container -->
                    <table class="height-auto full-width" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px">
                        <tr>
                            <td class="full-width mobile-height" valign="top" height="400" background="http://emedia.coyuchi.com/6402/Shared/2017/BA/sheets.jpg" style="height:400px; background:#555360 url('http://emedia.coyuchi.com/6402/Shared/2017/BA/sheets.jpg') no-repeat center top / 100% auto;">
                              <!--[if gte mso 9]>
                                <v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style="behavior: url(#default#VML); display: inline-block; position: absolute; width: 600px; height: 400px; top: 0; left: 0; border: 0; z-index: 1;" src="http://emedia.coyuchi.com/6402/Shared/2017/BA/sheets-outlook.jpg" />
                                <v:rect xmlns:v="urn:schemas-microsoft-com:vml" href="http://www.coyuchi.com/the-naturalista/organic/" fill="true" stroke="false" style="display: inline-block; position: absolute; width: 600px; height: 400px; top: 0; left: 0; border: 0; z-index: 2;">
                                <v:fill opacity="0%" style="z-index: 1;"/>
                                <div>
                            <![endif]--> 
                            <a href="http://enews.coyuchi.com/q/kLgeBYV_zswN0XXYVG_8hMlocfs967_8kZzZcOJbWF0dEByZWFsbHlnbL29kZW1haWxzLmNvbcOIeCYWJU5xdYIJwYJKxhalJHskFw" title="Why Choose Organic?" target="_blank" style="text-decoration: none; color:#ffffff;">
                            <!-- Containing Table -->
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="mobile-height" align="center" valign="middle" height="400" style="height:400px">
                                            <!-- Place Your Content Here -->
                                            <!-- Headline -->
                                            <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" >
                                                <tr>
                                                    <td class="pad-lr-20 copy-24 Poppins" style="font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:43px; line-height: 50px; color:#ffffff; text-align:center; font-weight:300; padding:0 0 5px; text-transform: uppercase;">change your sheets, <br class="hide">change the world</td>
                                                </tr>
                                                <tr>
                                                    <td class="pad-lr-20 Roboto" style="font-family:TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size:14px; color:#ffffff; text-align:center; font-weight:400; padding:5px 0;letter-spacing:0.0em;">Why choosing organic is better for you + the planet.</td>
                                                </tr>
                                            </table>
                                            <!-- Headline END --
                                            <!-- Proceed to End Placing Content -->
                                        </td>
                                    </tr>
                                </table>
                            <!-- Containing Table END-->
                            </a>
                             <!--[if gte mso 9]></div></v:fill></v:rect><![endif]--> 
                            </td>
                        </tr>
                    </table>
                    <!-- Background Image Container END -->
                    
                    
                    <!-- Containing Table -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td class="" align="center" style="padding:44px 0;">
                                <!-- Button - CTA -->
                                <table class="full-width" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="height-auto Poppins" height="45" align="center" bgcolor="#ffffff" style="font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:15px; font-weight:300; height:45px;letter-spacing:1px"><a href="http://enews.coyuchi.com/q/WXJyUFKNUsOa0XdOr9mgHp3KFdCf6pUqOdhZcOJbWFL0dEByZWFsbHlnb29kZW1haWxzLmNvbcOIJe4FSroIdqF6KkLmITzg7CbsBA" title="WHY CHOOSE ORGANIC" target="_blank" style="color:#4d4d4f; text-decoration:none; display:inline-block; white-space:nowrap; padding:10px; background-color: #ffffff; border:1px solid #4d4d4f; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;" >WHY CHOOSE ORGANIC</a></td>
                                    </tr>
                                </table>
                                <!-- Button - CTA -->
                            </td>
                        </tr>
                    </table>
                    <!-- Containing Table END-->                    
                  
                    
                    <!-- This Is An Image -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td class="full-img" align="center"><a href="http://enews.coyuchi.com/q/KgbPyr-KnTGG0X84Id0KVOK9gU-4ELLyS8ncZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLmNvbcOI1IiHqtTCc6frsIFDdV-dPNeKhg" title="GET STARTED" target="_blank" style="white-space: nowrap;"><img src="http://emedia.coyuchi.com/6402/Shared/2017/BA/build-bed.jpg" alt="GET STARTED" width="600" border="0" style="display:block"></a></td>
                        </tr>
                    </table>
                    <!-- No Longer An Image -->
                    
                      <!-- Text Area -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td align="center" style="padding:40px 0;">
                                <!-- Headline -->
                                <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="pad-lr-20 Roboto" style="font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size:14px; color:#4d4d4f; text-align:center; font-weight:400; text-transform:uppercase; padding:5px 0; letter-spacing:2px;">bedroom detox</td>
                                    </tr>
                                    <tr>
                                        <td class="pad-lr-20 copy-30 Poppins" style="font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:43px; color:#4d4d4f; text-align:center; font-weight:300; padding:0 0 5px; text-transform: uppercase;">build your organic bed</td>
                                    </tr>
                                </table>
                                <!-- Headline END -->

                                <!-- Copy -->
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="pad-lr-20 Roboto copy-14" style="font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size:17px; line-height:25px; color:#363636; text-align:center; padding:0 0 20px; letter-spacing:0.02em; font-weight:300;">Healthy sleep starts with pure, minimally processed organic fibers. From your mattress to your pillows, here's our guide to detoxing the bed.</td>
                                    </tr>
                                </table>
                                <!-- Copy END -->
                                 <!-- Containing Table -->
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="" align="center" style="padding:;">
                                            <!-- Button - CTA -->
                                            <table class="full-width" cellpadding="0" cellspacing="0" border="0">
                                                <tr>
                                                    <td class="height-auto Poppins" height="45" align="center" bgcolor=
"#ffffff" style="font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:15px; font-weight:300; height:45px;letter-spacing:1px"><a href="http://enews.coyuchi.com/q/mpxHOCqEc2j10XEJhZhuRliiMgSWRcYm-NmZcOJbWF0dEByZWFsbHlnb29LkZW1haWxzLmNvbcOIf29Z3dvSfpmzfEoNCB4NDnxtWA" title="GET STARTED" target="_blank" style="color:#4d4d4f; text-decoration:none; display:inline-block; white-space:nowrap; padding:10px; background-color: #ffffff; border:1px solid #4d4d4f; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GET STARTED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
                                                </tr>
                                            </table>
                                            <!-- Button - CTA -->
                                        </td>
                                    </tr>
                                </table>
                                <!-- Containing Table END-->
                            </td>
                        </tr>
                    </table>
                    <!-- Text Area END-->
                    
                     <!-- Background Image Container -->
                    <table class="height-auto full-width" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px">
                        <tr>
                            <td class="full-width mobile-height" valign="top" height="400" background="http://emedia.coyuchi.com/6402/Shared/2017/BA/blue-sheets.jpg" style="height:400px; background:#555360 url('http://emedia.coyuchi.com/6402/Shared/2017/BA/blue-sheets.jpg') no-repeat center top / 100% auto;">
                              <!--[if gte mso 9]>
                                <v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style="behavior: url(#default#VML); display: inline-block; position: absolute; width: 600px; height: 400px; top: 0; left: 0; border: 0; z-index: 1;" src="http://emedia.coyuchi.com/6402/Shared/2017/BA/blue-sheets-outlook.jpg" />
                                <v:rect xmlns:v="urn:schemas-microsoft-com:vml" href="http://www.coyuchi.com/sheet_guide" fill="true" stroke="false" style="display: inline-block; position: absolute; width: 600px; height: 400px; top: 0; left: 0; border: 0; z-index: 2;">
                                <v:fill opacity="0%" style="z-index: 1;"/>
                                <div>
                            <![endif]--> 
                            <a href="http://enews.coyuchi.com/q/Of70wRqSa_LN0XlE_hus03S0JCiZKKlJfzLiZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLmNvbcOIrmijW7JDfaKrslRAi-UaPa1qog" title="Find Your Sheet" target="_blank" style="text-decoration: none; color:#ffffff;">
                            <!-- Containing Table -->
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="mobile-height" align="center" valign="middle" height="400" style="height:400px">
                                            <!-- Place Your Content Here -->
                                            <!-- Headline -->
                                            <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" >
                                               
                                                <tr>
                                                    <td class="pad-lr-20 Roboto" style="font-family:TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size:14px; color:#ffffff; text-align:center; font-weight:400; padding:5px 0;letter-spacing:2px; text-transform:uppercase">a fabric for everyone</td>
                                                </tr>
                                                 <tr>
                                                    <td class="pad-lr-20 copy-24 Poppins" style="font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:43px; line-height: 50px; color:#ffffff; text-align:center; font-weight:300; padding:0 0 5px; text-transform: uppercase;">the complete guide <br class="hide">to organic sheets</td>
                                                </tr>
                                            </table>
                                            <!-- Headline END --
                                            <!-- Proceed to End Placing Content -->
                                        </td>
                                    </tr>
                                </table>
                            <!-- Containing Table END-->
                            </a>
                             <!--[if gte mso 9]></div></v:fill></v:rect><![endif]--> 
                            </td>
                        </tr>
                    </table>
                    <!-- Background Image Container END -->
                    
                     <!-- Text Area -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td align="center" style="padding:40px 0;">
                              
                                <!-- Copy -->
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="pad-lr-20 Roboto copy-14" style="font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size:17px; line-height:25px; color:#363636; text-align:center; padding:0 0 20px; letter-spacing:0.02em; font-weight:300;">Do you sleep hot or cold? Do you like cool, <br class="hide">crisp sheets or warm and drapey?</td>
                                    </tr>
                                </table>
                                <!-- Copy END -->
                                 <!-- Containing Table -->
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="" align="center" style="padding:;">
                                            <!-- Button - CTA -->
                                            <table class="full-width" cellpadding="0" cellspacing="0" border="0">
                                                <tr>
                                                    <td class="height-auto Poppins" height="45" align="center" bgcolor=
"#ffffff" style="font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:15px; font-weight:300; height:45px;letter-spacing:1px"><a href="http://enews.coyuchi.com/q/Edo5If5ZslMr0XxbkwCA1_2sLWEe6RW7zIC_ZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLmNvbcOIVOaXPFSHfZ2_yjbBgrmVs1fklg" title="FIND YOUR SHEET" target="_blank" style="color:#4d4d4f; text-decoration:none; display:inline-block; white-space:nowrap; padding:10px; background-color: #ffffff; border:1px solid #4d4d4f; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FIND YOUR SHEET&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
                                                </tr>
                                            </table>
                                            <!-- Button - CTA -->
                                        </td>
                                    </tr>
                                </table>
                                <!-- Containing Table END-->
                            </td>
                        </tr>
                    </table>
                    <!-- Text Area END-->
                    
                    <!-- This Is An Image -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td class="full-img" align="center"><a href="http://enews.coyuchi.com/q/Mvl8X9-Z3QOv0XR0d-NNjL9jb6PzGn-QLNq0ZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLmNvbcOIngXp4vNBeZWMeinhyZ0DD50H6A" title="Subscribe to Sustainability" target="_blank" style="white-space: nowrap;"><img src="http://emedia.coyuchi.com/6402/Shared/2017/BA/ocean.jpg" alt="Subscribe to Sustainability" width="600" border="0" style="display:block"></a></td>
                        </tr>
                    </table>
                    <!-- No Longer An Image -->
                    
                    <!-- Text Area -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td align="center" style="padding:40px 0;">
                                <!-- Headline -->
                                <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="pad-lr-20 Roboto" style="font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size:14px; color:#4d4d4f; text-align:center; font-weight:400; text-transform:uppercase; padding:5px 0; letter-spacing:2px;">suBscribe to sustainability</td>
                                    </tr>
                                    <tr>
                                        <td class="pad-lr-20 copy-30 Poppins" style="font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:43px; line-height: 50px; color:#4d4d4f; text-align:center; font-weight:300; padding:0 0 5px; text-transform: uppercase;">New linens starting at <br class="hide">$5 per month</td>
                                    </tr>
                                </table>
                                <!-- Headline END -->

                                <!-- Copy -->
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="pad-lr-20 Roboto copy-14" style="font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size:17px; line-height:25px; color:#363636; text-align:center; padding:0 0 20px; letter-spacing:0.02em; font-weight:300;">10 million tons of textile waste ends up in landfills each year. <br class="hide"> Introducing Coyuchi for Life: new organic linens delivered to <br class="hide">your doorstep every 12 or 24 months. We'll recycle your <br class="hide">used linens responsibly. </td>
                                    </tr>
                                </table>
                                <!-- Copy END -->
                                 <!-- Containing Table -->
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td class="" align="center" style="padding:;">
                                            <!-- Button - CTA -->
                                            <table class="full-width" cellpadding="0" cellspacing="0" border="0">
                                                <tr>
                                                    <td class="height-auto Poppins" height="45" align="center" bgcolor=
"#ffffff" style="font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:15px; font-weight:300; height:45px;letter-spacing:1px"><a href="http://enews.coyuchi.com/q/C4LsYlgkj6jF0Xj3Z3eP7yLVwUyWj7eWY2XPZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLmNvbcOIPUeBiLkscbRaYcdJ9ASJIz5FgA" title="LEARN MORE" target="_blank" style="color:#4d4d4f; text-decoration:none; display:inline-block; white-space:nowrap; padding:10px; background-color: #ffffff; border:1px solid #4d4d4f; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;LEARN MORE&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
                                                </tr>
                                            </table>
                                            <!-- Button - CTA -->
                                        </td>
                                    </tr>
                                </table>
                                <!-- Containing Table END-->
                            </td>
                        </tr>
                    </table>
                    <!-- Text Area END-->
                    
                    
                    <!-- Headline -->
                    <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" bgcolor="#4d4d4f">
                        <tr>
                            <td class="pad-lr-20 Poppins" style="font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:15px; color:#ffffff; text-align:center; font-weight:300; padding:10px 0 10px; letter-spacing:1px">Shop our organic best-sellers</td>
                        </tr>
                    </table>
                    <!-- Headline END -->
                    
                                      
                    <!-- 2 Column to 1 Column -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td style="font-size:0px;">
                                <table class="full-width" width="300" align="left" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; width:300px">
                                    <tr>
                                        <td class="full-img"><a href="http://enews.coyuchi.com/q/rhOhix3WfHlJ0XPSBW7s92eWFFRnnbUmGKhZcOJbWF0dEByZWFsbHlnb29kZW1hLaWxzLmNvbcOI5UYHO_wzcpUwMrK9NEhyLOZEBg" title="Towels" target="_blank" style="white-space: nowrap;"><img src="http://emedia.coyuchi.com/6402/Shared/2017/BA/product1.jpg" alt="Towels" width="299" border="0" style="display:block"></a></td>
                                    </tr>
                                </table>
                                <!--[if (gte mso 9)|(IE)]></td><td valign="top"><![endif]-->
                                <table class="full-width" width="300" align="right" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; width:300px;">
                                    <tr>
                                        <td class="full-img pad-t-10"><a href="http://enews.coyuchi.com/q/XFyfyra_-iZO0X1dGDisswXvooraRd3BvzCZcOJbWF0LdEByZWFsbHlnb29kZW1haWxzLmNvbcOII2wEPBncfqEuya4h6fF1PyBuBQ" title="Sheets" target="_blank" style="white-space: nowrap;"><img src="http://emedia.coyuchi.com/6402/Shared/2017/BA/product2.jpg" alt="Sheets" width="299" border="0" style="display:block"></a></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    <!-- 2 Column to 1 Column END -->
                    
                    <!-- This Is An Image -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td class="full-img" align="center"><a href="http://enews.coyuchi.com/q/uEyjtiwiEDpKsB3A2QxRuGfVJgGpqJOOYZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLL0XmNvbcOIU0NBXExhc3RQcm9kdWN0QnJvd3NlQWN0aXZpdHlMaW5rVXJsw4lodHRwczovL3d3dy5jb3l1Y2hpLmNvbS9vcmdhbmljLWxpbmVuLXNoZWV0cy1uYXR1cmFsLWNoYW1icmF5Lmh0bWzDiAVdooso4XcbVlSwVcmlK5dVbYKQ" title="Product" target=
"_blank" style="white-space: nowrap;"><img src="https://www.coyuchi.com/media/catalog/product/o/r/organic_relaxed_linen_sheetset_naturalchambray_stackw_f17_1_2.jpg" alt="Product" width=
"600" border="0" style="display:block"></a></td>
                        </tr>
                    </table>
                    <!-- No Longer An Image -->
                    
                   
                  
                  <!-- Containing Table -->
                  <table width="100%" cellpadding="0" cellspacing="0" border="0">
                      <tr>
                          <td class="pad-t-20 pad-b-20" align="center" style="padding:44px 0 0">
                                <table width="100%" align="center" cellpadding="0" cellspacing="0" style="margin:0 auto; max-width:384px; border-bottom:1px solid #4d4d4f;">                   
                                    <tr>
                                        <td style="padding:9px 0; border-top:1px solid #4d4d4f;">
                                        <table width="100%" cellpadding="0" cellspacing="0">

                                                <tr>
                                                    <td class="Poppins" width="50%" align="center" style="font:300 15px/17px Arial, Helvetica, sans-serif, Poppins; color:#4d4d4f; letter-spacing:1.5px;">
                                                    <a style="color:#4d4d4f; text-decoration:none;" href="http://enews.coyuchi.com/q/SRMey8t0EMcW0XJdfEh7sYX5CGyYBnVmBS2ZcOLJbWF0dEByZWFsbHlnb29kZW1haWxzLmNvbcOIJ9zx3GhFfLwAVbuOVw0ItSTe8A">BED</a>
                                                    </td>
                                                    <td bgcolor="#4d4d4f" width="1" height="55" style="min-width:1px;">
                                                    <img src="http://emedia.coyuchi.com/6402/Shared/x_Common%20Use/Transactional%20Assets/transparent.png" width="1" style="vertical-align:top;">
                                                    </td>
                                                    <td class="Poppins" width="50%" align="center" style="font:300 15px/17px Arial, Helvetica, sans-serif, Poppins; color:#4d4d4f; letter-spacing:1.5px;">
                                                    <a style="color:#4d4d4f; text-decoration:none;" href="http://enews.coyuchi.com/q/1F3Sk03giizL00X3ka32_89YMrT6Fn-dHVvfZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLmNvbcOINsxo7qugc5XaA_U6m4iQxTXOaQ">BATH</a>
                                                    </td>
                                                </tr>

                                        </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="padding:9px 0; border-top:1px solid #4d4d4f;">
                                        <table width="100%" cellpadding="0" cellspacing="0">

                                                <tr>
                                                    <td class="Poppins" width="50%" align="center" style="font:300 15px/17px Arial, Helvetica, sans-serif, Poppins; color:#4d4d4f; letter-spacing:1.5px;">
                                                    <a style="color:#4d4d4f; text-decoration:none;" href="http://enews.coyuchi.com/q/7T91x8m3sgH40XniiLPJo4jQSMYYaOLJB8yfZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLmNvbcOInwcw6Sxtf7RZ5puF_MT5PJwFMQ">LITTLE</a>
                                                    </td>
                                                    <td bgcolor="#4d4d4f" width="1" height="55" style="min-width:1px;">
                                                    <img src="http://emedia.coyuchi.com/6402/Shared/x_Common%20Use/Transactional%20Assets/transparent.png" width="1" style="vertical-align:top;">
                                                    </td>
                                                    <td class="Poppins" width="50%" align="center" style="font:300 15px/17px Arial, Helvetica, sans-serif, Poppins; color:#4d4d4f; letter-spacing:1.5px;">
                                                    <a style="color:#4d4d4f; text-decoration:none;" href="http://enews.coyuchi.com/q/_v2vNY74TxlM0X3fSa6pJeK_TsGfqw9LZnNZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLLmNvbcOIVbNtY3jse6WhxeitFg2hWFaxbA">WEAR</a>
                                                    </td>
                                                </tr>

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

                            </table>
                          </td>
                      </tr>
                  </table>
                  <!-- Containing Table END-->
                   
                   <!-- Footer -->
                   <table width="100%" cellpadding="0" cellspacing="0" border="0">
                       <tr>
                           <td class="" align="center">
                              
                             
                             <!-- Containing Table -->
                             <table class="full-width" width="384" cellpadding="0" cellspacing="0" border="0" style="width:384px;">
                                 <tr>
                                     <td class="pad-t-10" align="center" style="padding:20px 0">
                                          <!-- Containing Table -->
                                          <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                              <tr>
                                                  <td class="Roboto" style="font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size:13px; color:#4d4d4f; text-align:center; font-weight:300; padding:10px 0;"><a href="http://enews.coyuchi.com/q/jJLYnO9DYCFW0XGseem5W7jWQs7pEdndeRaZcOJbWF0dEByZWFsbHlnLb29kZW1haWxzLmNvbcOIKgC2wmxCf5bEWaMFCKzB5SkCtw" title="Contact Us" target="_blank" style="white-space: nowrap; color:#4d4d4f;text-decoration: none;">Contact Us</a></td>
                                                   <td class="Roboto" style="font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size:13px; color:#4d4d4f; text-align:center; font-weight:300; padding:5px 0;"><a href="http://enews.coyuchi.com/q/gLQ1HRx-99QV0X1xOCZIYIR7WjbgEccvRUlZcOJbWF0dEByZWFsbLHlnb29kZW1haWxzLmNvbcOI_hwouSGWd5aGu6pgVjckwf0eKQ" title="What We're made Of" target="_blank" style="white-space: nowrap; color:#4d4d4f;text-decoration: none;">What We're Made Of</a></td>
                                                    <td class="Roboto" style="font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size:13px; color:#4d4d4f; text-align:center; font-weight:300; padding:5px 0;"><a href="http://enews.coyuchi.com/q/DT4jlojcb1yW0Xf_-bv-WGhLuv-phiQY7ELAZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLmNvbcOIJGCQ2Gz5eL8Oq6gMDJl00CdikQ" title="My Account" target="_blank" style="white-space: nowrap; color:#4d4d4f;text-decoration: none;">My Account</a></td>
                                              </tr>
                                          </table>
                                          <!-- Containing Table END-->
                                     </td>
                                 </tr>
                             </table>
                             <!-- Containing Table END-->
                               <!-- Social Icons -->
                               <table class="full-width" align="center" cellpadding="0" cellspacing="0" border="0">
                                   <tr>
                                       <td align="center" style="padding:0 5px;"><a href="http://enews.coyuchi.com/q/6H81EldEMmyu0Xu4L4gGLVfK-NUxtldWiyGbZcOJbWF0dEByZWFsbHlnb29kZW1haWxzLmNvbcOI5iqrwHWEe6DXS5ukFEQ5vOUoqg" title="Instagram" target="_blank"><img src="http://emedia.coyuchi.com/6402/Shared/x_Common%20Use/Transactional%20Assets/ico-instagram.png" width="18" border="0" style="display:block;"></a></td>
                                       <td align="center" style="padding:0 5px;"><a href="http://enews.coyuchi.com/q/dKpw9HbcEiME0X9bvS_e1T2sJWUp_9OR9kgZcOJbWF0dEByZWLFsbHlnb29kZW1haWxzLmNvbcOIhRnI5XCHeLAkuT4vygeKZoYbyQ" title="facebook" target="_blank"><img src="http://emedia.coyuchi.com/6402/Shared/x_Common%20Use/Transactional%20Assets/ico-facebook.png" width="9" border="0" style="display:block;"></a></td>
                                       <td align="center" style="padding:0 5px;"><a href="http://enews.coyuchi.com/q/umpg0hE-fJG80Xj4--ijVDKFBUIMMO-xgRwZcOJbWF0dEByZWFsbHlnb29kZW1haWxLzLmNvbcOI-zaaIjFWeY2G6a6N5IWBc_g0mw" title="Twitter" target="_blank"><img src="http://emedia.coyuchi.com/6402/Shared/x_Common%20Use/Transactional%20Assets/ico-pinterest.png" width="18" border="0" style="display:block;"></a></td>                                      
                                   </tr>
                               </table>
                               <!-- Social Icons END-->
                               <table class="full-width" align="center" cellpadding="0" cellspacing="0" border="0">
                                   <tr>
                                       <td class="Poppins" style="font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:9px; line-height:14px; color:#363636; padding:20px 0; text-align:center;">
                                           This email was sent to: <a href="mailto:" title="" target="_blank" style="white-space: nowrap;color:#4d4d4f;text-decoration: none;">hello@SmilesDavis.yeah</a>.&nbsp;Trouble viewing this email? <a href="#" title="View Web Version" style="color:#4d4d4f;text-decoration: none;">View Web Version.</a>  <br class="hide">You are receiving this email because you opted in at our website.  <br class="hdie">Copyright &copy; 2017 Coyuchi, Inc.  All rights reserved.  1400 Tennessee Street, San Francisco, CA 94107.
											<br>
											<br>
											<a href="#" title="Privacy Policy" style="color:#4d4d4f;text-decoration: none;">Privacy Policy</a> | <a href="http://enews.coyuchi.com/q/PF3LRaI1mSzwwfwms0I5aCv2PE6G78tX4h7GOa3kHaaiYgmBNMADvaTH_" title="Unusbscribe" style="color:#4d4d4f;text-decoration: none;">Unsubscribe</a>
                                         
                                       </td>
                                   </tr>
                               </table>
                           </td>
                       </tr>
                   </table>
                   <!-- Footer END -->
                    <!-- Stop Placing Content -->
                    </td>
                </tr>
            </table>
            <!-- Gmail Fix-->
            <table class="hide gmail-fix" width="600" align="center" cellpadding="0" cellspacing="0" border="0" style=" width:600px; min-width:600px; max-width:600px;">
                <tr>
                    <td><img src="http://emedia.coyuchi.com/1/Shared/2014/LCS/Boilerplate/spacer.gif" width="600" height="20" border="0" style="display:block; width:600px; min-width:600px; max-width:600px;"></td>
                </tr>
            </table>
            <div class="gmail-fix" style="white-space:nowrap; font:15px courier; line-height:0;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
            <!-- Gmail Fix END -->
        </td>
    </tr>
</table>

</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.
Loading ..................

Console