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 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/gbH1AAfbbBOP~QA-EoDAbLzaFL1l301ZnaaaaCB3bBNRAD2eaa?o=6_wC15w6~amp;Y=morgjhfdq~25z5w8kwdrZ.hjr~amp;g="
    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;">The best in grooming starting at $25</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <!--End PreHeader-->
            <!--Header-->
            <p>
              <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
                <tbody>
                  <tr>
                    <td align="center" valign="bottom" width="211">
                      <table border="0" cellpadding="0" cellspacing="0" width="211" align="center" class="devicewidth">
                        <tbody>
                          <tr>
                            <td align="center" valign="bottom" width="211">
                              <a href="https://www.birchbox.com/men/">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/M_BB_Desktop_Logo_2x.jpg"
                                style="height:auto; width: 211px; display: block;" border="0" alt="BirchboxMan"
                                width="211" />
                              </a>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
                <tbody>
                  <tr>
                    <td align="center" valign="bottom" width="700">
                      <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
                        <tbody>
                          <tr>
                            <td align="left" valign="bottom" width="140">
                              <a href="https://www.birchbox.com/category/722">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/navManHair.png"
                                style="height:auto; width: 140px; display: block;" border="0" alt="Hair" />
                              </a>
                            </td>
                            <td align="left" valign="bottom" width="140">
                              <a href="https://www.birchbox.com/category/725">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/navManBody.png"
                                style="height:auto; width: 140px; display: block;" border="0" alt="Body" />
                              </a>
                            </td>
                            <td align="left" valign="bottom" width="140">
                              <a href="https://www.birchbox.com/category/716">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/navManSkincare.png"
                                style="height:auto; width: 140px; display: block;" border="0" alt="Skincare" />
                              </a>
                            </td>
                            <td align="left" valign="bottom" width="140">
                              <a href="https://www.birchbox.com/category/715">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/navManBeard.png"
                                style="height:auto; width: 140px; display: block;" border="0" alt="Beard" />
                              </a>
                            </td>
                            <td align="left" valign="bottom" width="140">
                              <a href="https://www.birchbox.com/category/6675">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/navManSale.png"
                                style="height:auto; width: 140px; display: block;" border="0" alt="Sale" />
                              </a>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
                <tbody>
                  <tr>
                    <td align="center" valign="top" width="700">
                      <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
                        <tbody>
                          <tr>
                            <td align="left" valign="top" width="233">
                              <a href="https://www.birchbox.com/loyalty">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/navManLoyalty_2.png"
                                style="height:auto; width: 233px; display: block;" border="0" alt="Loyalty Program: Aces"
                                />
                              </a>
                            </td>
                            <td align="left" valign="top" width="234">
                              <a href="https://www.birchbox.com/subscribe/men">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/navManSub_2.png"
                                style="height:auto; width: 234px; display: block;" border="0" alt="Subscribe" />
                              </a>
                            </td>
                            <td align="left" valign="top" width="233">
                              <a href="https://www.birchbox.com/points">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/navPoints.png"
                                style="height:auto; width: 233px; display: block;" border="0" alt="Points Balance"
                                />
                              </a>
                              <table border="0" cellpadding="0" cellspacing="0" width="233" align="center" class="devicewidth">
                                <tbody>
                                  <tr>
                                    <td align="center"> <span style="color: #000; font-size: 26px; line-height: 26px; font-family: arial;"></span>

                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" valign="bottom" width="700">
                      <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerHorizontalDivider.png"
                      style="height:1px!important; max-height: 1px; width: 700px; display: block;" border="0"
                      alt="Divider" />
                    </td>
                  </tr>
                </tbody>
              </table>
            </p>
            <!--Content-->
            <table border="0" cellpadding="0" cellspacing="0" class="deviceWidth" width="700">
              <tbody>
                <tr>
                  <td>
                    <a href="http://birchbox.hosted.strongview.com/t/gcH1AAfbbBOP~QA-EoDAbLzaFL1l301ZnaaaaCB3bBNRAD2eaa?o=6_wC15w6~amp;Y=morgjhfdq~25z5w8kwdrZ.hjr~amp;g=g~amp;s="
                    linkname="">
                      <img alt="Find the perfect gift for Dad in our Father's Day Shop. " src="http://media.birchbox.hosted.strongview.com/img/org_1/3073/B_May_Fathers-day_5.24_Email_Final_03.jpg"
                      style="height: 382px; width: 700px;display:block;" />
                    </a>
                  </td>
                </tr>
                <tr>
                  <td>
                    <a href="http://birchbox.hosted.strongview.com/t/gcH1AAfbbBOP~QA-EoDAbLzaFL1l301ZnaaaaCB3bBNRAD2eaa?o=6_wC15w6~amp;Y=morgjhfdq~25z5w8kwdrZ.hjr~amp;g=h~amp;s="
                    linkname="">
                      <img alt="Shop now" src="http://media.birchbox.hosted.strongview.com/img/org_1/3073/B_May_Fathers-day_5.24_Email_Final_04.jpg"
                      style="height: 347px; width: 700px;display:block;" />
                    </a>
                  </td>
                </tr>
                <tr>
                  <td>
                    <a href="http://birchbox.hosted.strongview.com/t/gcH1AAfbbBOP~QA-EoDAbLzaFL1l301ZnaaaaCB3bBNRAD2eaa?o=6_wC15w6~amp;Y=morgjhfdq~25z5w8kwdrZ.hjr~amp;g=i~amp;s="
                    linkname="">
                      <img src="http://media.birchbox.hosted.strongview.com/img/org_1/3073/B_May_Fathers-day_5.24_Email_Final_05.jpg"
                      style="height: 269px; width: 700px;display:block;" />
                    </a>
                  </td>
                </tr>
                <tr></tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
    <!--End Content-->
    <!--Footer Content Block-->
    <p style="text-align: center;">
      <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>
      <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
        <tbody>
          <tr>
            <td align="center" valign="bottom" width="700">
              <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerHorizontalDivider.png"
              style="height:1px!important; max-height: 1px; width: 700px; display: block;" border="0"
              alt="Divider" />
            </td>
          </tr>
          <tr>
            <td align="center" valign="bottom" width="700">
              <a href="https://www.birchbox.com/loyalty">
                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerPoints.png"
                style="height:auto; width: 700px; display: block;" border="0" alt="Get 10% back in points when you shop."
                />
              </a>
            </td>
          </tr>
          <tr>
            <td align="center" valign="bottom" width="700">
              <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerHorizontalDivider.png"
              style="height:1px!important; max-height: 1px; width: 700px; display: block;" border="0"
              alt="Divider" />
            </td>
          </tr>
          <tr>
            <td align="center" valign="bottom" width="700">
              <a href="https://www.birchbox.com/men/">
                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerFreeStandardShipping.png"
                style="height:auto; width: 700px; display: block;" border="0" alt="Free Standard Shipping on orders $50+"
                />
              </a>
            </td>
          </tr>
          <tr>
            <td align="center" valign="bottom" width="700">
              <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerHorizontalDivider.png"
              style="height:1px!important; max-height: 1px; width: 700px; display: block;" border="0"
              alt="Divider" />
            </td>
          </tr>
        </tbody>
      </table>
      <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
        <tbody>
          <tr>
            <td align="center" valign="bottom" width="700">
              <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
                <tbody>
                  <tr>
                    <td align="left" valign="middle" width="199">
                      <a href="https://www.birchbox.com/guide">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerGuide.png"
                        style="height:auto; width: 198px; display: block;" border="0" alt="The Magazine"
                        />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="1">
                      <a href="https://www.birchbox.com/guide">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerVerticalDivider.png"
                        style="height:auto; width: 1px; display: block;" border="0" alt="" />
                      </a>
                    </td>
                    <td align="left" valign="middle" width="300">
                      <table border="0" cellpadding="0" cellspacing="0" width="300" align="center" class="devicewidth">
                        <tbody>
                          <tr>
                            <td align="left" width="45">&nbsp;</td>
                            <td align="left" width="30" valign="middle">
                              <a href="https://www.instagram.com/birchboxman/">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerInstagram.png"
                                style="height:auto; width: 30px; display: block;" border="0" alt="Instagram" />
                              </a>
                            </td>
                            <td align="left" width="30" valign="middle">&nbsp;</td>
                            <td align="left" width="30" valign="middle">
                              <a href="https://www.facebook.com/BirchboxMan/">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerFacebook.png"
                                style="height:auto; width: 30px; display: block;" border="0" alt="Facebook" />
                              </a>
                            </td>
                            <td align="left" width="30" valign="middle">&nbsp;</td>
                            <td align="left" width="30" valign="middle">
                              <a href="https://www.pinterest.com/birchboxman/">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerPinterest.png"
                                style="height:auto; width: 30px; display: block;" border="0" alt="Pinterest" />
                              </a>
                            </td>
                            <td align="left" width="30" valign="middle">&nbsp;</td>
                            <td align="left" width="30" valign="middle">
                              <a href="https://www.youtube.com/user/BirchboxMan">
                                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerYouTube.png"
                                style="height:auto; width: 30px; display: block;" border="0" alt="YouTube" />
                              </a>
                            </td>
                            <td align="left" width="45">&nbsp;</td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td align="left" valign="bottom" width="1">
                      <a href="https://www.birchbox.com/mobile/men ">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerVerticalDivider.png"
                        style="height:auto; width: 1px; display: block;" border="0" alt="" />
                      </a>
                    </td>
                    <td align="left" valign="middle" width="199">
                      <a href="https://www.birchbox.com/mobile/men ">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerMobileApp.png"
                        style="height:auto; width: 198px; display: block;" border="0" alt="We fit in your pocket."
                        />
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
      <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
        <tbody>
          <tr>
            <td align="center" valign="bottom" width="700">
              <a href="https://www.birchbox.com/men/">
                <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerDiscoverBanner.png"
                style="height:auto; width: 700px; display: block;" border="0" alt="Discover the Right Products for you"
                />
              </a>
            </td>
          </tr>
        </tbody>
      </table>
      <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
        <tbody>
          <tr>
            <td align="center" valign="bottom" width="700">
              <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
                <tbody>
                  <tr>
                    <td align="left" valign="bottom" width="349">
                      <a href="mailto:info@birchbox.com">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerHelp.png"
                        style="height:auto; width: 350px; display: block;" border="0" alt="Questions? Info@birchbox.com"
                        />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="1">
                      <a href="mailto:info@birchbox.com">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerVerticalDivider.png"
                        style="height:30px!important; width: 1px; display: block;" border="0" alt="" />
                      </a>
                    </td>
                    <td align="left" valign="bottom" width="350">
                      <a href="https://www.birchbox.com/">
                        <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerBirchbox.png"
                        style="height:auto; width: 350px; display: block;" border="0" alt="Birchbox" />
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
      <table border="0" cellpadding="0" cellspacing="0" width="700" align="center" class="devicewidth">
        <tbody>
          <tr>
            <td align="center" valign="bottom" width="700">
              <img src="https://s3.amazonaws.com/edge.birchbox.com/email/email_headers/footerHorizontalDivider.png"
              style="height:1px!important; max-height: 1px; width: 700px; display: block;" border="0"
              alt="Divider" />
            </td>
          </tr>
        </tbody>
      </table>
      <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>
      <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, 11th 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="mailto:info@mailer.birchbox.com" 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="http://birchbox.hosted.strongview.com/t/gcH1AAfbbBOP~QA-EoDAbLzaFL1l301ZnaaaaCB3bBNRAD2eaa?o=6_wC15w6~amp;Y=morgjhfdq~25z5w8kwdrZ.hjr~amp;g=j~amp;s=~amp;w=cyoun~2585~257A~257A1r1.Wnmhcgj2.Xth~257Ajhfdq-nzWxXwduonjsn~257A2QpBiZTTnCmxUst5dO7-6FcNWPQQ-4Mk8yZ_8uFWKOT~2588" 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;">Does this email look wonky?&nbsp;<a href="http://birchbox.hosted.strongview.com/t/gfH1AAfbbBOP~QA-EoDAbLzaFL1l301ZnaaaaCB3bBNRAD2eaaLzFL1l?o=6_wC15w6~amp;Y=morgjhfdq~25z5w8kwdrZ.hjr~amp;a=morgjhfdq~25z5w8kwdrZ.hjr~amp;g=Gyx~amp;s=~amp;w=~23" 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>
        <tr>
          <td style="padding-top: 15px; padding-bottom: 15px;"><span class="copy-tc" style="font-family: Arial;font-size: 10px; line-height: 10px; text-align: center; color: #838383;">Terms and conditions apply.</span>
          </td>
        </tr>
      </tbody>
    </table>
    <!-- Footer Content Block -->
    <!--View in Browser-->
    <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-->
    <meta charset="UTF-8">
  </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