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.

            
              <head>
  <title>Green Chef</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport">
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  <meta content="IE=edge" http-equiv="X-UA-Compatible"> </head>

<body bgcolor="#f6f6f6" style="-webkit-font-smoothing: antialiased; background: #f6f6f6; margin: 0 auto; padding: 0; width: 100%"><span style="color:transparent;visibility:hidden;display:none;opacity:0;height:0;width:0;font-size:0;"></span><img src="http://links.greenchef.com/e/open?_k=033fa65d4f964830b7cf8d6ebf276aab&amp;_u=auriguev%40indiana.edu&amp;_n=73601&amp;_t=112069&amp;_m=775fe52acb924da8be70612d8ba7e728"
    style="border:0;width:1px;height:1px;border-width:0px!important;display:none!important;line-height:0!important;" width="1" height="1">
  <style type="text/css">
    .ReadMsgBody {
      width: 100%;
      background-color: #fff;
    }
    .ExternalClass {
      width: 100%;
      background-color: #fff;
    }
    body {
      width: 100%;
      background-color: #f6f6f6;
      margin: 0 auto !important;
      padding: 0 !important;
      -webkit-font-smoothing: antialiased;
    }
    @font-face {
      font-family: 'Lato', Arial, sans-serif !important;
      font-style: normal;
      font-weight: 400;
      src: local('Lato'),
        local('Lato'),
        url(http://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff)
          format('woff');
    }
    img {
      text-decoration: none;
      border: 0;
    }
    @-ms-viewport {
      width: device-width;
    }
    @media only screen and (max-width: 550px) {
      .wrapper {
        width: 100%;
        padding: 0 !important;
      }
    }
    @media only screen and (max-width: 480px) {
      td[class="templateColumnContainer"] {
        display: block !important;
      }
      .imgClass {
        width: 100% !important;
        height: auto;
        padding-left: 20px;
        padding-right: 0;
      }
      .wrapper {
        width: 320px;
        padding: 0 !important;
      }
      .container {
        width: 100%;
        padding: 0 !important;
      }
      .margin-on {
        margin-bottom: 30px;
      }
      h1 {
        font-family: 'Lato', Arial, sans-serif !important;
        font-size: 25px;
        line-height: 25px;
        font-style: normal;
        font-weight: 100;
        src: local('Lato'),
          local('Lato'),
          url(http://fonts.gstatic.com/s/lato/v11/Kom15zUm24dIPfIRiNogNuvvDin1pK8aKteLpeZ5c0A.woff)
            format('woff');
      }
      .mobile {
        padding: 15px !important;
        text-align: center;
      }
    }
  </style>
  <div style="background: #f4f4f4; border: 0px solid #f4f4f4; margin: 0; padding: 0">
    <center>
      <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="background: #ffffff; border-collapse: collapse !important; max-width: 650px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
        <!--img-->
        <tbody>
          <tr>
            <td align="center" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding-bottom: 0px; padding-top: 0px" valign="top">
              <a href="https://greenchef.com/?utm_source=Iterable&amp;utm_content=73601&amp;utm_campaign=subscription_confirmation&amp;utm_medium=email" style="color: #7DA33A; text-decoration: none" target="_blank"><img alt="Green Chef" src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-07-header.png" style="border: 0; display: block; max-width: 100%; min-height: auto; text-decoration: none; vertical-align: top; width: 100%"></a>
            </td>
          </tr>
          <tr>
            <td align="center" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding-bottom: 20px; padding-top: 0px" valign="top">
              <a href="https://greenchef.com/?utm_source=Iterable&amp;utm_content=73601&amp;utm_campaign=subscription_confirmation&amp;utm_medium=email" style="color: #7DA33A; text-decoration: none" target="_blank"><img alt="Green Chef" src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-07-hero.png" style="border: 0; display: block; max-width: 100%; min-height: auto; text-decoration: none; vertical-align: top; width: 100%"></a>
            </td>
          </tr>
          <tr>
            <td align="center" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding-bottom: 20px; padding-top: 20px" valign="top">
              <h2 align="center" style="color: #707070; font-weight: 400; margin: 0; text-align: center">Welcome! What’s next?</h2> </td>
          </tr>
        </tbody>
      </table>
      <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="mobile" style="background: #ffffff; border-collapse: collapse !important; max-width: 650px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
        <tbody>
          <tr>
            <td align="center">
              <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="mobile" style="background: #ffffff; border-collapse: collapse !important; max-width: 650px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
                <tbody>
                  <tr>
                    <td align="center" bgcolor="#ffffff" style="background: #ffffff; padding-bottom: 0px; padding-top: 0" valign="top">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
                        <tbody>
                          <tr>
                            <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding: 0px 0px 20px" valign="top">
                              <p align="center" style="color: #707070; font-size: 12px; font-weight: 400; line-height: 14px; max-width: 230px; padding-bottom: 0px; text-align: center; width: 100%">Today<br> &nbsp;</p> <img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-10-2g_01.jpg" style="border: 0px; max-width: 230px; text-decoration: none; width: 100%"></td>
                            <td align="left" bgcolor="#ffffff"
                              style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding: 0px 0px 20px" valign="top">
                              <p align="center" style="color: #cccccc; font-size: 12px; font-weight: 400; line-height: 14px; max-width: 230px; padding-bottom: 0px; text-align: center; width: 100%">1st Billing<br> Jul 12</p> <img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-10-2g_02.jpg" style="border: 0px; max-width: 230px; text-decoration: none; width: 100%"></td>
                            <td align="left" bgcolor="#ffffff"
                              style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding: 0px 0px 20px" valign="top">
                              <p align="center" style="color: #cccccc; font-size: 12px; font-weight: 400; line-height: 14px; max-width: 230px; padding-bottom: 0px; text-align: center; width: 100%">Box Arrival<br> Jul 19</p> <img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-10-2g_03.jpg" style="border: 0px; max-width: 230px; text-decoration: none; width: 100%"></td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="mobile" style="background: #ffffff; border-collapse: collapse !important; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 96%">
                <tbody>
                  <tr>
                    <td align="center" bgcolor="#ffffff" style="background: #ffffff; padding-bottom: 0px; padding-top: 0" valign="top">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
                        <tbody>
                          <tr>
                            <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding: 10px 0px 20px" valign="top">
                              <h2 align="center" style="color: #707070; font-size: 22px; font-weight: 400; line-height: 32px; margin: 0; padding-bottom: 20px; text-align: center">Your first box will arrive on Wednesday, July 19th, 2017<br> <br> What recipes will be in the&nbsp;box? <a href="#" style="color: #7da33a; text-decoration: none" target="_blank">View your menu.</a></h2>
                              <p align="center" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 20px; text-align: center">You have not been billed yet. First billing is on Wednesday, July 12th.<br> Changes to your order can be made until cutoff at 12pm ET, Wednesday, July 12th.</p>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="mobile" style="background: #ffffff; border-collapse: collapse !important; border: 1px solid #d1d2d1; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 96%">
                <tbody>
                  <tr>
                    <td align="center" bgcolor="#ffffff" style="background: #ffffff; padding-bottom: 0px; padding-top: 0" valign="top">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 80%">
                        <tbody>
                          <tr>
                            <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding: 10px 0px 20px" valign="top">
                              <h2 align="center" style="color: #707070; font-size: 22px; font-weight: 400; line-height: 36px; margin: 0; padding-bottom: 20px; padding-top: 20px; text-align: center">Your Subscription Summary</h2>
                              <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
                                <tbody>
                                  <tr>
                                    <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; max-width: 80%; padding: 0px; width: 80%" valign="top">
                                      <p align="left" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: left">Gluten-free&nbsp;Subscription<br> 2-Person Plan, 6&nbsp;meals, 1&nbsp;box<br> ($13.49 per meal, $9 delivery per box)</p>
                                    </td>
                                    <td align="right" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; padding: 10x 0px 0px" valign="top">
                                      <p align="right" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: right">$89.94</p>
                                    </td>
                                  </tr>
                                  <!---->
                                  <tr>
                                    <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; max-width: 80%; padding: 0px; width: 80%" valign="top">
                                      <p align="left" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: left">First Order Promotion <br> 4 Meals FREE </p>
                                    </td>
                                    <td align="right" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; padding: 10x 0px 0px" valign="top">
                                      <p align="right" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: right"><br> -$59.96 </p>
                                    </td>
                                  </tr>
                                  <!---->
                                </tbody>
                              </table>
                              <hr>
                              <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
                                <tbody>
                                  <tr>
                                    <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; max-width: 80%; padding: 10x 0px 0px; width: 80%" valign="top">
                                      <p align="left" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: left"><strong>First Order Total</strong><br> (To be billed 07/12/2017)</p>
                                    </td>
                                    <td align="right" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; padding: 10x 0px 0px" valign="top">
                                      <p align="right" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: right"><strong>$29.98</strong></p>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="background: #ffffff; border-collapse: collapse !important; border-top-color: #D1D2D1; border-top-style: solid; border-top-width: 1px; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
                        <tbody>
                          <tr>
                            <td align="center" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding: 10x 0px 20px" valign="top">
                              <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 80%">
                                <tbody>
                                  <tr>
                                    <td align="center" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; max-width: 80%; padding: 10x 0px 0px; width: 80%" valign="top">
                                      <p align="left" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: left"><strong>Weekly Recurring Total </strong><br> (Begins 07/19/2017)</p>
                                    </td>
                                    <td align="right" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; padding: 10x 0px 0px" valign="top">
                                      <p align="right" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: right"><strong>$89.94</strong></p>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="mobile" style="background: #ffffff; border-collapse: collapse !important; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 96%">
                <tbody>
                  <tr>
                    <td align="center" bgcolor="#ffffff" style="background: #ffffff; padding-bottom: 0px; padding-top: 30px" valign="top">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; max-width: 500px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
                        <tbody>
                          <tr>
                            <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding: 10px 0px 20px" valign="top"><img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-08-03 location.png" style="border: 0px; padding-top: 10px; text-decoration: none; width: 25px"></td>
                            <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; max-width: 200px; padding: 10px 0px 20px"
                              valign="top">
                              <p align="left" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: left"><strong>Shipping Address</strong><br> Smiles Davis<br> 650 W 65th St
                                <!-- --><br> Apt 650
                                <!-- --><br> San Francisco, CA 60650</p>
                            </td>
                            <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding: 10px 0px 20px" valign="top"><img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-08-04 calendar.png" style="border: 0px; padding-top: 15px; text-decoration: none; width: 30px"><br> <br> <img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-08-05.png"
                                style="border: 0px; padding-top: 7px; text-decoration: none; width: 30px"></td>
                            <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding: 10px 0px 20px"
                              valign="top">
                              <p align="left" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: left"><strong>Delivery Day</strong><br> Wednesday<br> <br> <strong>Card</strong><br> Ending In *6500</p>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="mobile" style="background: #ffffff; border-collapse: collapse !important; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 96%">
                <tbody>
                  <tr>
                    <td align="center" bgcolor="#ffffff" style="background: #ffffff; padding-bottom: 0px; padding-top: 0" valign="top">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 80%">
                        <tbody>
                          <tr>
                            <td align="left" bgcolor="#ffffff" style="background: #ffffff; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 18px; line-height: 28px; padding: 10px 0px 20px" valign="top">
                              <p align="left" style="color: #707070; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 0px; text-align: left"><strong>Need to make changes? No problem.</strong><br> View Your Account to make any changes to your subscription. The cutoff to modify, skip, or cancel your second order is: July 19, at 12pm ET.<br> <br> <strong>Cancellation</strong>&nbsp;<br>                                For instructions on how to cancel your subscription, please email us <a href="mailto:cancel@greenchef.com" style="color: #7DA33A; text-decoration: none" target="_blank">here</a>.&nbsp;You can also call us at <a href="tel:1-888-236-7295"
                                  style="color: #7DA33A; text-decoration: none" target="_blank">888-236-7295</a>.<br> <br> <strong>Questions?</strong><br> Contact us <a href="mailto:help@greenchef.com" style="color: #7DA33A; text-decoration: none" target="_blank">here</a>.<br>                                &nbsp;</p>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
      <table align="center" bgcolor="#f4f4f4" border="0" cellpadding="0" cellspacing="0" style="background: #f4f4f4; border-collapse: collapse !important; border: 0 #f4f4f4; max-width: 650px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
        <tbody>
          <!---footer-->
          <tr>
            <td align="left" bgcolor="#f4f4f4" class="mobile footerBorder" style="background: #f4f4f4; padding: 0px 5px" valign="top">
              <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
                <tbody>
                  <tr>
                    <td align="center" style="padding-bottom: 20px" valign="top">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
                        <tbody>
                          <tr>
                            <td align="center" style="padding-bottom: 0px; padding-top: 30px" valign="top">
                              <a href="https://blog.greenchef.com/?utm_campaign=subscription_confirmation&amp;utm_content=73601&amp;utm_medium=email&amp;utm_source=Iterable" style="border: 0px; color: #7DA33A; text-decoration: none" target="_blank"><img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-16-footer_Icons_08.jpg" style="border: 0px; text-decoration: none" width="45"></a>
                              <a href="https://www.facebook.com/GreenChefPage/?utm_source=Iterable&amp;utm_content=73601&amp;utm_campaign=subscription_confirmation&amp;utm_medium=email"
                                style="border: 0px; color: #7DA33A; text-decoration: none" target="_blank"><img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-16-footer_Icons_06.jpg" style="border: 0px; text-decoration: none" width="45"></a>
                              <a href="https://twitter.com/greenchef?utm_source=Iterable&amp;utm_content=73601&amp;utm_campaign=subscription_confirmation&amp;utm_medium=email"
                                style="border: 0px; color: #7DA33A; text-decoration: none" target="_blank"><img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-16-footer_Icons_09.jpg" style="border: 0px; text-decoration: none" width="45"></a>
                              <a href="https://www.instagram.com/greenchef/?utm_campaign=subscription_confirmation&amp;utm_content=73601&amp;utm_medium=email&amp;utm_source=Iterable"
                                style="border: 0px; color: #7DA33A; text-decoration: none" target="_blank"><img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-16-footer_Icons_07.jpg" style="border: 0px; text-decoration: none" width="45"></a>
                              <a href="https://www.pinterest.com/green_chef/?utm_campaign=subscription_confirmation&amp;utm_content=73601&amp;utm_medium=email&amp;utm_source=Iterable"
                                style="border: 0px; color: #7DA33A; text-decoration: none" target="_blank"><img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-16-footer_Icons_10.jpg" style="border: 0px; text-decoration: none" width="45"></a>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="border: 1px solid #707070; padding: 20px" valign="middle">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
                        <tbody>
                          <tr>
                            <td align="center" style="padding-bottom: 0px; padding-right: 20px; padding-top: 0px" valign="middle">
                              <a href="https://greenchef.com/my-account/friends?utm_source=Iterable&amp;utm_content=73601&amp;utm_campaign=subscription_confirmation&amp;utm_medium=email" style="border: 0px; color: #7DA33A; padding-right: 5px; text-decoration: none"
                                target="_blank"><img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-16-footer_Icons_02.jpg" style="border: 0px; max-width: 200px; text-decoration: none; width: 100%"></a>
                            </td>
                            <td align="center" valign="middle">
                              <a href="https://greenchef.com/my-account/friends?utm_source=Iterable&amp;utm_content=73601&amp;utm_campaign=subscription_confirmation&amp;utm_medium=email" style="border: 0px; color: #7DA33A; text-decoration: none" target="_blank"><img src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-16-icons02_01.jpg" style="border: 0px; max-width: 200px; text-decoration: none; width: 100%"></a>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" valign="top">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
                        <tbody>
                          <tr>
                            <td align="center" style="padding-bottom: 12px; padding-top: 24px" valign="middle">
                              <a href="https://greenchef.com/?utm_campaign=subscription_confirmation&amp;utm_content=73601&amp;utm_medium=email&amp;utm_source=Iterable" style="border: 0px; color: #7DA33A; text-decoration: none" target="_blank"><img alt="Green Chef" src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-16-icons02_11.jpg" style="border: 0px; color: #3a3a3a; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 16px; text-decoration: none; width: 100px"></a>
                            </td>
                          </tr>
                          <tr>
                            <td align="center" style="padding-bottom: 0px; padding-top: 15px" valign="middle">
                              <a href="https://greenchef.com/?utm_campaign=subscription_confirmation&amp;utm_content=73601&amp;utm_medium=email&amp;utm_source=Iterable" style="border: 0px; color: #7DA33A; text-decoration: none" target="_blank"><img alt="Green Chef" height="40px" src="http://static.iterable.com/033fa65d4f964830b7cf8d6ebf276aab/16-11-16-icons02_12.jpg" style="border: 0px; color: #3a3a3a; font-family: Lato, Helevetica, Arial, sans-serif; font-size: 16px; height: 40px; max-width: 100px; text-decoration: none"></a>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
      <table bgcolor="#f4f4f4" border="0" cellpadding="0" cellspacing="0" style="background: #f4f4f4; border-collapse: collapse !important; max-width: 650px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
        <tbody>
          <tr>
            <td align="center" bgcolor="#f4f4f4" style="background: #f4f4f4; padding-bottom: 40px; padding-top: 0px" valign="top">
              <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; max-width: 550; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
                <tbody>
                  <tr>
                    <td align="center" style="padding-left: 20px; padding-right: 20px" valign="top">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse !important; max-width: 650px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
                        <tbody>
                          <!-- 100% width image (PARTITION) -->
                          <tr>
                            <td bgcolor="f4f4f4" height="20" style="font-size: 10px; line-height: 10px; max-width: 650px; width: 100%"></td>
                            <!-- Spacer -->
                          </tr>
                          <tr>
                            <td align="center" style="max-width: 650px; width: 100%" valign="top">
                              <p align="center" style="color: #b7b7b7; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0; padding: 0; text-align: center"><a href="https://greenchef.com/sign-up?utm_source=Iterable&amp;utm_content=73601&amp;utm_campaign=subscription_confirmation&amp;utm_medium=email" style="color: #b7b7b7; text-decoration: none" target="_blank">Sign Up </a>                                • <a href="https://help.greenchef.com/hc/en-us?utm_campaign=subscription_confirmation&amp;utm_content=73601&amp;utm_medium=email&amp;utm_source=Iterable" style="color: #b7b7b7; text-decoration: none" target="_blank"> FAQ </a>                                • <a href="https://help.greenchef.com/hc/en-us/requests/new?utm_source=Iterable&amp;utm_content=73601&amp;utm_campaign=subscription_confirmation&amp;utm_medium=email" style="color: #b7b7b7; text-decoration: none" target="_blank"> Contact Us </a></p>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
          <!---footer-->
        </tbody>
      </table>
    </center>
  </div>
</body>
            
          
!
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