cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

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.

            
              <!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <!-- EID=402 VID=W SID=A-->
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Birchbox</title>
    <style type="text/css">
      .ReadMsgBody {
      	width: 100%;
      	background-color: #ffffff;
      }
      .ExternalClass {
      	width: 100%;
      	background-color: #ffffff;
      	line-height: 100% !important;
      }
      body {
      	width: 100%;
      	background-color: #ffffff;
      	margin: 0;
      	padding: 0;
      	-webkit-font-smoothing: antialiased;
      }
      * {
      	font-family: Helvetica, sans-serif;
      }
      table {
      	border-collapse: collapse;
      }
      
      @media only screen and (max-width: 640px) {
      body[yahoo] .deviceWidth {
      	width: 100% !important;
      	padding: 0px;
      }
      body[yahoo] .Container {
      	padding: 0 10px!important;
      }
      body[yahoo] .center {
      	text-align: center!important;
      }
      body[yahoo] img {
      	width: 100%!important;
      	height: auto!important;
      }
      /* Vital to header/footer */			
      body[yahoo] .deviceWidthMobile {
      	width: 100%!important;
      	display: block!important;
      	line-height: auto!important;
      	max-height: none!important;
      	height: auto!important;
      	max-width: 640px!important;
      }
      body[yahoo] .deviceWidthMobileCenter {
      	width: 100%!important;
      	display: block!important;
      	line-height: auto!important;
      	max-height: none!important;
      	height: auto!important;
      	align: center!important;
      	text-align: center!important;
      }
      body[yahoo] .Trim {
      	width: 100%!important;
      	display: block!important;
      	line-height: auto!important;
      	max-height: none!important;
      	height: auto!important;
      	mso-hide: none!important;
      	background-color: #feedbf!important;
      	font-size: 12px!important;
      	line-height: 18px!important;
      	padding: 5px 0px!important;
      	color: #b18000!important;
      }
      body[yahoo] .block {
      	display: block!important;
      	width: 100%!important;
      }
      body[yahoo] .TrimUnder {
      	width: 100%!important;
      	min-width: 320px!important;
      	display: block!important;
      	line-height: auto!important;
      	max-height: none!important;
      	height: auto!important;
      	mso-hide: none!important;
      	background-color: #feedbf!important;
      	font-size: 12px!important;
      	line-height: 18px!important;
      	padding: 5px 0px!important;
      	color: #b18000!important;
      	text-align: center!important;
      	margin: 0 auto!important;
      	position: relative!important;
      }
      span[class='TrimUnderSpan'] {
      	width: 100%!important;
      	min-width: 320px!important;
      	display: block!important;
      	line-height: auto!important;
      	max-height: none!important;
      	height: auto!important;
      	mso-hide: none!important;
      	background-color: #feedbf!important;
      	font-size: 12px!important;
      	line-height: 18px!important;
      	padding: 5px 0px!important;
      	color: #b18000!important;
      	text-align: center!important;
      	margin: 0 auto!important;
      }
      div[class='hide-for-mobile'], table[class='hide-for-mobile'], td[class='hide-for-mobile'] {
      	display: none !important;
      	width: 0px!important;
      	height: 0px!important;
      	font-size: 0px !important;
      	line-height: 0px !important;
      }
      body[yahoo] img[class='mobile-swap'], img[class='image-width'], .body[yahoo] .mobile-swap {
      	width: 100% !important;
      	display: block!important;
      	max-height: none!important;
      	line-height: auto;
      	height: auto!important;
      	mso-hide: none!important;
      }
      body[yahoo] img[class='image-width-footer-spacer'] {
      	width: 100% !important;
      	display: block!important;
      	max-height: 40px!important;
      	line-height: auto;
      	height: 40px!important;
      	mso-hide: none!important;
      }
      span[class='footercopy'], body[yahoo] .footercopy, td[class='footercopy'] {
      	font-size: 10px!important;
      	font-style: normal!important;
      	line-height: 15px!important;
      }
      body[yahoo] .tc-container {
      	padding: 0 5px!important;
      }
      ul[class='SocialContainer'], body[yahoo] .SocialContainer {
      	font-size: 12px !important;
      	font-style: normal !important;
      	line-height: auto !important;
      	text-align: center!important;
      	display: block!important;
      	list-style-type: none!important;
      	padding: 15px 0!important;
      	width: 100%!important;
      	height: auto!important;
      	max-height: none!important;
      	mso-hide: none!important;
      }
      li[class='SocialButtons'], body[yahoo] .SocialButtons {
      	width: 16%!important;
      	height: auto!important;
      	display: inline-block!important;
      	line-height: auto!important;
      	max-height: none!important;
      	mso-hide: none!important;
      	text-align: center!important;
      	padding: 0px!important;
      }
      li[class='SocialButtonsSpacer'], body[yahoo] .SocialButtonsSpacer {
      	width: 4%!important;
      	height: auto!important;
      	display: inline-block!important;
      	line-height: auto!important;
      	max-height: none!important;
      	mso-hide: none!important;
      	text-align: center!important;
      	padding: 0px!important;
      }
      body[yahoo] img[class='FooterMobileSocial'] {
      	width: 100%!important;
      	min-width: 45px!important;
      	display: inline-block!important;
      	max-height: none!important;
      	line-height: auto!important;
      	height: auto!important;
      	mso-hide: none!important;
      	border: 0px!important;
      	padding: 0px!important;
      }
      body[yahoo] img[class='FooterMobileSwap'] {
      	width: 100%!important;
      	min-width: 45px!important;
      	display: inline-block!important;
      	max-height: none!important;
      	line-height: auto!important;
      	height: auto!important;
      	mso-hide: none!important;
      	border: 0px!important;
      	padding: 0px!important;
      }
      body[yahoo] img[class='AppMobileSwap'] {
      	width: 98% !important;
      	padding: 10px 0px !important;
      	display: block!important;
      	max-height: none!important;
      	line-height: auto;
      	height: auto!important;
      	mso-hide: none!important;
      }
      /* Template */
      span[class='copy'] {
      	color: rgb(255,255,255) !important;
      	font-size: 15px !important;
      	line-height: 25px !important;
      	letter-spacing: .25px!important;
      	text-decoration: none!important;
      	font-style: normal !important;
      	font-family: Helvetica, sans-serif !important;
      }
      body[yahoo] .product-block {
      	width: 100%!important;
      	display: block!important;
      	line-height: auto!important;
      	max-height: none!important;
      	height: auto!important;
      	mso-hide: none!important;
      }
      span[class='product-copy'] {
      	color: rgb(35,31,32) !important;
      	font-size: 20px !important;
      	font-style: normal !important;
      	font-family: Helvetica, sans-serif, !important;
      	line-height: 28px !important;
      	text-align: middle!important;
      	width: 100%!important;
      	min-width: 320px!important;
      	display: block!important;
      	line-height: auto!important;
      	max-height: none!important;
      	height: auto!important;
      	mso-hide: none!important;
      	padding: 5px 0px!important;
      	text-align: center!important;
      	margin: 0 auto!important;
      }
      body[yahoo] img[class='mobile-swap-button'] {
      	width: 158px !important;
      	display: block!important;
      	max-height: none!important;
      	line-height: auto!important;
      	height: auto!important;
      	mso-hide: none!important;
      }
      body[yahoo] img[class='mobile-swap-product-spacer'] {
      	width: auto !important;
      	display: block!important;
      	max-height: none!important;
      	line-height: auto!important;
      	height: 35px!important;
      	mso-hide: none!important;
      }
      }
      img {
      	display: block
      }
    </style>
  </head>
  
  <body leftmargin="0" marginheight="0" marginwidth="0" style="font-family: Arial, Helvetica, sans-serif"
  topmargin="0" yahoo="fix">
    <IMG SRC="http://birchbox.hosted.strongview.com/t/gbH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n="
    WIDTH="1" HEIGHT="1" STYLE="border:0px hidden transparent !important; display:none !important; overflow:hidden; max-height: 0;"
    ALT="" />
    <table background="http://media.birchbox.hosted.strongview.com/img/#FFFFFF" border="0"
    cellpadding="0" cellspacing="0" style="width: 100%; background-color:#FFFFFF;">
      <tbody>
        <!--PreHeader-->
        <tr>
          <td align="center" bgcolor="#ffffff" style="padding-top:5px;" valign="top" width="100%">
            <div class="hide-for-mobile">
              <table border="0" cellpadding="0" cellspacing="0" class="hide-for-mobile" width="700">
                <tbody>
                  <tr>
                    <td align="left" class="hide-for-mobile" style="padding: 0px 0 0px 0; " valign="top"><span style="color: #505050;font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; text-align: left; color: #ffffff; letter-spacing: .25px;">For a limited time, get 15% off when you spend $35+. </span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <!--End PreHeader-->
            <!--Header-->
            <p>
              <table border="0" cellpadding="0" cellspacing="0" align="center" class="devicewidth"
              width="700">
                <tbody>
                  <tr>
                    <td align="center" valign="bottom" style="padding: 8px 0px 8px 0px; background-color: #fbf5e6;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 13px; letter-spacing: .04em;text-align: left; color:  #4c4c4c;"> FREE SHIPPING ON ORDERS $50+*</span> 
                    </td>
                  </tr>
                </tbody>
              </table>
              <table align="center" cellpadding="0" cellspacing="0" class="devicewidth" width="700px">
                <tbody>
                  <tr>
                    <td width="20px">
                      <a href="https://www.birchbox.com/">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/blankspaceheader.jpg"
                        height="70" style="height:70px; width:20px;" />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="212px">
                      <a href="https://www.birchbox.com/">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/W_BB_Desktop_Logo_2x.jpg"
                        height="70" style="height:70px;" />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="150px">
                      <a href="https://www.birchbox.com/">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/blankspaceheader.jpg"
                        height="70" style="height:70px; width:150px;" />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="39px">
                      <a href="https://www.birchbox.com/shop/">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/BB_Nav_ShopHome_2x.jpg"
                        height="70" style="height: 70px;" />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="50px">
                      <a href="https://www.birchbox.com/">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/blankspaceheader.jpg"
                        height="70" style="height:70px; width:50px;" />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="78px">
                      <a href="https://www.birchbox.com/subscribe">
                        <img border="0" src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/BB_Nav_Subscribe_2x.jpg"
                        height="70" style="height: 70px;" />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="50px">
                      <a href="https://www.birchbox.com/">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/blankspaceheader.jpg"
                        height="70" style="height:70px; width:50px;" />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="31px">
                      <a href="https://www.birchbox.com/gift" target="_blank">
                        <img border="0" src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/BB_Nav_Gift_2x.jpg"
                        height="70" style="height: 70px;" />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="30px">
                      <a href="https://www.birchbox.com/">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/blankspaceheader.jpg"
                        height="70" style="height:70px; width:30px;" />
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </p>
            <!--Content-->
            <table border="0" cellpadding="0" cellspacing="0" class="deviceWidth" width="700">
              <tbody>
                <tr></tr>
                <tr>
                  <td>
                    <a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=Z~amp;z="
                    linkname="">
                      <img src="http://media.birchbox.hosted.strongview.com/img/org_1/2038/W_Aug_Best-Selling_Email_Final_03.gif"
                      style="height: 892px; width: 700px; display:block;" />
                    </a>
                  </td>
                </tr>
                <tr>
                  <td>
                    <a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=a~amp;z="
                    linkname="">
                      <img src="http://media.birchbox.hosted.strongview.com/img/org_1/2038/W_Aug_Best-Selling_Email_Final_07.jpg"
                      style="height: 298px; width: 700px; display: block; margin-top: 15px; margin-bottom: 15px;"
                      />
                    </a>
                  </td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                </tr>
                <tr></tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
    <!--End Content-->
    <!--Footer Content Block-->
    <p style="text-align: center;">
      <table align="center" cellpadding="0" cellspacing="0" class="deviceWidthMobile"
      width="700">
        <tbody>
          <tr>
            <td align="center" valign="bottom">
              <img border="0" height="80" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/blankspace.png"
              style="line-height: 0; width: 175px; max-height: 80px !important; height: 80px !important;"
              width="175" />
            </td>
            <td align="center" valign="bottom">
              <a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=b~amp;z="
              linkname="" target="_blank">
                <img border="0" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/instagram.jpg"
                style="height: 79px; width: 70px;" />
              </a>
            </td>
            <td align="center" valign="bottom">
              <a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=c~amp;z="
              linkname="" target="_blank">
                <img border="0" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/facebook.jpg"
                style="height: 79px; width: 70px;" />
              </a>
            </td>
            <td align="center" valign="bottom">
              <a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=d~amp;z="
              linkname="" target="_blank">
                <img border="0" src="http://media.birchbox.hosted.strongview.com/img/org_1/snapchat2.jpg"
                style="height: 79px; width: 70px;" />
              </a>
            </td>
            <td align="center" valign="bottom">
              <a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=e~amp;z="
              linkname="" target="_blank">
                <img border="0" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/pinterest.jpg"
                style="height: 79px; width: 70px;" />
              </a>
            </td>
            <td align="center" valign="bottom">
              <a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=f~amp;z=">
                <img border="0" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/youtube.jpg"
                style="height: 79px; width: 70px;" />
              </a>
            </td>
            <td align="center" valign="bottom">
              <a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=g~amp;z="
              linkname="" target="_blank">
                <img border="0" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/twitter.jpg"
                style="height: 79px; width: 70px;" />
              </a>
            </td>
            <td align="center" valign="bottom">
              <img border="0" height="80" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/blankspace.png"
              style="line-height: 0; width: 175px; max-height: 80px !important; height: 80px !important;"
              width="175" />
            </td>
          </tr>
        </tbody>
      </table>
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="deviceWidth"
      height="10" width="700">
        <tbody>
          <tr>
            <td height="10" style="font-size:0pt; line-height:0pt; text-align:left"><span style="text-align: -webkit-center;"><img border="0" height="10" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/blankspace.png" style="display:none; line-height:0; max-height: 10px!important; height:10px!important;" /> </span>
            </td>
          </tr>
        </tbody>
      </table>
