123

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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
  
  <head>
    <!--[if gte mso 9]>
      <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
      </xml>
    <![endif]-->
    <title>8fit.com</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ">
    <meta name="format-detection" content="telephone=no">
    <!--[if !mso]>
      <!-->
    <!--<![endif]-->
    <style type="text/css">
      @font-face {
                    font-family: 'AlteHaas';
                    src: url(http://8fit.com/wp-content/themes/eightfit/assets/fonts/altehaasgroteskregular-webfont.woff) format('woff');
                    font-weight: normal;
                    font-style: normal;
                }
                @font-face {
                    font-family: 'AlteHaasBold';
                    src: url(http://8fit.com/wp-content/themes/eightfit/assets/fonts/altehaasgroteskbold-webfont.woff) format('woff');
                    font-weight: normal;
                    font-style: normal;
                }
                .ExternalClass * {
                    line-height: 100%;
                }
                @media only screen and (min-width:481px) and (max-width:599px) {
                    .em_main_table {
                        width: 100% !important;
                    }
                    .em_wrapper {
                        width: 100% !important;
                    }
                    .em_mobile_space {
                        height: 7px !important;
                    }
                    .em_hide {
                        display: none !important;
                    }
                    .em_img {
                        width: 100% !important;
                        height: auto !important;
                    }
                    .em_center {
                        text-align: center !important;
                    }
                    .em_height {
                        height: 30px !important;
                    }
                    .em_auto {
                        height: auto !important;
                    }
                    .em_img1 {
                        width: 60px !important;
                        height: auto !important;
                    }
                    .em_left {
                        text-align: left !important;
                    }
                    .em_text {
                        font-size: 18px;
                        line-height: 30px;
                    }
                    .em_font16 {
                        font-size: 16px !important;
                        line-height: 19px !important;
                        padding: 0px 0px !important;
                    }
                    .em_font32 {
                        font-size: 32px !important;
                        line-height: 40px !important;
                        padding: 0px 0px !important;
                    }
                    .em_font40 {
                        font-size: 40px !important;
                        line-height: 40px !important;
                        padding: 0px 0px !important;
                    }
                    .em_font48 {
                        font-size: 48px !important;
                        line-height: 48px !important;
                        padding: 0px 0px !important;
                    }
                    .em_white {
                        color: #ffffff !important;
                    }
                    .em_h10 {
                        height: 10px !important;
                        line-height: 1px !important;
                        font-size: 1px !important;
                    }
                    .em_padnone {
                        padding: 0px 0px !important;
                    }
                    .em_img140 {
                        width: 140px !important;
                        height: auto !important;
                    }
                    .em_img2 {
                        width: 90px !important;
                        height: auto !important;
                    }
                    .em_w50 {
                        width: 50px !important;
                    }
                    .em_w75 {
                        width: 75px !important;
                    }
                    .em_h50 {
                        height: 50px !important;
                    }
                    .em_line a {
                        font-size: 18px !important;
                        line-height: 44px !important;
                    }
                }
                @media screen and (max-width: 480px) {
                    .em_main_table {
                        width: 100% !important;
                    }
                    .em_wrapper {
                        width: 100% !important;
                    }
                    .em_text {
                        font-size: 16px !important;
                        line-height: 25px !important;
                    }
                    .em_hide {
                        display: none !important;
                    }
                    .em_img {
                        width: 100% !important;
                        height: auto !important;
                    }
                    .em_center {
                        text-align: center !important;
                    }
                    .em_mobile_space {
                        height: 6px !important;
                    }
                    .em_height7 {
                        height: 6px !important;
                    }
                    .em_height15 {
                        height: 12px !important;
                    }
                    .em_height30 {
                        height: 24px !important;
                    }
                    .em_height45 {
                        height: 36px !important;
                    }
                    .em_height60 {
                        height: 48px !important;
                    }
                    .em_width15 {
                        width: 12px !important;
                    }
                    .em_width30 {
                        width: 24px !important;
                    }
                    .em_width45 {
                        width: 36px !important;
                    }
                    u+.em_body .em_full_wrap {
                        width: 100% !important;
                        width: 100vw !important;
                    }
                    .em_font16 {
                        font-size: 16px !important;
                        line-height: 19px !important;
                        padding: 0px 0px !important;
                    }
                    .em_font32 {
                        font-size: 26px !important;
                        line-height: 30px !important;
                        padding: 0px 0px !important;
                    }
                    .em_font40 {
                        font-size: 28px !important;
                        line-height: 28px !important;
                        padding: 0px 0px !important;
                    }
                    .em_font48 {
                        font-size: 36px !important;
                        line-height: 36px !important;
                        padding: 0px 0px !important;
                    }
                    .em_img1 {
                        width: 130px !important;
                        height: auto !important;
                    }
                    .em_h230 {
                        height: 230px !important;
                    }
                    .em_auto {
                        height: auto !important;
                    }
                    .em_wrapper1 {
                        width: 20% !important;
                        clear: none !important;
                        float: left !important;
                    }
                    .em_wrapper2 {
                        width: 75% !important;
                        clear: none !important;
                        float: right !important;
                    }
                    .em_border2 {
                        border: 2px solid #222 !important;
                    }
                    .em_img1 {
                        width: 60px !important;
                        height: auto !important;
                    }
                    .em_left {
                        text-align: left !important;
                    }
                    .em_font16 {
                        font-size: 16px !important;
                        line-height: 19px !important;
                        padding: 0px 0px !important;
                    }
                    .em_h10 {
                        height: 10px !important;
                        line-height: 1px !important;
                        font-size: 1px !important;
                    }
                    .em_padnone {
                        padding: 0px 0px !important;
                    }
                    .em_img10 {
                        width: 10px !important;
                        height: auto !important;
                    }
                    .em_img140 {
                        width: 140px !important;
                        height: auto !important;
                    }
                    .em_img2 {
                        width: 90px !important;
                        height: auto !important;
                    }
                    .em_w50 {
                        width: 50px !important;
                    }
                    .em_w75 {
                        width: 75px !important;
                    }
                    .em_h50 {
                        height: 50px !important;
                    }
                    .em_line a {
                        font-size: 18px !important;
                        line-height: 44px !important;
                    }
                    .em_quote {
                        font-size: 14px;
                        line-height: 20px;
                        font-style: italic;
                    }
                }
    </style>
  </head>
  
  <body class="em_body" style="font-family:'AlteHaas', sans-serif !important;margin:0 !important;padding:0 !important;-webkit-text-size-adjust:100% !important;-ms-text-size-adjust:100% !important;-webkit-font-smoothing:antialiased !important;margin:0px; padding:0px;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="em_full_wrap"
    style="font-family:'AlteHaas', sans-serif !important;">
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td align="center" valign="top" style="font-family:'AlteHaas', sans-serif !important;">
          <table align="center" width="600" border="0" cellspacing="0" cellpadding="0" class="em_main_table em_yellow "
          bgcolor="#ffe529" style="font-family:'AlteHaas', sans-serif !important;background-color:#ffe529 !important;background-color:#ffe529; width:600px;">
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td height="30" style="font-family:'AlteHaas', sans-serif !important;height:30px !important;height:30px; font-size:1px; line-height:1px;"
              class="em_height30">&nbsp;</td>
            </tr>
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td valign="top" style="font-family:'AlteHaas', sans-serif !important;font-family: 'AlteHaas', Arial, sans-serif; font-size:32px;"
              class="em_font32" align="center">HELLO SUMMER SAVINGS</td>
            </tr>
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td height="15" style="font-family:'AlteHaas', sans-serif !important;height:15px !important; height:15px; font-size:1px; line-height:1px;"
              class="em_height15">&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td align="center" valign="top" style="font-family:'AlteHaas', sans-serif !important;">
          <table align="center" width="600" border="0" cellspacing="0" cellpadding="0" class="em_main_table"
          style="font-family:'AlteHaas', sans-serif !important;width:600px;">
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                <table width="600" border="0" cellspacing="0" cellpadding="0" style="font-family:'AlteHaas', sans-serif !important;width:600px;"
                class="em_wrapper">
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                      <a href="https://8fit.com/crm/experience-benefits-8fit-pro-summer/?user_id=}&utm_source=crm&utm_medium=email_promo&utm_campaign=180719_email_us-en_ncu_summer-2_promo&utm_term=email_V1&utm_content=hero_badge"
                      target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration: none;">
                        <img src="http://everyday-ordinary.com/admin/wp-content/uploads/2018/07/summer-top-gif-min.gif"
                        width="600" height="550" alt="summer" style="border:0 !important;outline:none !important;display: block; max-width:600px; font-size:15px; line-height:30px; color:#000000;"
                        border="0" class="em_img" />
                      </a>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td align="center" valign="top" style="font-family:'AlteHaas', sans-serif !important;">
          <table align="center" width="600" border="0" cellspacing="0" cellpadding="0" class="em_main_table em_yellow "
          bgcolor="#ffe529" style="font-family:'AlteHaas', sans-serif !important;background-color:#ffe529 !important;font-family: 'AlteHaas', sans-serif; background-color: #ffe529 width:600px;">
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td height="15" style="font-family:'AlteHaas', sans-serif !important;height:15px !important; height:15px; font-size:1px; line-height:1px;"
              class="em_height15">&nbsp;</td>
            </tr>
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td valign="top" style="font-family:'AlteHaas', sans-serif !important;font-family:'AlteHaasBold' sans-serif !important;font-family: 'AlteHaasbold', sans-serif; font-weight:bold; font-size:48px; color:#ffffff;"
              class="em_font48 em_bold em-white" align="center">off 8fit PRO upgrade</td>
            </tr>
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td height="15" style="font-family:'AlteHaas', sans-serif !important;height:15px !important; height:15px; font-size:1px; line-height:1px;"
              class="em_height15">&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td align="center" valign="top" style="font-family:'AlteHaas', sans-serif !important;">
          <table align="center" width="600" border="0" cellspacing="0" cellpadding="0" class="em_main_table em_yellow "
          bgcolor="#ffe529" style="font-family:'AlteHaas', sans-serif !important;background-color:#ffe529 !important;background-color: #ffe529; width:600px;">
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td valign="top" style="font-family:'AlteHaas', sans-serif !important;font-family: 'AlteHaas', sans-serif; font-size:32px;"
              class="em_font32" align="center">OFFER ENDS TONIGHT*</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td align="center" valign="top" style="font-family:'AlteHaas', sans-serif !important;">
          <table align="center" width="600" border="0" cellspacing="0" cellpadding="0" class="em_main_table em_yellow "
          bgcolor="#ffe529" style="font-family:'AlteHaas', sans-serif !important;background-color:#ffe529 !important;background-color: #ffe529; width:600px;">
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td height="15" style="font-family:'AlteHaas', sans-serif !important;height:15px !important; height:15px; font-size:1px; line-height:1px;"
              class="em_height15" bgcolor="#ffe529">&nbsp;</td>
            </tr>
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td width="100%" valign="top" align="center" bgcolor="#ffe529" style="font-family:'AlteHaas', sans-serif !important;width:100%;">
                <a href="#" target="_blank" class="em-btn-black em_bold" style="font-family:'AlteHaas', sans-serif !important;font-family:'AlteHaasBold' sans-serif !important;border-radius:50px !important;font-size:15px !important;padding-left:30px !important;padding-right:30px !important;border:2px solid #333 !important;padding-bottom:15px !important;padding-top:15px !important;color:#fff !important;text-decoration:none !important;font-weight:bold !important;background-color:#333 !important;font-family: 'AlteHaas', Arial, sans-serif; display:inline-block; border-radius:50px;font-weight:bold; font-size:15px; padding-left:30px; padding-right:30px; border: 2px solid #333; background-color: #333; padding-bottom:15px; padding-top:15px;">Upgrade to PRO now</a>&nbsp;</td>
            </tr>
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td height="30" style="font-family:'AlteHaas', sans-serif !important;height:30px !important; height:30px; font-size:1px; line-height:1px;"
              class="em_height30">&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td align="center" valign="top" style="font-family:'AlteHaas', sans-serif !important;">
          <table align="center" width="600" border="0" cellspacing="0" cellpadding="0" class="em_main_table"
          style="font-family:'AlteHaas', sans-serif !important;width:600px;">
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                <table width="600" border="0" cellspacing="0" cellpadding="0" style="font-family:'AlteHaas', sans-serif !important;width:600px;"
                class="em_wrapper">
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td height="30" style="font-family:'AlteHaas', sans-serif !important;height:30px !important; height:30px; font-size:1px; line-height:1px;"
                    class="em_height30">&nbsp;</td>
                  </tr>
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                      <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" style="font-family:'AlteHaas', sans-serif !important;width:600px;"
                      class="em_wrapper">
                        <tr style="font-family:'AlteHaas', sans-serif !important;">
                          <td width="30" valign="top" align="left" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;"
                          class="em_width30">&nbsp;</td>
                          <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                            <table width="540" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper"
                            style="font-family:'AlteHaas', sans-serif !important;width:540px;">
                              <tr style="font-family:'AlteHaas', sans-serif !important;">
                                <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                                  <table width="540" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper"
                                  style="font-family:'AlteHaas', sans-serif !important;width:540px;">
                                    <tr style="font-family:'AlteHaas', sans-serif !important;">
                                      <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                                        <table width="420" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper"
                                        style="font-family:'AlteHaas', sans-serif !important;width:420px;">
                                          <tr style="font-family:'AlteHaas', sans-serif !important;">
                                            <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;font-family: 'AlteHaas', Arial, sans-serif; font-size:18px; line-height:30px; color:#292929;"
                                            class="em_text">Summer bodies are made all year round. Upgrade to 8fit PRO now and enjoy 30% off
                                              for the rest of the year! Do it now and thank yourself later.</td>
                                          </tr>
                                          <tr style="font-family:'AlteHaas', sans-serif !important;">
                                            <td height="30" style="font-family:'AlteHaas', sans-serif !important;height:30px !important; height:30px; font-size:1px; line-height:1px;"
                                            class="em_height30">&nbsp;</td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </td>
                          <td width="30" valign="top" align="left" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;"
                          class="em_width30">&nbsp;</td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
          <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper"
          style="font-family:'AlteHaas', sans-serif !important;width:600px;">
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;">&nbsp;</td>
              <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"
                class="em_wrapper" style="font-family:'AlteHaas', sans-serif !important;width:540px; border-top:2px solid #222;">
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                      <table border="0" cellspacing="0" cellpadding="0" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                        <tr style="font-family:'AlteHaas', sans-serif !important;">
                          <td width="30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px; border-left:2px solid #222;"
                          class="em_width30 ">&nbsp;</td>
                          <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                            <table width="480" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper"
                            style="font-family:'AlteHaas', sans-serif !important;">
                              <tr style="font-family:'AlteHaas', sans-serif !important;">
                                <td height="30" style="font-family:'AlteHaas', sans-serif !important;height:30px !important;height:30px; font-size:1px; line-height:1px;"
                                class="em_height30">&nbsp;</td>
                              </tr>
                              <tr style="font-family:'AlteHaas', sans-serif !important;">
                                <td valign="top" align="center" class="em_quote" style="font-size:15px;line-height:22px;font-style:italic;font-family:'AlteHaas', sans-serif !important;font-family: 'AlteHaas', Arial, sans-serif; font-size:15px; line-height:22px; font-style: italic;">For me, the biggest benefit of using 8fit was the confidence building. There will
                                  be days that you won’t want to exercise, there will be days that you won’t want
                                  to meet your walking goals, and there will be days when you just want junk food.
                                  Walk anyways and stick to your meals.</td>
                              </tr>
                              <tr style="font-family:'AlteHaas', sans-serif !important;">
                                <td height="5" style="height:0;font-family:'AlteHaas', sans-serif !important;height:5px; font-size:0px; line-height:0px;"
                                class="em_mobile_space">&nbsp;</td>
                              </tr>
                              <tr style="font-family:'AlteHaas', sans-serif !important;">
                                <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;font-family: 'AlteHaas', Arial, sans-serif; font-size:15px; line-height:22px; font-style: italic; text-align:right;"
                                class="em_wrapper em_right">
                                  <div style="font-family:'AlteHaas', sans-serif !important;">- Tom</div>
                                </td>
                              </tr>
                              <tr style="font-family:'AlteHaas', sans-serif !important;">
                                <td height="5" style="height:0;font-family:'AlteHaas', sans-serif !important;height:5px; font-size:0px; line-height:0px;"
                                class="em_mobile_space">&nbsp;</td>
                              </tr>
                            </table>
                          </td>
                          <td width="30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px; border-right:2px solid #222;"
                          class="em_width30">&nbsp;</td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
              <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;">&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
          <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper"
          style="font-family:'AlteHaas', sans-serif !important;width:600px;">
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;border-right:2px solid #222;">&nbsp;</td>
              <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                <table width="536" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper"
                style="font-family:'AlteHaas', sans-serif !important;width:536px;">
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td valign="top" align="center" class="em_height30" style="font-family:'AlteHaas', sans-serif !important;height:30px !important;width:202px; height:30px; border-bottom:2px solid #222;">&nbsp;</td>
                    <td valign="bottom" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                      <a href="https://8fit.com/crm/experience-benefits-8fit-pro-summer/?user_id=}&utm_source=crm&utm_medium=email_promo&utm_campaign=180719_email_us-en_ncu_summer-2_promo&utm_term=email_V1&utm_content=usp1"
                      target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration:none;">
                        <img src="http://everyday-ordinary.com/admin/wp-content/uploads/2018/07/8fit-logo-whitebg-top.png"
                        width="75" height="30" alt="Beginner friendly" style="border:0 !important;outline:none !important;display: block; z-index: 1;"
                        border="0" class="em_logo" />
                      </a>
                    </td>
                    <td valign="top" align="center" class="em_height30" style="font-family:'AlteHaas', sans-serif !important;height:30px !important;width:203px; height:30px; border-bottom:2px solid #222;">&nbsp;</td>
                  </tr>
                </table>
              </td>
              <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;border-left:2px solid #222;">&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
          <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper"
          style="font-family:'AlteHaas', sans-serif !important;width:600px;">
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;">&nbsp;</td>
              <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                <table width="540" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper"
                style="font-family:'AlteHaas', sans-serif !important;width:540px;">
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td width="30" height="30" valign="top" align="center" class="em_width30 em_height30"
                    style="font-family:'AlteHaas', sans-serif !important;height:30px !important;width:30px !important;height:30px;">&nbsp;</td>
                    <td valign="top" align="center" class="em_height30" style="font-family:'AlteHaas', sans-serif !important;height:30px !important;width:203px; height:30px; ;">&nbsp;</td>
                    <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                      <a href="https://8fit.com/crm/experience-benefits-8fit-pro-summer/?user_id=}&utm_source=crm&utm_medium=email_promo&utm_campaign=180719_email_us-en_ncu_summer-2_promo&utm_term=email_V1&utm_content=usp1"
                      target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration:none;">
                        <img src="http://everyday-ordinary.com/admin/wp-content/uploads/2018/07/8fit-logo-whitebg-bottom.png"
                        width="75" height="30" alt="Beginner friendly" style="border:0 !important;outline:none !important;display: block; z-index: 1;"
                        border="0" class="em_logo" />
                      </a>
                    </td>
                    <td valign="top" align="center" class="em_height30" style="font-family:'AlteHaas', sans-serif !important;height:30px !important;width:203px; height:30px; ;">&nbsp;</td>
                    <td width="30" height="30" valign="top" align="center" class="em_width30 em_height30"
                    style="font-family:'AlteHaas', sans-serif !important;height:30px !important;width:30px !important;height:30px;">&nbsp;</td>
                  </tr>
                </table>
              </td>
              <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;">&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td height="15" style="font-family:'AlteHaas', sans-serif !important;height:15px !important; height:15px; font-size:1px; line-height:1px;"
        class="em_height15">&nbsp;</td>
      </tr>
      <tr style="font-family:'AlteHaas', sans-serif !important;">
        <td align="center" valign="top" style="font-family:'AlteHaas', sans-serif !important;">
          <table align="center" width="600" border="0" cellspacing="0" cellpadding="0" class="em_main_table"
          style="font-family:'AlteHaas', sans-serif !important;width:600px;">
            <tr style="font-family:'AlteHaas', sans-serif !important;">
              <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;">&nbsp;</td>
              <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper"
                style="font-family:'AlteHaas', sans-serif !important;width:600px;">
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td height="15" style="font-family:'AlteHaas', sans-serif !important;height:15px !important;height:15px; line-height:1px; font-size:1px;"
                    class="em_height15">&nbsp;</td>
                  </tr>
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                      <table border="0" cellspacing="0" cellpadding="0" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                        <tr style="font-family:'AlteHaas', sans-serif !important;">
                          <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                            <a href="https://www.facebook.com/8fitapp/?utm_source=crm&utm_medium=email_promo&utm_campaign=180719_email_us-en_ncu_summer-2_promo&utm_term=email_V1&utm_content=facebook"
                            target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration:none;">
                              <img src="https://8fit.com/wp-content/uploads/2018/07/social-facebook-min.png"
                              width="30" height="30" alt="8fit on facebook" style="border:0 !important;outline:none !important;display: block; max-width:30px; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:30px; color:#000000;"
                              border="0" />
                            </a>
                          </td>
                          <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;">&nbsp;</td>
                          <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                            <a href="https://www.instagram.com/8fit/?utm_source=crm&utm_medium=email_promo&utm_campaign=180719_email_us-en_ncu_summer-2_promo&utm_term=email_V1&utm_content=instagram"
                            target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration:none;">
                              <img src="https://8fit.com/wp-content/uploads/2018/07/social-instagram-min.png"
                              width="30" height="30" alt="Follow us on Instagram" style="border:0 !important;outline:none !important;display: block; max-width:30px; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:30px; color:#000000;"
                              border="0" />
                            </a>
                          </td>
                          <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;">&nbsp;</td>
                          <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                            <a href="https://twitter.com/8fit/?utm_source=crm&utm_medium=email_promo&utm_campaign=180719_email_us-en_ncu_summer-2_promo&utm_term=email_V1&utm_content=twitter"
                            target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration:none;">
                              <img src="https://8fit.com/wp-content/uploads/2018/07/social-twitter-min.png"
                              width="30" height="30" alt="Follow us on Twitter" style="border:0 !important;outline:none !important;display: block; max-width:30px; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:30px; color:#000000;"
                              border="0" />
                            </a>
                          </td>
                          <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;">&nbsp;</td>
                          <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                            <a href="https://www.pinterest.com/8fit/?utm_campaign=180719_email_us-en_ncu_summer-2_promo&utm_content=pinterest&utm_medium=email_promo&utm_source=crm&utm_term=email_V1"
                            target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration:none;">
                              <img src="https://8fit.com/wp-content/uploads/2018/07/social-pinterest-min.png"
                              width="30" height="30" alt="Pinterest" style="border:0 !important;outline:none !important;display: block; max-width:30px; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:30px; color:#000000;"
                              border="0" />
                            </a>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td height="30" style="font-family:'AlteHaas', sans-serif !important;height:30px !important; height:30px; font-size:1px; line-height:1px;"
                    class="em_height30">&nbsp;</td>
                  </tr>
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                      <table border="0" cellspacing="0" cellpadding="0" align="center" style="font-family:'AlteHaas', sans-serif !important;">
                        <tr style="font-family:'AlteHaas', sans-serif !important;">
                          <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;font-family: 'AlteHaas', Arial, sans-serif; font-size:12px; line-height:10px; font-weight:500; color:#292929;text-transform:uppercase;">
                            <a href="https://8fit.com/about/?utm_source=crm&utm_medium=email_promo&utm_campaign=180719_email_us-en_ncu_summer-2_promo&utm_term=email_V1&utm_content=about"
                            target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration:none; color:#292929;">Imprint</a>
                          </td>
                          <td width="79" style="font-family:'AlteHaas', sans-serif !important;width:79px;"
                          class="em_w50">&nbsp;</td>
                          <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;font-family: 'AlteHaas', Arial, sans-serif; font-size:12px; line-height:10px; font-weight:500; color:#292929;text-transform:uppercase;">
                            <a href="#" target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration:none; color:#292929;">Unsubscribe</a>
                          </td>
                          <td width="79" style="font-family:'AlteHaas', sans-serif !important;width:79px;"
                          class="em_w50">&nbsp;</td>
                          <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;font-family: 'AlteHaas', Arial, sans-serif; font-size:12px; line-height:10px; font-weight:500; color:#292929;text-transform:uppercase;">
                            <a href="https://8fit.com/support/?utm_source=crm&utm_medium=email_promo&utm_campaign=180719_email_us-en_ncu_summer-2_promo&utm_term=email_V1&utm_content=support"
                            target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration:none; color:#292929;">Support</a>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td height="15" style="font-family:'AlteHaas', sans-serif !important;height:15px !important;height:15px; font-size:1px; line-height:1px;"
                    class="em_height15">&nbsp;</td>
                  </tr>
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td valign="top" align="center" style="font-family:'AlteHaas', sans-serif !important;font-family: 'AlteHaas', Arial, sans-serif; font-size:12px; line-height:20px; color:#292c2f;">You are receiving this email because you signed up with
                      <a href="mailto:"
                      style="font-family:'AlteHaas', sans-serif !important;text-decoration:none; color:#696969;">hello@SmilesDavis.yeah</a> at
                      <a href="https://8fit.com/?utm_source=crm&utm_medium=email_promo&utm_campaign=180719_email_us-en_ncu_summer-2_promo&utm_term=email_V1&utm_content=unsub"
                      target="_blank" style="font-family:'AlteHaas', sans-serif !important;text-decoration:none; color:#292c2f; font-weight:bold;">8fit.com</a>or via the app.
                      <br>*Offer available when subscribing to a 1-year plan. Offer valid until 07/28/18.</td>
                  </tr>
                  <tr style="font-family:'AlteHaas', sans-serif !important;">
                    <td height="60" style="font-family:'AlteHaas', sans-serif !important;height:30px !important;height:30px;"
                    class="em_height30">&nbsp;</td>
                  </tr>
                </table>
              </td>
              <td width="30" class="em_width30" style="font-family:'AlteHaas', sans-serif !important;width:30px !important;width:30px;">&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <div class="em_hide" style="font-family:'AlteHaas', sans-serif !important;white-space: nowrap; display: none; font-size:0px; line-height:0px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp;</div>
    
  </body>

</html>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console