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 CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

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
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console