<span style="text-align: -webkit-center;"><!--Begin Desktop Social Media Icons--> </span> 
      <span
      style="text-align: -webkit-center;">
        <!--End Desktop Social Media Icons-->
        <!--Begin Mobile Social Media Icons-->
        </span> <span style="text-align: -webkit-center;"> <!--End Mobile Social Media Icons--> <!--Begin Desktop Soho Banner--> </span>

        <table
        align="center" cellpadding="0" cellspacing="0" class="hide-for-mobile" width="700">
          <tbody>
            <tr>
              <td align="center" valign="bottom"><span style="text-align: -webkit-center;"><a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=h~amp;z=" target="_blank"><img border="0" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/mobileapp.jpg" style="height: 72px; width: 700px;" /> </a> </span>
              </td>
            </tr>
          </tbody>
          </table>
<span style="text-align: -webkit-center;"> <!--End Desktop Soho Banner--> <!--Begin Mobile Soho Banner--> </span>

          <table
          border="0" cellpadding="0" cellspacing="0" class="deviceWidthMobile" style="display:none; mso-hide: all; line-height:0!important; max-height: 0; height:0; width:0;">
            <tbody>
              <tr>
                <td align="center" class="deviceWidthMobile" style="display:none; mso-hide: all; line-height:0; max-height: 0; height:0; width:0;"><span style="text-align: -webkit-center;"><a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=i~amp;z=" target="_blank"><img align="middle" alt="Birchbox App Download" border="0" class="mobile-swap" height="0" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/mobileapp.jpg" style="display:none; mso-hide: all; line-height:0!important; max-height: 0; height:0; padding-top:0px!important; padding-bottom: 0px!important;" width="0" /> </a> </span>
                </td>
              </tr>
            </tbody>
            </table>
