Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <title>
   Broadcast White
  </title>
  <style type="text/css">
   @media only screen and (max-width: 600px) {
.body {
}
.body h1,
.body h2,
.body h3,
.body h4 {
font-weight: 600 !important;
}
.body h1 {
font-size: 35px !important;
}
.body h2 {
font-size: 26px !important;
}
.body h3 {
font-size: 20px !important;
}
.body .main,
.body .main.is-dark,
.body .flexibleContainer {
width: 100% !important;
}
.body .flexibleImage {
height: auto !important;
width: 100% !important;
}
.body .content {
padding: 30px !important;
}
.body .content-block {
padding: 0 30px !important;
}
.body .flexibleContainer-cell.buttonContainer {
padding: 0 30px !important;
}
.body .image-text-tile,
.body .text-image-tile {
padding: 12px 0 0 !important;
}
.body .image-text-tile .buttonWrapper,
.body .text-image-tile .buttonWrapper {
display: table !important;
}
.body .image-text-tile .stack-mobile .media-left,
.body .image-text-tile .stack-mobile .media-right,
.body .text-image-tile .stack-mobile .media-left,
.body .text-image-tile .stack-mobile .media-right {
display: block !important;
width: 100% !important;
max-width: none !important;
}
.body .image-text-tile .stack-mobile .media-right,
.body .text-image-tile .stack-mobile .media-right {
padding: 0 !important;
}
.body .image-text-tile .stack-mobile .media-right div,
.body .text-image-tile .stack-mobile .media-right div {
padding: 25px !important;
}
.body .is-hidden-mobile {
color: transparent !important;
display: none !important;
height: 0 !important;
max-height: 0 !important;
max-width: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
mso-hide: all !important;
visibility: hidden !important;
width: 0 !important;
}
.body .gridColumn-container {
width: 50%;
}
.body .gridColumn-container.middle-block {
padding: 0 6px 0 12px !important;
}
.body .gridColumn-container.last-block {
padding: 0 12px 0 6px !important;
}
.body .gridColumn h6 {
font-size: 14px !important;
margin-bottom: 0 !important;
}
.body .flexibleContainer-tileList h6 {
margin-bottom: 0 !important;
}
.body .flexibleContainer-tile {
padding-left: 0 !important;
padding-right: 0 !important;
}
.body .squareContainer {
padding-left: 0 !important;
padding-right: 0 !important;
}
.body .squareContainer > table {
border-radius: 0 !important;
}
.body .spacer {
padding: 30px !important;
}
.body .spacer.is-tiny {
padding: 6px !important;
}
.body .spacer.is-smallest {
padding: 12px !important;
}
.body .spacer.is-smaller {
padding: 20px !important;
}
.body .orderSummary {
padding: 30px !important;
}
.body .transactional_logo {
width: 40% !important;
padding: 0 15px !important;
}
.body .order_header {
width: 60% !important;
padding: 30px 30px 30px 0 !important;
}
.body .summaryTable th,
.body .summaryTable td {
font-size: 10px !important;
}
.body .summaryTable h6 {
font-size: 12px !important;
}
.body .content-addresses td {
display: block !important;
}
.body .content-addresses .has-margin-bottom {
margin-bottom: 22px !important;
}
.body .media {
border-radius: 0 !important;
}
.body .account_benefits .media-right {
padding-left: 20px !important;
}
}
@media only screen and (max-width: 480px) {
.body .buttonGroup {
text-align: center !important;
}
.body .buttonGroup-item {
display: inline-block !important;
padding: 0 !important;
padding-bottom: 12px !important;
text-align: center;
}
.body .buttonWrapper {
display: inline-block !important;
text-align: center !important;
}
}
@media only screen and (min-width: 600px) {
.body .main.is-dark .gridColumn-container {
background-color: #161616;
}
.body .gridColumn-container {
background-color: #fff;
border-radius: 4px;
}
}
  </style>
 </head>
 <body class="body" id="body" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; height: 100% !important; line-height: 1.4; margin: 0 !important; padding: 0 !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; width: 100% !important; background-color: #fff;">
  <div style="box-sizing: border-box; display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;">
   Take advantage of one of our discount programs.
  </div>
  <center>
   <!--[if mso]>
