<!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;">
Spice up your Starter Pack today.
</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" 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/4204759d1dd5307ffd3208e2628eb164.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="Have a bag of Yellow Coconut Curry Hot & Savoury on us."></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" 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" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 60px;" valign="top"><h5 style="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 style="color: rgb(240, 240, 240);"></strong></h5><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>A little gift from us to you</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;"><span style="color: rgb(240, 240, 240); text-align: initial;color: rgb(240, 240, 240);">What's the perfect way to take the Huel plunge?</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;"><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;color: rgb(240, 240, 240);">Get yourself a </span><strong>Starter Pack.</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;"><span style="color: rgb(240, 240, 240); text-align: initial;color: rgb(240, 240, 240);">Add a bag of Yellow Coconut Curry Hot & Savory</span><strong> </strong><span style="color: rgb(240, 240, 240); text-align: initial;color: rgb(240, 240, 240);">to your Starter Pack</span><strong> for no extra cost!</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; color: rgb(240, 240, 240);">SPR-HS-LCUS-EQ7NK4</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><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;"><br></h5></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-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="2: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" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 60px;" valign="top"><p style="font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(240, 240, 240); text-align: initial;text-align:center;"><strong style="font-size: 18px;">Our Starter Pack</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;color: rgb(240, 240, 240);">We make sure you guys have everything you need to start your Huel journey. Buy your first bags of Huel and get all these goodies for free. Plus, Yellow Coconut Curry for a limited time only.</span></p><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;"><br></h5></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/63e4192f758b1bd9/c1e6ca3bc5b48c25b37bda4f7f2a557b.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="Starter Pack."></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" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 60px;" valign="top"><p style="font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(240, 240, 240); text-align: initial;text-align:center;"><strong style="font-size: 18px;">How to claim your gift:</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;color: rgb(240, 240, 240);">1. Add Huel Powder v3.0 or Black Edition to your cart (do not add Hot & Savory here).</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;"><span style="color: rgb(240, 240, 240); text-align: initial;color: rgb(240, 240, 240);">2.</span> Open your cart and you will be taken to our 'Before you checkout' page. Select Hot & Savory and then add one bag of Yellow Coconut Curry.</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;color: rgb(240, 240, 240);">3. </span><span style="color: rgb(240, 240, 240); text-align: initial;color: rgb(240, 240, 240); font-size: 14px;">Click continue to cart, secure checkout, then add the code</span><strong style="color: rgb(240, 240, 240); font-size: 14px;"> SPR-HS-LCUS-EQ7NK4</strong><strong style="color: rgb(240, 240, 240); font-size: 18px;"> </strong><span style="color: rgb(240, 240, 240); text-align: initial;color: rgb(240, 240, 240); font-size: 14px;">into the 'discount code' box before submitting the order.</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;"><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: 11px; color: rgb(240, 240, 240);">Offer expires on April 30th.</span></p><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;"><br></h5></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-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="8:0:0">Redeem now</a>
</td>
</tr>
</table>
<!-- END OF BUTTON -->
</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 class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 60px;" valign="top"><p style="font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(240, 240, 240); text-align: initial;"><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: 12px; color: rgb(240, 240, 240);">* You will be able to claim one bag of Yellow Coconut Curry Hot & Savory. The bag must be added to your order via the 'before you checkout' page. This offer cannot be applied alongside other discount codes. The offer will not appear if you already have Hot & Savory in your basket. Price will be reduced at checkout.</span></p></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><tr>
<td class="divider-img" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 30px 0;" valign="top">
<img 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/4b518ab1ecbc712355c1a1cfe09eb860.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 & Savory is so yummy. I love how it's so quick and easy, yet still so tasty""></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" 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" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 60px;" valign="top"><p style="font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; padding-left: 0px; font-weight: normal; margin: 0px; color: rgb(240, 240, 240); text-align: initial;"><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(255, 255, 255);">If you need any help or have any questions, please get in touch with us at</span><a target="_blank" href="" rel="noopener noreferrer" target="_blank" style="box-sizing: border-box; text-decoration: underline; color: rgb(240, 240, 240); text-align: initial;font-size: 14px; color: rgb(255, 255, 255);" > support@huel.com.</a></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;"><span style="color: rgb(240, 240, 240); text-align: initial;font-size: 14px; color: rgb(240, 240, 240);"></span></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/black-edition-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 Black Edition</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; 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/powder-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 Powder v3.0</h6>
</a>
</td>
</tr>
<!-- LOOP START -->
</table>
<!-- 2-COLUMN CONTENT END -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><tr>
<td align="center" 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 class="unsubLinks unsubLinks--visible" style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; font-weight: normal; margin: 0; display: inherit; opacity: 1; visibility: visible; font-size: 12px; color: #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>