<span style="text-align: -webkit-center;"> <!--End Mobile Soho Banner--> <!--Spacer--> </span>

            <table
            align="center" border="0" cellpadding="0" cellspacing="0" class="deviceWidth" height="20"
            width="700">
              <tbody>
                <tr>
                  <td height="20" style="font-size:0pt; line-height:0pt; text-align:left"><span style="text-align: -webkit-center;"><img border="0" height="10" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/blankspace.png" style="display:none; line-height:0; max-height: 20px!important; height:20px!important;" /> </span>
                  </td>
                </tr>
              </tbody>
              </table>
<span style="text-align: -webkit-center;"> <!--Contact Buttons --> </span>

              <table
              border="0" cellpadding="0" cellspacing="0" class="deviceWidth" width="700" align="center">
                <tbody>
                  <tr>
                    <td align="center" class="footercopy" valign="top"><span class="footercopy" style="text-align: -webkit-center;">
<a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=j~amp;z=" style="color: #4a4949; font-weight: bold;text-decoration: none; text-align: center; font-family: Helvetica, sans-serif; font-size: 12px;">HELP &amp; CONTACT</a> </span> 
                      <span
                      style="color:#cccccc; padding-left:5px; padding-right:5px">|</span>
                        <a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=k~amp;z="
                        style="color: #4a4949;font-weight: bold; text-decoration: none; text-align: center; font-family: Helvetica, sans-serif; font-size: 12px;">ABOUT</a> <span style="color:#cccccc; padding-left:5px; padding-right:5px"> | </span> 
                        <a
                        href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=l~amp;z="
                        style="color:#4a4949; font-weight: bold; text-decoration: none; font-family: Helvetica, sans-serif; font-size: 12px;">FAQ</a>
                    </td>
                  </tr>
                </tbody>
                </table>
