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;">
   Get your HIIT on with Huel's PT.
  </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="Time to get moving." border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fd1a2o89e23clzw.cloudfront.net%252Femails%252F63e4192f758b1bd9%252Fa7342e891d61bce8a26bc1b3b41938a4.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMWEybzg5ZTIzYyJ9:1lMtT8:ZMAdZlJ_s_QVxeUow2_C4P1OsT7LVnE9GFOYkvyUpUs" 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 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" 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 60px;" 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;'>
                      <br/>
                     </h5>
                     <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>
                       Why we need exercise
                      </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;'>
                      While good nutrition is super duper important for keeping your body healthy, exercise has it's positives too. There are long term benefits like reducing your risk of heart disease and diabetes, but also short term benefits like the positive impact it has on your mental health 🖤
                     </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>
                    </td>
                   </tr>
                  </table>
                 </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" 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 buttonContainer" 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 60px;" valign="top" width="600">
                  <!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
The emailButton table's width can be changed
to affect the look of the button. To make the
button width dependent on the text inside, set
the width to "auto". Otherwise it will expand
to 100%.
-->
                  <!-- BUTTON -->
                  <table 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 data-msys-linkname="2:0:0" 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">
                      Shop Now
                     </a>
                    </td>
                   </tr>
                  </table>
                  <!-- END OF BUTTON -->
                 </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:1lMtT8:SFEz-CQo5t6zhko1lyJBVk7szaMV4ZyOWYKhLeT1AJI" 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" 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 60px;" 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;'>
                      <strong style="font-size: 18px;">
                       🔥 20 minutes of HIIT let's GOOO 💪
                      </strong>
                     </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;'>
                      It's kind of a no brainer that we should be fitting in a lil workout whenever we can. Why not try our workout with Huel's PT to get that body moving.
                     </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;'>
                      🙅 No equipment needed
                     </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;'>
                      🔲 Minimal space required
                     </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;'>
                      🏋️ Full body workout
                     </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>
                    </td>
                   </tr>
                  </table>
                 </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" 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="Watch our workout video" border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fd1a2o89e23clzw.cloudfront.net%252Femails%252F63e4192f758b1bd9%252Fbd06b96bc312f27399daf8d462e32269.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMWEybzg5ZTIzYyJ9:1lMtT8:ZMAdZlJ_s_QVxeUow2_C4P1OsT7LVnE9GFOYkvyUpUs" 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 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" 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 60px;" 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;'>
                      <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;'>
                      <span style="color: rgb(11, 11, 11); font-size: 14px;">
                       Please note that you should always consult your doctor or other healthcare professional before participating in a new exercise program.
                      </span>
                     </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:1lMtT8:SFEz-CQo5t6zhko1lyJBVk7szaMV4ZyOWYKhLeT1AJI" 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="Exercise buddy." border="0" class="flexibleImage" height="undefined" src="https://inboxflows.com/_/image/https%253A%252F%252Fd1a2o89e23clzw.cloudfront.net%252Femails%252F63e4192f758b1bd9%252Fa0a4a19e5210d0c74085fdf374c42e27.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMWEybzg5ZTIzYyJ9:1lMtT8:ZMAdZlJ_s_QVxeUow2_C4P1OsT7LVnE9GFOYkvyUpUs" 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 style="font-size: 18px;">
                              We've got your perfect exercise buddy.
                             </strong>
                            </p>
                            <p style="text-align:center;">
                             <span style="font-size: 14px;">
                              Huel as a meal provides the right amount of protein, essential fats, carbohydrates, fiber, vitamins &amp; minerals. What a better way to let your body recharge after a workout than cracking out a Huel shake?
                             </span>
                            </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">
                             Shop Now
                            </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:1lMtT8:SFEz-CQo5t6zhko1lyJBVk7szaMV4ZyOWYKhLeT1AJI" 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="Food to avoid and include when exercising " border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fd1a2o89e23clzw.cloudfront.net%252Femails%252F63e4192f758b1bd9%252F1a3905b54093bc9149c9cd726118b2bf.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMWEybzg5ZTIzYyJ9:1lMtT8:ZMAdZlJ_s_QVxeUow2_C4P1OsT7LVnE9GFOYkvyUpUs" 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 style="font-size: 18px;">
                              Make sure you eat the right stuff
                             </strong>
                            </p>
                            <p style="text-align:center;">
                             While we know exercise is important, it’s much harder to workout when your body hasn’t been fuelled with food that's good for ya. Wanna know what foods you should be tuckin' into and which ones to avoid? Check out our article below.
                            </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">
                             Read the article
                            </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:1lMtT8:SFEz-CQo5t6zhko1lyJBVk7szaMV4ZyOWYKhLeT1AJI" 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" 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 60px;" 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;'>
                      <strong style="font-size: 18px;">
                       Shop Huel now
                      </strong>
                     </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>
                    </td>
                   </tr>
                  </table>
                 </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" 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:1lMtT8:8XETN0IOydKgVlzSQbhbbm4egK8bJj6IBK2oOIXequ4" 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-be.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5ldS13ZXN0LSJ9:1lMtT8:8XETN0IOydKgVlzSQbhbbm4egK8bJj6IBK2oOIXequ4" 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 Black Edition
                      </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:1lMtT8:8XETN0IOydKgVlzSQbhbbm4egK8bJj6IBK2oOIXequ4" 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:1lMtT8:8XETN0IOydKgVlzSQbhbbm4egK8bJj6IBK2oOIXequ4" 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:1lMtT8:8XETN0IOydKgVlzSQbhbbm4egK8bJj6IBK2oOIXequ4" 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:1lMtT8:8XETN0IOydKgVlzSQbhbbm4egK8bJj6IBK2oOIXequ4" 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:1lMtT8:8XETN0IOydKgVlzSQbhbbm4egK8bJj6IBK2oOIXequ4" 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:1lMtT8:8XETN0IOydKgVlzSQbhbbm4egK8bJj6IBK2oOIXequ4" 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:1lMtT8:8XETN0IOydKgVlzSQbhbbm4egK8bJj6IBK2oOIXequ4" 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 class="unsubLinks unsubLinks--visible" style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; font-weight: normal; margin: 0; display: inherit; opacity: 1; visibility: visible; 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/http%253A%252F%252Fclickom.huel.com%252Fq%252FNAbnRXP6hdfETOP5rij0wQ~~%252FAAAAAQA~%252FRgRiNeYHPlcHb21ldHJpYUIKYFMHYVNgXSMF71ITNWJmNmI5NTRAdWlmZWVkLmNvbVgEAAAAWA~~/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmNsaWNrb20uaHVlbCJ9:1lMtT8:XVXH-7X7p63opcLWI-ZbbhtIutG6-H2K7ZyBcTX-wEY" width="1"/>
 </body>
</html>