<table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td>
<![endif]-->
   <table border="0" cellpadding="0" cellspacing="0" class="main-container" height="100%" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; margin: 0; padding: 0;" width="100%">
    <tr>
     <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
      <table bgcolor="#f2f2f2" border="0" cellpadding="0" cellspacing="0" class="main" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 600px; background-color: #f2f2f2; border-radius: 4px; border: 1px solid #e5e5e5;" width="600">
       <tr>
        <td style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
          <tr>
           <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
            <!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
            <table border="0" cellpadding="0" cellspacing="0" class="centeringTable" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
               <!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                 <td align="center" class="flexibleContainer-cell" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top" width="600">
                  <!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                   <tr>
                    <td class="hero-image" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                     <a>
                      <img alt="Get your discounts ready." border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fd1a2o89e23clzw.cloudfront.net%252Femails%252F985da7c7bbd3d96b%252Fd6302188d1f2668107461121f6498d33.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMWEybzg5ZTIzYyJ9:1kXMBq:6DuRgck2TiaN6_lKVTcp9NfpugekfI1EiqCLCXb2BE4" style="-ms-interpolation-mode: bicubic; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block; max-width: 600px;" width="600"/>
                     </a>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr>
           <td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top">
           </td>
          </tr>
          <tr>
           <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
            <!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
            <table border="0" cellpadding="0" cellspacing="0" class="centeringTable" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
               <!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                 <td align="center" class="flexibleContainer-cell" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top" width="600">
                  <!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                   <tr>
                    <td class="content-block narrow" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 99.9px;" valign="top">
                     <h5 style='color: rgb(11, 11, 11); font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif; font-weight: 700; margin: 0px; font-size: 20px; text-align: initial;text-align:center;'>
                      <strong>
                       Interested in trying Huel?
                      </strong>
                     </h5>
                     <p style='font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(11, 11, 11); text-align: initial;text-align:center;'>
                      <br/>
                     </p>
                     <p style='font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(11, 11, 11); text-align: initial;text-align:center;'>
                      Here at Huel we think everyone should have access to complete nutrition. This is why we do our best make our products as affordable as possible. With meals from as low as $1.51 Huel is a great way of eating healthy while still saving those pennies.
                     </p>
                     <p style='font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(11, 11, 11); text-align: initial;text-align:center;'>
                      <br/>
                     </p>
                     <p style='font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(11, 11, 11); text-align: initial;text-align:center;'>
                      To get your hands on Huel for even cheaper check out some of our discount programs!
                     </p>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr>
           <td class="divider-img" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 30px 0;" valign="top">
            <img border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fs%252Ffiles%252F1%252F0578%252F1097%252Ffiles%252FDivider_Black_Copy.png%253Fv%253D1584523112/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXMBq:IsLEw4Xw6nIdIQgG___ycvE8Gn6eI2dD5ysDP0TtX90" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;" width="600"/>
           </td>
          </tr>
          <tr>
           <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
            <!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
            <table border="0" cellpadding="0" cellspacing="0" class="centeringTable" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
               <!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                 <td align="center" class="flexibleContainer-cell" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top" width="600">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                   <tr>
                    <td align="center" class="image-text-tile" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                     <!-- 2-COLUMN CONTENT START -->
                     <table align="center" bgcolor="transparent" border="0" cellpadding="0" cellspacing="0" class="media stack-mobile" dir="rtl" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px; overflow: hidden; border-radius: 0; background-color: transparent;" width="100%">
                      <tr>
                       <!-- Left Column -->
                       <th align="left" class="media-left" dir="ltr" style="vertical-align: middle; text-align: left; font-weight: normal; width: 200px; max-width: 200px; min-width: 100px;" valign="middle" width="200">
                        <a style="box-sizing: border-box; color: #348eda; text-decoration: underline;" target="_blank">
                         <img alt="Student discount." border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fd1a2o89e23clzw.cloudfront.net%252Femails%252F63e4192f758b1bd9%252Fc5731b66d581549b8982d82a9adf27df.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMWEybzg5ZTIzYyJ9:1kXMBq:6DuRgck2TiaN6_lKVTcp9NfpugekfI1EiqCLCXb2BE4" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;" width="200"/>
                        </a>
                       </th>
                       <!-- Right Column -->
                       <th align="left" class="media-right" dir="ltr" style="vertical-align: middle; text-align: left; font-weight: normal; padding: 10px 22px;" valign="middle" width="400">
                        <div style="box-sizing: border-box;">
                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                          <tr>
                           <td style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                            <p style="text-align:center;">
                             <strong>
                              Student Discount
                             </strong>
                            </p>
                            <p style="text-align:center;">
                             Tired of eating pesto pasta? Use our 10% discount and stock your cupboards with something that’s easy, healthy, and affordable. You won’t regret having healthy fast food lying around when you can’t be bothered to cook.
                            </p>
                           </td>
                          </tr>
                         </table>
                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                          <tr>
                           <td class="spacer is-smallest" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 24px 0 0 0;" valign="top">
                           </td>
                          </tr>
                         </table>
                         <!-- BUTTON -->
                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="buttonWrapper" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
                          <tr>
                           <td align="center" bgcolor="#0B0B0B" class="emailButton emailButton-primary" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: middle; border-radius: 4px; background-color: #0B0B0B;" valign="middle">
                            <a style="box-sizing: border-box; color: #ffffff; text-decoration: none; display: block; padding: 12px 18px; border-radius: 4px; border: solid 1px #0B0B0B; font-weight: 700; font-size: 14px;" target="_blank">
                             10% Student discount
                            </a>
                           </td>
                          </tr>
                         </table>
                         <!-- END OF BUTTON -->
                        </div>
                       </th>
                      </tr>
                     </table>
                     <!-- 2-COLUMN CONTENT END -->
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr>
           <td class="divider-img" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 30px 0;" valign="top">
            <img border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fs%252Ffiles%252F1%252F0578%252F1097%252Ffiles%252FDivider_Black_Copy.png%253Fv%253D1584523112/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXMBq:IsLEw4Xw6nIdIQgG___ycvE8Gn6eI2dD5ysDP0TtX90" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;" width="600"/>
           </td>
          </tr>
          <tr>
           <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
            <!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
            <table border="0" cellpadding="0" cellspacing="0" class="centeringTable" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
               <!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                 <td align="center" class="flexibleContainer-cell" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top" width="600">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                   <tr>
                    <td align="center" class="image-text-tile" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                     <!-- 2-COLUMN CONTENT START -->
                     <table align="center" bgcolor="transparent" border="0" cellpadding="0" cellspacing="0" class="media stack-mobile" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px; overflow: hidden; border-radius: 0; background-color: transparent;" width="100%">
                      <tr>
                       <!-- Left Column -->
                       <th align="left" class="media-left" style="vertical-align: middle; text-align: left; font-weight: normal; width: 200px; max-width: 200px; min-width: 100px;" valign="middle" width="200">
                        <a style="box-sizing: border-box; color: #348eda; text-decoration: underline;" target="_blank">
                         <img alt="Military discount. " border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fd1a2o89e23clzw.cloudfront.net%252Femails%252F985da7c7bbd3d96b%252F4a22560a255319433992559872251470.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMWEybzg5ZTIzYyJ9:1kXMBq:6DuRgck2TiaN6_lKVTcp9NfpugekfI1EiqCLCXb2BE4" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;" width="200"/>
                        </a>
                       </th>
                       <!-- Right Column -->
                       <th align="left" class="media-right" style="vertical-align: middle; text-align: left; font-weight: normal; padding: 10px 22px;" valign="middle" width="400">
                        <div style="box-sizing: border-box;">
                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                          <tr>
                           <td style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                            <p style="text-align:center;">
                             <strong>
                              Military discount
                             </strong>
                            </p>
                            <p style="text-align:center;">
                             Are you in the Armed Forces? Just log on and verify your military status and we’ll give you 10% off everything you order. Consider this our way of saying thanks!
                            </p>
                           </td>
                          </tr>
                         </table>
                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                          <tr>
                           <td class="spacer is-smallest" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 24px 0 0 0;" valign="top">
                           </td>
                          </tr>
                         </table>
                         <!-- BUTTON -->
                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="buttonWrapper" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
                          <tr>
                           <td align="center" bgcolor="#0B0B0B" class="emailButton emailButton-primary" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: middle; border-radius: 4px; background-color: #0B0B0B;" valign="middle">
                            <a style="box-sizing: border-box; color: #ffffff; text-decoration: none; display: block; padding: 12px 18px; border-radius: 4px; border: solid 1px #0B0B0B; font-weight: 700; font-size: 14px;" target="_blank">
                             10% Military discount
                            </a>
                           </td>
                          </tr>
                         </table>
                         <!-- END OF BUTTON -->
                        </div>
                       </th>
                      </tr>
                     </table>
                     <!-- 2-COLUMN CONTENT END -->
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr>
           <td class="divider-img" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 30px 0;" valign="top">
            <img border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fs%252Ffiles%252F1%252F0578%252F1097%252Ffiles%252FDivider_Black_Copy.png%253Fv%253D1584523112/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXMBq:IsLEw4Xw6nIdIQgG___ycvE8Gn6eI2dD5ysDP0TtX90" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;" width="600"/>
           </td>
          </tr>
          <tr>
           <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
            <!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
            <table border="0" cellpadding="0" cellspacing="0" class="centeringTable" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
               <!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                 <td align="center" class="flexibleContainer-cell" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top" width="600">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                   <tr>
                    <td align="center" class="image-text-tile" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                     <!-- 2-COLUMN CONTENT START -->
                     <table align="center" bgcolor="transparent" border="0" cellpadding="0" cellspacing="0" class="media stack-mobile" dir="rtl" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px; overflow: hidden; border-radius: 0; background-color: transparent;" width="100%">
                      <tr>
                       <!-- Left Column -->
                       <th align="left" class="media-left" dir="ltr" style="vertical-align: middle; text-align: left; font-weight: normal; width: 200px; max-width: 200px; min-width: 100px;" valign="middle" width="200">
                        <a style="box-sizing: border-box; color: #348eda; text-decoration: underline;" target="_blank">
                         <img alt="Subscribe and Save." border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fd1a2o89e23clzw.cloudfront.net%252Femails%252F63e4192f758b1bd9%252F6684eabcf16ad660db7956a530bd4b6a.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMWEybzg5ZTIzYyJ9:1kXMBq:6DuRgck2TiaN6_lKVTcp9NfpugekfI1EiqCLCXb2BE4" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;" width="200"/>
                        </a>
                       </th>
                       <!-- Right Column -->
                       <th align="left" class="media-right" dir="ltr" style="vertical-align: middle; text-align: left; font-weight: normal; padding: 10px 22px;" valign="middle" width="400">
                        <div style="box-sizing: border-box;">
                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                          <tr>
                           <td style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                            <p style="text-align:center;">
                             <strong>
                              Subscribe and save
                             </strong>
                            </p>
                            <p style="text-align:center;">
                             If you fancy becoming a regular Hueligan, you can get 10% off any of your orders when you subscribe. Our subscriptions are incredibly flexible which means you’ll always have just the right amount of Huel.
                            </p>
                           </td>
                          </tr>
                         </table>
                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                          <tr>
                           <td class="spacer is-smallest" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 24px 0 0 0;" valign="top">
                           </td>
                          </tr>
                         </table>
                         <!-- BUTTON -->
                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="buttonWrapper" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
                          <tr>
                           <td align="center" bgcolor="#0B0B0B" class="emailButton emailButton-primary" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: middle; border-radius: 4px; background-color: #0B0B0B;" valign="middle">
                            <a style="box-sizing: border-box; color: #ffffff; text-decoration: none; display: block; padding: 12px 18px; border-radius: 4px; border: solid 1px #0B0B0B; font-weight: 700; font-size: 14px;" target="_blank">
                             10% off subscriptions
                            </a>
                           </td>
                          </tr>
                         </table>
                         <!-- END OF BUTTON -->
                        </div>
                       </th>
                      </tr>
                     </table>
                     <!-- 2-COLUMN CONTENT END -->
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr>
           <td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top">
           </td>
          </tr>
          <tr>
           <td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top">
           </td>
          </tr>
          <tr>
           <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
            <!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
            <table border="0" cellpadding="0" cellspacing="0" class="centeringTable" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
               <!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                 <td align="center" class="flexibleContainer-cell" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top" width="600">
                  <!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                   <tr>
                    <td class="content-block narrow" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 99.9px;" valign="top">
                     <p style='font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(11, 11, 11); text-align: initial;text-align:center;'>
                      The list is endless!
                     </p>
                     <p style='font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(11, 11, 11); text-align: initial;text-align:center;'>
                      We also offer
                      <a rel="noopener noreferrer" style="box-sizing: border-box; color: rgb(52, 142, 218); text-decoration: underline; text-align: initial;color: rgb(52, 142, 218);" target="_blank">
                       medical staff
                      </a>
                      and
                      <a rel="noopener noreferrer" style="box-sizing: border-box; color: rgb(52, 142, 218); text-decoration: underline; text-align: initial;color: rgb(52, 142, 218);" target="_blank">
                       first responder discount
                      </a>
                      for all of you who are working hard everyday to make sure we are safe.
                     </p>
                     <p style='font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(11, 11, 11); text-align: initial;text-align:center;'>
                      You guys are all amazing, Thank you ❤️
                     </p>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr>
           <td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top">
           </td>
          </tr>
          <tr>
           <td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top">
           </td>
          </tr>
          <tr>
           <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
            <!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
            <table border="0" cellpadding="0" cellspacing="0" class="centeringTable" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
               <!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                 <td align="center" class="flexibleContainer-cell" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top" width="600">
                  <!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                   <tr>
                    <td class="hero-image" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                     <a>
                      <img alt="Shop Hot &amp; Savory Today" border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fd1a2o89e23clzw.cloudfront.net%252Femails%252F985da7c7bbd3d96b%252F00118850869509472521307f5c0d2f0d.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMWEybzg5ZTIzYyJ9:1kXMBq:6DuRgck2TiaN6_lKVTcp9NfpugekfI1EiqCLCXb2BE4" style="-ms-interpolation-mode: bicubic; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block; max-width: 600px;" width="600"/>
                     </a>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr>
           <td class="divider-img" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 30px 0;" valign="top">
            <img border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fs%252Ffiles%252F1%252F0578%252F1097%252Ffiles%252FDivider_Black_Copy.png%253Fv%253D1584523112/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXMBq:IsLEw4Xw6nIdIQgG___ycvE8Gn6eI2dD5ysDP0TtX90" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;" width="600"/>
           </td>
          </tr>
          <tr>
           <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
            <!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
            <table border="0" cellpadding="0" cellspacing="0" class="centeringTable" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
               <!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                 <td align="center" class="flexibleContainer-cell" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top" width="600">
                  <!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                   <tr>
                    <td class="content-block narrow" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 99.9px;" valign="top">
                     <h5 style='color: rgb(11, 11, 11); font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif; font-weight: 700; margin: 0px; font-size: 20px; text-align: initial;text-align:center;'>
                      <strong>
                       Shop Huel
                      </strong>
                     </h5>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr>
           <td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top">
           </td>
          </tr>
          <tr>
           <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
            <!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
            <table border="0" cellpadding="0" cellspacing="0" class="centeringTable" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
               <!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                 <td align="center" class="flexibleContainer-cell grid" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top" width="600">
                  <!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
                  <!-- 2-COLUMN CONTENT START -->
                  <!--jinja:data-->
                  <!-- -->
                  <table border="0" cellpadding="0" cellspacing="12" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                   <!-- LOOP START -->
                   <tr>
                    <td align="center" bgcolor="#ffffff" class="gridColumn productColumn" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: middle; background-color: #ffffff; border-radius: 4px; overflow: hidden; width: 50%;" valign="middle" width="50%">
                     <a style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" target="_blank">
                      <img border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3.eu-west-2.amazonaws.com%252Fhuel.io%252Femail-assets%252F2020-assets%252Ftomato-basil-curry-1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5ldS13ZXN0LSJ9:1kXMBq:0U-OI082x0Z7IAhb1PakqSG9I4Je7ly6K3QUCK_oYG8" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;" width="264"/>
                      <h6 style="color: #0B0B0B; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; font-size: 18px; margin-bottom: 10px; padding: 12px;">
                       Huel Hot &amp; Savory
                      </h6>
                     </a>
                    </td>
                    <td align="center" bgcolor="#ffffff" class="gridColumn productColumn" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: middle; background-color: #ffffff; border-radius: 4px; overflow: hidden; width: 50%;" valign="middle" width="50%">
                     <a style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" target="_blank">
                      <img border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3.eu-west-2.amazonaws.com%252Fhuel.io%252Femail-assets%252F2020-assets%252Fhuel.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5ldS13ZXN0LSJ9:1kXMBq:0U-OI082x0Z7IAhb1PakqSG9I4Je7ly6K3QUCK_oYG8" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;" width="264"/>
                      <h6 style="color: #0B0B0B; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; font-size: 18px; margin-bottom: 10px; padding: 12px;">
                       Huel Powder v3.0
                      </h6>
                     </a>
                    </td>
                   </tr>
                   <!-- LOOP START -->
                  </table>
                  <!-- 2-COLUMN CONTENT END -->
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr>
           <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
            <!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
            <table border="0" cellpadding="0" cellspacing="0" class="centeringTable" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
             <tr>
              <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
               <!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                 <td align="center" class="flexibleContainer-cell" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top" width="600">
                  <!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                   <tr>
                    <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                     <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                      <tr>
                       <td class="side-gutter-md is-hidden-mobile" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #0B0B0B; vertical-align: top; font-size: 1px; line-height: 1px; -mso-line-height: 1px; padding: 0 6px;" valign="top" width="12">
                       </td>
                       <!-- First Square Block -->
                       <td class="gridColumn-container is-hidden-mobile" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: middle;" valign="middle">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                         <tr>
                          <td align="center" bgcolor="#ffffff" class="gridColumn is-hidden-mobile" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; background-color: #ffffff; border-radius: 4px; overflow: hidden;" valign="top" width="184">
                           <table align="center" border="0" cellpadding="0" cellspacing="0" class="footerIcon" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding: 22px; text-align: center;" width="100%">
                            <tr>
                             <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                              <a style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" target="_blank">
                               <img border="0" height="30" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3.eu-west-2.amazonaws.com%252Fhuel.io%252Femail-assets%252F2020-assets%252Fsubs-black.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5ldS13ZXN0LSJ9:1kXMBq:0U-OI082x0Z7IAhb1PakqSG9I4Je7ly6K3QUCK_oYG8" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;" width="30"/>
                               <p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; margin: 0; color: #0B0B0B; font-size: 14px; font-weight: 700; margin-top: 10px;">
                                Subscribe &amp; Save
                               </p>
                              </a>
                             </td>
                            </tr>
                           </table>
                          </td>
                         </tr>
                        </table>
                       </td>
                       <td class="side-gutter-md is-hidden-mobile" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #0B0B0B; vertical-align: top; font-size: 1px; line-height: 1px; -mso-line-height: 1px; padding: 0 6px;" valign="top" width="12">
                       </td>
                       <!-- Second Square Block -->
                       <td class="gridColumn-container middle-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: middle;" valign="middle">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                         <tr>
                          <td align="center" bgcolor="#ffffff" class="gridColumn" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; background-color: #ffffff; border-radius: 4px; overflow: hidden;" valign="top" width="184">
                           <table align="center" border="0" cellpadding="0" cellspacing="0" class="footerIcon" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding: 22px; text-align: center;" width="100%">
                            <tr>
                             <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                              <a style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" target="_blank">
                               <img border="0" height="30" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3.eu-west-2.amazonaws.com%252Fhuel.io%252Femail-assets%252F2020-assets%252Fh-black.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5ldS13ZXN0LSJ9:1kXMBq:0U-OI082x0Z7IAhb1PakqSG9I4Je7ly6K3QUCK_oYG8" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;" width="30"/>
                               <p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; margin: 0; color: #0B0B0B; font-size: 14px; font-weight: 700; margin-top: 10px;">
                                Account Login
                               </p>
                              </a>
                             </td>
                            </tr>
                           </table>
                          </td>
                         </tr>
                        </table>
                       </td>
                       <td class="side-gutter-md is-hidden-mobile" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #0B0B0B; vertical-align: top; font-size: 1px; line-height: 1px; -mso-line-height: 1px; padding: 0 6px;" valign="top" width="12">
                       </td>
                       <td class="gridColumn-container last-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: middle;" valign="middle">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                         <tr>
                          <!-- Third Square Block -->
                          <td align="center" bgcolor="#ffffff" class="gridColumn" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; background-color: #ffffff; border-radius: 4px; overflow: hidden;" valign="top" width="184">
                           <table align="center" border="0" cellpadding="0" cellspacing="0" class="footerIcon" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding: 22px; text-align: center;" width="100%">
                            <tr>
                             <td align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                              <a style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" target="_blank">
                               <img border="0" height="30" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3.eu-west-2.amazonaws.com%252Fhuel.io%252Femail-assets%252F2020-assets%252Fbox-black.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5ldS13ZXN0LSJ9:1kXMBq:0U-OI082x0Z7IAhb1PakqSG9I4Je7ly6K3QUCK_oYG8" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;" width="30"/>
                               <p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; margin: 0; color: #0B0B0B; font-size: 14px; font-weight: 700; margin-top: 10px;">
                                Shop Huel
                               </p>
                              </a>
                             </td>
                            </tr>
                           </table>
                          </td>
                         </tr>
                        </table>
                       </td>
                       <td class="side-gutter-md is-hidden-mobile" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #0B0B0B; vertical-align: top; font-size: 1px; line-height: 1px; -mso-line-height: 1px; padding: 0 6px;" valign="top" width="12">
                       </td>
                      </tr>
                     </table>
                    </td>
                   </tr>
                   <tr>
                    <td style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
                     <table border="0" cellpadding="0" cellspacing="12" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                      <tr>
                       <td align="center" class="squareContainer footerLinks" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 !important;" valign="top">
                        <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border-radius: 4px; background-color: #ffffff;" width="100%">
                         <!-- LOGO -->
                         <tr>
                          <td class="footer-logo" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; max-width: 600px; width: 100%; padding-left: 15px;" valign="top" width="100%">
                           <a style="box-sizing: border-box; color: #348eda; text-decoration: underline;" target="_blank">
                            <img src="https://inboxflows.com/_/image/https%253A%252F%252Fs3.eu-west-2.amazonaws.com%252Fhuel.io%252Femail-assets%252F2020-assets%252Fhuel-logo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5ldS13ZXN0LSJ9:1kXMBq:0U-OI082x0Z7IAhb1PakqSG9I4Je7ly6K3QUCK_oYG8" style="-ms-interpolation-mode: bicubic; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none; max-width: 100px; display: block; width: 100%;"/>
                           </a>
                          </td>
                         </tr>
                         <!-- SOCIAL ICONS -->
                         <tr>
                          <td class="social-links" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 30px; min-width: 100%;" valign="top">
                           <table border="0" cellpadding="0" cellspacing="0" class="social-icons-container" role="presentation" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding: 30px 0; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;" width="100%">
                            <tr>
                             <td class="social-icon" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; width: 10%; min-width: 40px;" valign="top" width="10%">
                              <a style="box-sizing: border-box; color: #348eda; text-decoration: underline;" target="_blank">
                               <img height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3.eu-west-2.amazonaws.com%252Fhuel.io%252Femail-assets%252F2020-assets%252Ffacebook-black.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5ldS13ZXN0LSJ9:1kXMBq:0U-OI082x0Z7IAhb1PakqSG9I4Je7ly6K3QUCK_oYG8" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: 18px; width: 18px;" width="18"/>
                              </a>
                             </td>
                             <td class="social-icon" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; width: 10%; min-width: 40px;" valign="top" width="10%">
                              <a style="box-sizing: border-box; color: #348eda; text-decoration: underline;" target="_blank">
                               <img height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3.eu-west-2.amazonaws.com%252Fhuel.io%252Femail-assets%252F2020-assets%252Ftwitter.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5ldS13ZXN0LSJ9:1kXMBq:0U-OI082x0Z7IAhb1PakqSG9I4Je7ly6K3QUCK_oYG8" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: 18px; width: 18px;" width="18"/>
                              </a>
                             </td>
                             <td class="social-icon" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; width: 10%; min-width: 40px;" valign="top" width="10%">
                              <a style="box-sizing: border-box; color: #348eda; text-decoration: underline;" target="_blank">
                               <img height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3.eu-west-2.amazonaws.com%252Fhuel.io%252Femail-assets%252F2020-assets%252Finstaram.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5ldS13ZXN0LSJ9:1kXMBq:0U-OI082x0Z7IAhb1PakqSG9I4Je7ly6K3QUCK_oYG8" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: 18px; width: 18px;" width="18"/>
                              </a>
                             </td>
                             <td class="empty-icon-space" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; width: 70%;" valign="top" width="70%">
                             </td>
                            </tr>
                           </table>
                          </td>
                         </tr>
                         <!-- FOOTER CONTENT -->
                         <tr>
                          <td class="footer-notice" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; width: 100%; margin-bottom: 0; padding: 30px;" valign="top" width="100%">
                           <p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; font-weight: normal; margin: 0; margin-bottom: 25px; font-size: 12px; color: #606060;">
                            You have received this email because you are on our mailing list. If you would prefer not to receive further emails from Huel you can unsubscribe below.
                            <br/>
                            You can re-subscribe at any time by visiting our website at
                            <a style="box-sizing: border-box; color: #606060; text-decoration: none; font-size: 12px;">
                             huel.com
                            </a>
                           </p>
                           <p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; font-weight: normal; margin: 0; margin-bottom: 25px; font-size: 12px; color: #606060;">
                            HUEL LTD is a limited company registered in England and Wales with registered number 07907551 with its registered office at Unit 6 Icknield Way Industrial Estate, Icknield Way, Tring, United Kingdom, HP23 4RN
                           </p>
                           <p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; font-weight: normal; margin: 0; font-size: 12px; color: #606060;">
                            <a style="box-sizing: border-box; color: #606060; text-decoration: none; font-size: 12px;" target="_blank">
                             Unsubscribe
                            </a>
                            <span>
                             |
                            </span>
                            <a style="box-sizing: border-box; color: #606060; text-decoration: none; font-size: 12px;" target="_blank">
                             Manage my preferences
                            </a>
                           </p>
                          </td>
                         </tr>
                        </table>
                       </td>
                      </tr>
                     </table>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
   <!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
  </center>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fcoms.huel.com%252Fq%252FiWU4yVqpoM3CXDTH0ssUCw~~%252FAAAAAQA~%252FRgRhcXKEPlcHb21ldHJpYUIKAByE7Y5fDjbAglITNWJmNmI5NTRAdWlmZWVkLmNvbVgEAAAAWA~~/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjb21zLmh1ZWwuYyJ9:1kXMBq:DzKIhv87F7jN0Xma5hDbGkfKyecKsC6CFl0g9gNj_-w" width="1"/>
 </body>
</html>