<span style="text-align: -webkit-center;"> <!-- End Contact Buttons --> <!--Spacer--> </span>

                <table
                align="center" border="0" cellpadding="0" cellspacing="0" class="deviceWidth" height="20"
                width="700">
                  <tbody>
                    <tr>
                      <td height="20" style="font-size:0pt; line-height:0pt; text-align:left"><span style="text-align: -webkit-center;"><img border="0" height="10" src="http://media.birchbox.hosted.strongview.com/img/org_1/257/blankspace.png" style="display:none; line-height:0; max-height: 20px!important; height:20px!important;" /> </span>
                      </td>
                    </tr>
                  </tbody>
                  </table>
<span style="text-align: -webkit-center;"> <!--Contact Info--> </span>

                  <table border="0"
                  cellpadding="0" cellspacing="0" class="deviceWidth" width="700" align="center">
                    <tbody>
                      <tr>
                        <td align="center" class="tc-container" valign="top"><span style="text-align: -webkit-center;"><span class="copy-tc" style="font-family: Arial;font-size: 10px; line-height: 15px; text-align: center; color: #838383;">Copyright &#xA9; 2017</span></span>
                          <br
                          />
<span class="copy-tc" style="font-family: Arial;font-size: 10px; line-height: 15px; text-align: center; color: #838383;">You are a member of Birchbox </span>
                          <br
                          />
