<!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 Black</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;">
Hot & Savory has three new flavors! Here's what you had to say......
</div> <center>
<!--[if mso]>
<table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td>
<![endif]-->
<table class="main is-dark" 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; border-radius: 4px; border: 1px solid #e5e5e5; background-color: #0B0B0B; color: #F0F0F0;" bgcolor="#0B0B0B">
<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" 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="brand-logo" 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; padding: 0 30px; max-width: 600px; width: 100%;" width="100%" valign="top">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; text-decoration: underline; color: #F0F0F0;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/huel-logo-white-header.png" width="100" 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>
</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" 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/9b6653081a6a883d38cab8e3b980572f.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="Hot & Savoury is a game changer, I'm obsessed. "></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 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"><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(240, 240, 240); text-align: initial;text-align:center;"><strong style="font-size: 18px;">Looks like you are missing out </strong>👀<strong style="font-size: 18px;"> </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(240, 240, 240); text-align: initial;text-align:center;"><strong style="font-size: 18px;">Hueligan's are loving our new Hot & Savory flavors.</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(240, 240, 240); 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(240, 240, 240); text-align: initial;text-align:center;"><span style="color: rgb(240, 240, 240); text-align: initial;font-size: 14px; color: rgb(240, 240, 240);">Anyone fancy a nutritionally complete meal that's ready in a jiffy? Well, unless you've been living under a rock these last few months, you might have noticed that we launched Huel Hot & Savory. It takes less than 5 minutes to prepare — all you have to do is add two scoops to some boiling water and voilà ! </span>A delicious, healthy, 400kcal meal is ready to go</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(240, 240, 240); 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(240, 240, 240); text-align: initial;text-align:center;">Pssst. It's now available in 6 delicious flavors</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 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-secondary " 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: #ffffff;" valign="middle" bgcolor="#ffffff">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block; padding: 12px 18px; border-radius: 4px; border: solid 1px #0B0B0B; font-weight: 700; font-size: 14px;" data-msys-linkname="6:0:0">Shop Hot & Savory</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="font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif; font-weight: 700; margin: 0px; font-size: 20px; color: rgb(240, 240, 240); text-align: initial;text-align:center;"><strong>Which of our newbies tickle your fancy?</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(240, 240, 240); 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(240, 240, 240); text-align: initial;text-align:center;">Zingy <strong>Sweet & Sour</strong> which is packed with <span style="color: rgb(240, 240, 240); text-align: initial;color: rgb(255, 255, 255);">sweet pineapple, zesty peppers and spring onions. </span></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(240, 240, 240); text-align: initial;text-align:center;"><strong>Spicy</strong> <strong>Indian Curry</strong> for our heat lovers out there.</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(240, 240, 240); text-align: initial;text-align:center;">Or creamy <strong>Yellow Coconut Curry</strong> bringing you a more classic and mild flavor.</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(240, 240, 240); 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 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; border-radius: 4px; overflow: hidden; width: 50%; background-color: #161616;" bgcolor="#161616">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; text-decoration: none; display: block; color: #F0F0F0;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/savoury-three-flavours-transparent.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="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; font-size: 18px; margin-bottom: 10px; padding: 12px; color: #F0F0F0;">Huel Hot & Savory</h6>
</a>
</td>
<!-- 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" 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-secondary " 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: #ffffff;" valign="middle" bgcolor="#ffffff">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block; padding: 12px 18px; border-radius: 4px; border: solid 1px #0B0B0B; font-weight: 700; font-size: 14px;" data-msys-linkname="10: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"><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(240, 240, 240); text-align: initial;text-align:center;"><strong style="font-size: 18px;">So what about those 3 new flavors, are they actually any good? </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(240, 240, 240); 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(240, 240, 240); text-align: initial;text-align:center;"><strong style="font-size: 18px;">Hear it straight from other Hueligans!</strong></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" 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: #161616;" width="100%" bgcolor="#161616">
<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; text-decoration: underline; color: #F0F0F0;" >
<img class="flexibleImage" src="https://d1a2o89e23clzw.cloudfront.net/emails/985da7c7bbd3d96b/af41dd29de1e4cd48f663dbe4ae998ec.png" alt="Yellow coconut curry Hot & Savoury. " 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;"><p style="text-align:center;"><span style="color: rgb(255, 255, 255); font-size: 14px;">"Spicy Indian Curry is bang on the money. Thai Green Curry has officially lost it's top spot. The Indian Curry is just delicious, keep those flavors coming please!" - </span><strong style="color: rgb(255, 255, 255); font-size: 14px;">Ben</strong></p></div>
</th>
</tr>
</table>
<!-- 2-COLUMN CONTENT END -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><tr>
<td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top"></td>
</tr><tr>
<td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top"></td>
</tr><tr>
<td align="center" 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: #161616;" width="100%" bgcolor="#161616">
<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; text-decoration: underline; color: #F0F0F0;" >
<img class="flexibleImage" src="https://d1a2o89e23clzw.cloudfront.net/emails/985da7c7bbd3d96b/5ec7cd8ff770223dada321f54cfbdd1d.png" alt="Spicy Indian Curry Hot & Savoury" 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;"><span style="color: rgb(255, 255, 255);">"How unbelievably delicious is the new Yellow Coconut Curry Hot & Savoury? My goodness, it's fantastic! Beyond all expectations. The sultanas are such a wonderful addition. Sweet & Sour is good, too. Thank you Huel, you make healthy eating so much easier!" - </span><strong style="color: rgb(255, 255, 255);">Anastasia</strong></p></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 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"><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(240, 240, 240); text-align: initial;text-align:center;"><strong style="color: rgb(240, 240, 240); font-size: 24px;">"What's in Huel Hot & Savory?"</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(240, 240, 240); 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(240, 240, 240); text-align: initial;text-align:center;"><span style="color: rgb(240, 240, 240); text-align: initial;font-size: 14px; color: rgb(240, 240, 240);">It contains the perfect balance of macro and micro nutrients, meaning you'll be getting all of the good stuff to keep your body healthy.</span></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" 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: #161616;" width="100%" bgcolor="#161616">
<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; text-decoration: underline; color: #F0F0F0;" >
<img class="flexibleImage" src="https://d1a2o89e23clzw.cloudfront.net/emails/985da7c7bbd3d96b/cd1b4403e0df0dcf32fe8c40341c6b1d.png" alt="What is inside Hot & Savoury?" 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;"><span style="font-size: 14px; color: rgb(240, 240, 240);"> Made with all-natural ingredients like quinoa, rice, lentils, juicy vegetables, fresh herbs, and spices. With a bit of sunflower oil, a sprinkling of pea protein, and a whole lot of whole grains … It's a delicious lunch like no other.</span></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-secondary" 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: #ffffff;" valign="middle" bgcolor="#ffffff">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block; padding: 12px 18px; border-radius: 4px; border: solid 1px #0B0B0B; font-weight: 700; font-size: 14px;" >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 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/7a757b11ad50be2fd5dfbfa02ef0feaf.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."></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 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; border-radius: 4px; overflow: hidden; background-color: #161616;" valign="top" bgcolor="#161616">
<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; text-decoration: none; display: block; color: #F0F0F0;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/subs-white.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; font-size: 14px; font-weight: 700; margin-top: 10px; color: #F0F0F0;">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; border-radius: 4px; overflow: hidden; background-color: #161616;" bgcolor="#161616">
<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; text-decoration: none; display: block; color: #F0F0F0;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/h-white.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; font-size: 14px; font-weight: 700; margin-top: 10px; color: #F0F0F0;">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; border-radius: 4px; overflow: hidden; background-color: #161616;" bgcolor="#161616">
<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; text-decoration: none; display: block; color: #F0F0F0;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/box-white.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; font-size: 14px; font-weight: 700; margin-top: 10px; color: #F0F0F0;">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: #161616;" width="100%" bgcolor="#161616">
<!-- 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; text-decoration: underline; color: #F0F0F0;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/huel-logo-white.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; border-top-color: #0B0B0B; border-bottom-color: #0B0B0B;" 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; text-decoration: underline; color: #F0F0F0;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/facebook-letter-logo.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; text-decoration: underline; color: #F0F0F0;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/twitter-logo-silhouette-white.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; text-decoration: underline; color: #F0F0F0;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/instagram-logo-white.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: #F0F0F0;">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; text-decoration: none; font-size: 12px; color: #F0F0F0;" >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: #F0F0F0;">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: #F0F0F0;">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; text-decoration: none; font-size: 12px; color: #F0F0F0;" >Unsubscribe</a>
<span style="color: #F0F0F0;"> | </span>
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; text-decoration: none; font-size: 12px; color: #F0F0F0;" >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>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</center>
</body>
</html>