<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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>
<meta name='robots' content='noindex' />
</head>
<body id="body" class="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;">
Here are 3 articles to help you out.
</div> <center>
<!--[if mso]>
<table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td>
<![endif]-->
<table class="main-container" role="presentation" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; margin: 0; padding: 0;">
<tr>
<td align="center" valign="top" 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;">
<table class="main" width="600" role="presentation" border="0" cellpadding="0" cellspacing="0" 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;" bgcolor="#f2f2f2">
<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 role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" 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;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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 target="_blank" href="" ><img class="flexibleImage" src="https://d1a2o89e23clzw.cloudfront.net/emails/63e4192f758b1bd9/6671e0aece58c3afc2bfcaed90f2e662.png" width="600" border="0" style="-ms-interpolation-mode: bicubic; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block; max-width: 600px;" alt="3 articles you might have missed."></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" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" 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;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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>Balanced nutrition without the fuss</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;">Learning the ins and outs of nutrition can be soo complicated. But with all Huel products being nutritionally complete you don't need to worry one bit, as our nutrition experts have done all the work for you!</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" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell buttonContainer" align="center" valign="top" width="600" 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;">
<!--
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 class="buttonWrapper" role="presentation" border="0" cellspacing="0" cellpadding="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
<tr>
<td class="emailButton emailButton-primary " 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: middle; border-radius: 4px; background-color: #0B0B0B;" valign="middle" bgcolor="#0B0B0B">
<a target="_blank" href="" target="_blank" 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;" data-msys-linkname="3:0:0">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 class="flexibleImage" width="600" src="https://cdn.shopify.com/s/files/1/0578/1097/files/Divider_Black_Copy.png?v=1584523112" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;">
</td>
</tr><tr>
<td align="center" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" 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;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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>It's time to get clued up</strong></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;"><br></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;">It can be good to learn a bit though, right? Especially so you can make some healthy choices whenever you aren't having Huel.</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;">Did you know our in-house nutrition team regularly put together articles talking about nutrition and all things Huel? Here are a few of the highlights that we think would be good for you!</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 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" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" 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;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="image-text-tile" align="center" valign="top" 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;">
<!-- 2-COLUMN CONTENT START -->
<table class="media stack-mobile" dir="rtl" role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" 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%" bgcolor="transparent">
<tr>
<!-- Left Column -->
<th class="media-left" dir="ltr" width="200" valign="middle" style="vertical-align: middle; text-align: left; font-weight: normal; width: 200px; max-width: 200px; min-width: 100px;" align="left">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img class="flexibleImage" src="https://d1a2o89e23clzw.cloudfront.net/emails/985da7c7bbd3d96b/57efa52519970f81d998f879df1ffc52.png" alt="Beginners guide to nutrition." width="200" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;">
</a>
</th>
<!-- Right Column -->
<th class="media-right" dir="ltr" width="400" valign="middle" style="vertical-align: middle; text-align: left; font-weight: normal; padding: 10px 22px;" align="left">
<div style="box-sizing: border-box;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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>The Beginner's Guide to Nutrition</strong></p><p style="text-align:center;">The human body needs a number of essential nutrients. All of them can be broken down into macronutrients (carbs, protein, fat) and micronutrients (vitamins and minerals). It's how much of them we need and where we can get them from that's the key.</p></td>
</tr>
</table>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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 class="buttonWrapper" role="presentation" border="0" cellspacing="0" cellpadding="0" align="center" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
<tr>
<td class="emailButton emailButton-primary" 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: middle; border-radius: 4px; background-color: #0B0B0B;" valign="middle" bgcolor="#0B0B0B">
<a target="_blank" href="" target="_blank" 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;" >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="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" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" 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;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="image-text-tile" align="center" valign="top" 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;">
<!-- 2-COLUMN CONTENT START -->
<table class="media stack-mobile" role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" 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%" bgcolor="transparent">
<tr>
<!-- Left Column -->
<th class="media-left" width="200" valign="middle" style="vertical-align: middle; text-align: left; font-weight: normal; width: 200px; max-width: 200px; min-width: 100px;" align="left">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img class="flexibleImage" src="https://d1a2o89e23clzw.cloudfront.net/emails/63e4192f758b1bd9/ba464064fcb9c02e51dd20e8894692b0.png" alt="What people ask about Huel" width="200" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;">
</a>
</th>
<!-- Right Column -->
<th class="media-right" width="400" valign="middle" style="vertical-align: middle; text-align: left; font-weight: normal; padding: 10px 22px;" align="left">
<div style="box-sizing: border-box;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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>What people ask about Huel</strong></p><p style="text-align:center;">'Nutritionally complete' food is a new concept for many Hueligans. That's why we totally get why you have loads of questions. We've put together some of the most popular ones for anyone who is new to Huel. So if something is puzzling you a little then take a look!</p></td>
</tr>
</table>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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 class="buttonWrapper" role="presentation" border="0" cellspacing="0" cellpadding="0" align="center" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
<tr>
<td class="emailButton emailButton-primary" 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: middle; border-radius: 4px; background-color: #0B0B0B;" valign="middle" bgcolor="#0B0B0B">
<a target="_blank" href="" target="_blank" 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;" >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="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" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" 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;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="image-text-tile" align="center" valign="top" 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;">
<!-- 2-COLUMN CONTENT START -->
<table class="media stack-mobile" dir="rtl" role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" 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%" bgcolor="transparent">
<tr>
<!-- Left Column -->
<th class="media-left" dir="ltr" width="200" valign="middle" style="vertical-align: middle; text-align: left; font-weight: normal; width: 200px; max-width: 200px; min-width: 100px;" align="left">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img class="flexibleImage" src="https://d1a2o89e23clzw.cloudfront.net/emails/63e4192f758b1bd9/cd2515c4b562e2d52d0b0309cb7b8299.png" alt="Nutrition Myth-busting" width="200" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;">
</a>
</th>
<!-- Right Column -->
<th class="media-right" dir="ltr" width="400" valign="middle" style="vertical-align: middle; text-align: left; font-weight: normal; padding: 10px 22px;" align="left">
<div style="box-sizing: border-box;"><p style="text-align:center;"><strong>Common nutrition myths</strong></p><p style="text-align:center;">Skipping meals is the way forward isn't it? And eating before bed is bad, right? 🤦 Well, we think it's time to separate the fact from the fiction, so our nutrition team have put together exactly what you need to know. </p></div>
</th>
</tr>
</table>
<!-- 2-COLUMN CONTENT END -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><tr>
<td align="center" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell buttonContainer" valign="top" width="600" 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;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table class="buttonGroup" role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<!-- BUTTON 1 -->
<td class="buttonGroup-item" align="right" valign="top" width="160" 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 20px 0 0;">
<!-- BUTTON -->
<table class="buttonWrapper" role="presentation" border="0" cellspacing="0" cellpadding="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
<tr>
<td class="emailButton emailButton-primary " 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: middle; border-radius: 4px; background-color: #0B0B0B;" valign="middle" bgcolor="#0B0B0B">
<a target="_blank" href="" target="_blank" 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;" data-msys-linkname="12:0:0">Read the article</a>
</td>
</tr>
</table>
<!-- END OF BUTTON -->
</td>
<!-- BUTTON 2 -->
<td class="buttonGroup-item" valign="top" width="160" 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 20px 0 0;">
<!-- BUTTON -->
<table class="buttonWrapper" role="presentation" border="0" cellspacing="0" cellpadding="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
<tr>
<td class="emailButton emailButton-primary " 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: middle; border-radius: 4px; background-color: #0B0B0B;" valign="middle" bgcolor="#0B0B0B">
<a target="_blank" href="" target="_blank" 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;" data-msys-linkname="12:1:0">Watch IGTV</a>
</td>
</tr>
</table>
<!-- END OF BUTTON -->
</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 class="flexibleImage" width="600" src="https://cdn.shopify.com/s/files/1/0578/1097/files/Divider_Black_Copy.png?v=1584523112" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;">
</td>
</tr><tr>
<td align="center" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" 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;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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 target="_blank" href="" ><img class="flexibleImage" src="https://d1a2o89e23clzw.cloudfront.net/emails/985da7c7bbd3d96b/bad6e2d5d3ace596a6c291069cffca3d.png" width="600" border="0" style="-ms-interpolation-mode: bicubic; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block; max-width: 600px;" alt="Refer a friend. GIve $15 off, get $15 off."></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 class="flexibleImage" width="600" src="https://cdn.shopify.com/s/files/1/0578/1097/files/Divider_Black_Copy.png?v=1584523112" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: auto; display: block;">
</td>
</tr><tr>
<td align="center" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" 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;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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"><h2 style="text-align:center;">Shop Huel</h2></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><tr>
<td align="center" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell grid" align="center" valign="top" width="600" 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;">
<!--
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 role="presentation" border="0" cellpadding="0" cellspacing="12" 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 class="gridColumn productColumn" width="50%" align="center" valign="middle" 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%;" bgcolor="#ffffff">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/tomato-basil-curry-1.png" width="264" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<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 & Savory</h6>
</a>
</td>
<td class="gridColumn productColumn" width="50%" align="center" valign="middle" 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%;" bgcolor="#ffffff">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/huel-be.jpg" width="264" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<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" valign="top" 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;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<!--
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 class="flexibleContainer" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" 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;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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" valign="top" 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;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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" width="12" 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"></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 role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="gridColumn is-hidden-mobile" width="184" 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; background-color: #ffffff; border-radius: 4px; overflow: hidden;" valign="top" bgcolor="#ffffff">
<table class="footerIcon" role="presentation" border="0" cellpadding="0" cellspacing="0" 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%" align="center">
<tr>
<td align="center" valign="top" 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;">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/subs-black.png" width="30" height="30" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<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 & Save</p>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="side-gutter-md is-hidden-mobile" width="12" 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"></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 role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="gridColumn" width="184" align="center" valign="top" 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;" bgcolor="#ffffff">
<table class="footerIcon" role="presentation" border="0" cellpadding="0" cellspacing="0" 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%" align="center">
<tr>
<td align="center" valign="top" 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;">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/h-black.png" width="30" height="30" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<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" width="12" 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"></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 role="presentation" border="0" cellpadding="0" cellspacing="0" 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 class="gridColumn" width="184" align="center" valign="top" 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;" bgcolor="#ffffff">
<table class="footerIcon" role="presentation" border="0" cellpadding="0" cellspacing="0" 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%" align="center">
<tr>
<td align="center" valign="top" 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;">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/box-black.png" width="30" height="30" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<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" width="12" 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"></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 role="presentation" border="0" cellpadding="0" cellspacing="12" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="squareContainer footerLinks" align="center" valign="top" 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;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" 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%" bgcolor="#ffffff">
<!-- 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;" width="100%" valign="top">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/huel-logo.png" 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 class="social-icons-container" role="presentation" cellpadding="0" cellspacing="0" border="0" 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;" width="10%" valign="top">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/facebook-black.png" width="18" height="16" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: 18px; width: 18px;">
</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;" width="10%" valign="top">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/twitter.png" width="18" height="16" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: 18px; width: 18px;">
</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;" width="10%" valign="top">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/instaram.png" width="18" height="16" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: 18px; width: 18px;">
</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%;" width="70%" valign="top"> </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;" width="100%" valign="top"><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 target="_blank" href="" 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 target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #606060; text-decoration: none; font-size: 12px;" >Unsubscribe</a>
<span> | </span>
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #606060; text-decoration: none; font-size: 12px;" >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>
</body>
</html>