<span class="copy-tc" style="font-family: Arial;font-size: 10px; line-height: 15px; text-align: center; color: #838383;">Birchbox <span style=" padding-left:3px; padding-right:3px"> | </span> 28
                          East 28th Street, 12th Fl <span style=" padding-left:3px; padding-right:3px"> | </span> New
                          York, NY 10016</span>
                          <br />
                          <br />
<span class="copy-tc" style="font-family: Arial;font-size: 10px; line-height: 15px; text-align: center; color: #838383;">Please add <a href="http://birchbox.hosted.strongview.com/t/gcH1AAcbb2VqQAUFwB4wL~aDBSF5-UPAfaaaaB4HAhBMZIYInaa?r=3_1379z33~amp;f=kcrv~2522pgYnj0eqmfcoYkju.aqk~amp;n=m~amp;z=" style="font-family: Arial;font-size: 10px; color: #ff4a0b;font-weight: normal;text-decoration:none;">info@mailer.birchbox.com</a> to your address book. </span>
                          <br
                          />
                        </td>
                      </tr>
                    </tbody>
                  </table>
    </p>
    <table align="center" border="0" cellpadding="0" cellspacing="0" class="deviceWidth"
    width="700">
      <tbody align="center">
        <tr>
          <td style="padding: 0 10px;" valign="top"><span class="copy-tc" style=" font-family: Arial;font-size: 10px; line-height: 10px; text-align: center; color: #838383;">Not interested in e-mail updates? <a href="#" style="font-family: Arial;font-size: 10px; color: #ff4a0b;text-decoration:none;">Unsubscribe from this list.</a> </span>
          </td>
        </tr>
        <tr>
          <td><span class="copy-tc" style="font-family: Arial;font-size: 10px; line-height: 10px; text-align: center; color: #838383;">Enter code TOPNOTCH in the promo code field at checkout to redeem 15% discount products in Best Sellers category. Order subtotal must be $35 or greater to qualify. Cannot be combined with other codes. Valid through 8/22/2017 at 11:59 PM E.T.<br />
			<br />
			Does this email look wonky?&nbsp;<a href="#" linkname="View In Browser" style="font-family: Arial;font-size: 10px; color: #ff4a0b;font-weight: normal;text-decoration:none;">Click here.</a></span>
          </td>
        </tr>
      </tbody>
    </table>
    <!-- View in Browser -->
    <!--TC Content Block-->
    <p style="text-align: center;">
      <table align="center" border="0" cellpadding="0" class="deviceWidth" width="700">
        <tbody>
          <tr>
            <td style="padding: 0 10px;" valign="top" align="left"><span class="copy-tc" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; text-align: left; color: #707070;">*Free Shipping: Full-size product orders of $50 or more always ship free. No promo code required; minimum order quantity may apply to some products.</span>

            </td>
          </tr>
        </tbody>
      </table>
    </p>
    <!--TC Content Block-->
  </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