<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Broadcast White</title>
<style type="text/css">
@media only screen and (max-width: 639px) {
.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 table[class="main"],
.body table[class="main is-dark"],
.body table[class="flexibleContainer"],
.body .main,
.body .main.is-dark,
.body .flexibleContainer {
width: 100% !important;
}
.body img[class="flexibleImage"],
.body .flexibleImage {
height: auto !important;
width: 100% !important;
}
.body td[class="content"],
.body .content {
padding: 30px !important;
}
.body td[class="content-block"],
.body .content-block {
padding: 0 30px !important;
}
.body td[class="flexibleContainer-cell buttonContainer"],
.body .flexibleContainer-cell.buttonContainer {
padding: 0 30px !important;
}
.body td[class="image-text-tile"],
.body td[class="text-image-tile"],
.body .image-text-tile,
.body .text-image-tile {
padding: 12px 0 0 !important;
}
.body td[class="image-text-tile"] td[class="media-right"],
.body .image-text-tile .media-right {
padding: 10px 22px !important;
}
.body td[class="text-image-tile"] td[class="media-left"],
.body .text-image-tile .media-left {
padding: 10px 22px !important;
}
.body td[class="gridColumn is-hidden-mobile"],
.body td[class="side-gutter-md is-hidden-mobile"],
.body td[class="buttonGroup-item is-hidden-mobile"],
.body .gridColumn.is-hidden-mobile,
.body .side-gutter-md.is-hidden-mobile,
.body .buttonGroup-item.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 td[class="gridColumn"] h6,
.body .gridColumn h6 {
font-size: 14px !important;
margin-bottom: 0 !important;
}
.body td[class="flexibleContainer-cell flexibleContainer-tileList"] h6,
.body .flexibleContainer-tileList h6 {
margin-bottom: 0 !important;
}
.body td[class="squareContainer"],
.body .squareContainer {
padding-left: 0 !important;
padding-right: 0 !important;
}
.body td[class="spacer"],
.body .spacer {
padding: 30px !important;
}
.body td[class="spacer is-tiny"],
.body .spacer.is-tiny {
padding: 6px !important;
}
.body td[class="spacer is-smallest"],
.body .spacer.is-smallest {
padding: 12px !important;
}
.body td[class="spacer is-smaller"],
.body .spacer.is-smaller {
padding: 20px !important;
}
.body td[class="orderSummary"],
.body .orderSummary {
padding: 30px !important;
}
.body td[class="transactional_logo"],
.body .transactional_logo {
width: 40% !important;
padding: 0 15px !important;
}
.body td[class="order_header"],
.body .order_header {
width: 60% !important;
padding: 30px 30px 30px 0 !important;
}
.body table[class="summaryTable"] th, .body table[class="summaryTable"] td,
.body .summaryTable th,
.body .summaryTable td {
font-size: 10px !important;
}
.body table[class="summaryTable"] h6,
.body .summaryTable h6 {
font-size: 12px !important;
}
.body td[class="content-addresses"] td,
.body .content-addresses td {
display: block !important;
}
.body td[class="content-addresses"] td[class="has-margin-bottom"],
.body td[class="content-addresses"] .has-margin-bottom,
.body .content-addresses td[class="has-margin-bottom"],
.body .content-addresses .has-margin-bottom {
margin-bottom: 22px !important;
}
.body td[class="account_benefits"] td[class="media-right"],
.body .account_benefits .media-right {
padding-left: 20px !important;
}
}
@media only screen and (max-width: 480px) {
.body table[class="buttonGroup"],
.body .buttonGroup {
text-align: center !important;
}
.body td[class="buttonGroup-item"],
.body .buttonGroup-item {
display: inline-block !important;
padding: 0 !important;
padding-bottom: 12px !important;
text-align: center;
}
.body table[class="buttonWrapper"],
.body .buttonWrapper {
display: inline-block !important;
text-align: center !important;
}
}
@media only screen and (min-width: 640px) {
.body {
}
.body .emailButton {
transition: all 0.25s;
}
.body .emailButton a {
transition: all 0.25s;
}
.body .emailButton:hover {
background-color: #f58523 !important;
}
.body .emailButton:hover a {
color: #ffffff !important;
border: 1px solid #f58523 !important;
}
.body .emailButton-primary.is-outline:hover,
.body .emailButton-secondary.is-outline:hover {
background-color: transparent !important;
border-color: #606060 !important;
}
.body .emailButton-primary.is-outline:hover a {
color: #0B0B0B !important;
border-color: #606060 !important;
}
.body .emailButton-secondary.is-outline:hover a {
color: #F0F0F0 !important;
border-color: #606060 !important;
}
}
</style>
<meta name='robots' content='noindex' />
</head>
<body id="body" class="body" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; height: 100% !important; line-height: 1.4; margin: 0 !important; padding: 0 !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; width: 100% !important; background-color: #fff;">
<div style="box-sizing: border-box; display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;">
Here are the nutrients you'll need.
</div> <center>
<!--[if mso]>
<table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td>
<![endif]-->
<table class="main-container" role="presentation" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; margin: 0; padding: 0;">
<tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<table class="main" width="600" role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 600px; background-color: #f2f2f2; border-radius: 4px; border: 1px solid #e5e5e5;" bgcolor="#f2f2f2">
<tr>
<td style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"><tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
<table class="flexibleContainer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="hero-image" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;" valign="top">
<a target="_blank" href="" ><img class="flexibleImage" src="https://d1a2o89e23clzw.cloudfront.net/emails/63e4192f758b1bd9/b4846c16c34f1ec6713dbfa0ee635075.gif" 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="Eating a varied diet will help to ensure you're getting all the good stuff you need to stay healthy."></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><tr>
<td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top"></td>
</tr><tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
<table class="flexibleContainer" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="content-block narrow" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 99.9px;" valign="top"><p style="text-align:center;"><span style="font-size: 14px;">Our body's immunity is a hot topic at the moment. But how can you maintain a healthy immune system? Well, let us tell you - nutrition plays a big part. </span></p><p style="text-align:center;"><span style="font-size: 14px;">Eating a varied diet will help to ensure you're meeting the recommended daily intakes for all essential nutrients, which can help maintain a healthy immune system.</span></p><p style="text-align:center;"><strong style="font-size: 14px;">"What's an easy way to get all the essential nutrients I need?"</strong><span style="font-size: 14px;"> </span></p><p style="text-align:center;"><span style="font-size: 14px;">Um, Huel.</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 buttonContainer" align="center" valign="top" width="600" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 60px;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
The emailButton table's width can be changed
to affect the look of the button. To make the
button width dependent on the text inside, set
the width to "auto". Otherwise it will expand
to 100%.
-->
<!-- BUTTON -->
<table class="buttonWrapper" role="presentation" border="0" cellspacing="0" cellpadding="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
<tr>
<td class="emailButton emailButton-primary " align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: middle; border-radius: 4px; background-color: #0B0B0B;" valign="middle" bgcolor="#0B0B0B">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #ffffff; text-decoration: none; display: block; padding: 12px 18px; border-radius: 4px; border: solid 1px #0B0B0B; font-weight: 700; font-size: 14px;" data-msys-linkname="4:0:0">Shop Now</a>
</td>
</tr>
</table>
<!-- END OF BUTTON -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><tr>
<td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top"></td>
</tr><tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
<table class="flexibleContainer" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="content-block narrow" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 99.9px;" valign="top"><p style="text-align:center;"><strong>"What specific nutrients do I need to help my immune system?" </strong></p><p style="text-align:center;">We hear you. It can be confusing. Vitamin C, D and E, zinc, selenium, protein and essential fatty acids are of particular importance. And of course, drinking lots of fluids will help protect your body against foreign invaders.</p><p style="text-align:center;">If you're interested in learning more, our Nutrition team have written an article on all things nutrition and immunity. Check it out.</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-primary " align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: middle; border-radius: 4px; background-color: #0B0B0B;" valign="middle" bgcolor="#0B0B0B">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #ffffff; text-decoration: none; display: block; padding: 12px 18px; border-radius: 4px; border: solid 1px #0B0B0B; font-weight: 700; font-size: 14px;" data-msys-linkname="8:0:0">Read the article</a>
</td>
</tr>
</table>
<!-- END OF BUTTON -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><tr>
<td class="spacer is-tiny" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0 0;" valign="top"></td>
</tr><tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
<table class="flexibleContainer" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="content-block narrow" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 99.9px;" valign="top"><h2 style="text-align:center;"><strong>Shop Huel</strong></h2></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The centering table keeps the content
tables centered in the main table,
in case its width is set to 100%.
-->
<table class="centeringTable" role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The flexible container has a set width
that gets overridden by the media query.
Most content tables within can then be
given 100% widths.
-->
<table class="flexibleContainer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell grid" align="center" valign="top" width="600" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 12px 0 0;">
<!--
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="0" 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="side-gutter-md" 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" width="264" align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; background-color: #ffffff; border-radius: 4px; overflow: hidden;" bgcolor="#ffffff">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/huel.jpg" width="264" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<h6 style="color: #0B0B0B; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; font-size: 18px; margin-bottom: 10px; padding: 12px;">Huel Powder v3.0</h6>
</a>
</td>
<td class="side-gutter-md" 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" width="264" align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; background-color: #ffffff; border-radius: 4px; overflow: hidden;" bgcolor="#ffffff">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/huel-be.jpg" width="264" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<h6 style="color: #0B0B0B; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; font-size: 18px; margin-bottom: 10px; padding: 12px;">Huel Black Edition</h6>
</a>
</td>
<td class="side-gutter-md" 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><tr><td class="row-gap" height="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: 12px; height: 12px; line-height: 12px; -mso-line-height: 12px;" valign="top"></td></tr>
<tr>
<td class="side-gutter-md" 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" width="264" align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; background-color: #ffffff; border-radius: 4px; overflow: hidden;" bgcolor="#ffffff">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/rtd.jpg" width="264" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<h6 style="color: #0B0B0B; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; font-size: 18px; margin-bottom: 10px; padding: 12px;">Huel Ready-to-drink</h6>
</a>
</td>
<td class="side-gutter-md" 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" width="264" align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; background-color: #ffffff; border-radius: 4px; overflow: hidden;" bgcolor="#ffffff">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/uk-bars.jpg" width="264" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<h6 style="color: #0B0B0B; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; font-size: 18px; margin-bottom: 10px; padding: 12px;">Huel Bar v3.1</h6>
</a>
</td>
<td class="side-gutter-md" 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><tr><td class="row-gap" height="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: 12px; height: 12px; line-height: 12px; -mso-line-height: 12px;" valign="top"></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 is-hidden-mobile" width="184" align="center" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; background-color: #ffffff; border-radius: 4px; overflow: hidden;" valign="top" bgcolor="#ffffff">
<table class="footerIcon" role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding: 22px; text-align: center;" width="100%" align="center">
<tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/subs-black.png" width="30" height="30" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; margin: 0; color: #0B0B0B; font-size: 14px; font-weight: 700; margin-top: 10px;">Subscribe & Save</p>
</a>
</td>
</tr>
</table>
</td>
<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" width="184" align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; background-color: #ffffff; border-radius: 4px; overflow: hidden;" bgcolor="#ffffff">
<table class="footerIcon" role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding: 22px; text-align: center;" width="100%" align="center">
<tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/h-black.png" width="30" height="30" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; margin: 0; color: #0B0B0B; font-size: 14px; font-weight: 700; margin-top: 10px;">Account Login</p>
</a>
</td>
</tr>
</table>
</td>
<td class="side-gutter-md" 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>
<!-- Third Square Block -->
<td class="gridColumn" width="184" align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; background-color: #ffffff; border-radius: 4px; overflow: hidden;" bgcolor="#ffffff">
<table class="footerIcon" role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding: 22px; text-align: center;" width="100%" align="center">
<tr>
<td align="center" valign="top" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #0B0B0B; text-decoration: none; display: block;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/box-black.png" width="30" height="30" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none;">
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; margin: 0; color: #0B0B0B; font-size: 14px; font-weight: 700; margin-top: 10px;">Shop Huel</p>
</a>
</td>
</tr>
</table>
</td>
<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 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: 12px 12px 0; padding-bottom: 12px !important;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border-radius: 4px; background-color: #ffffff;" width="100%" bgcolor="#ffffff">
<!-- LOGO -->
<tr>
<td class="footer-logo" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; max-width: 600px; width: 100%; padding-left: 15px;" width="100%" valign="top">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/huel-logo.png" style="-ms-interpolation-mode: bicubic; height: auto; border: 0; outline: none; line-height: 100%; text-decoration: none; max-width: 100px; display: block; width: 100%;">
</a>
</td>
</tr>
<!-- SOCIAL ICONS -->
<tr>
<td class="social-links" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 30px; min-width: 100%;" valign="top">
<table class="social-icons-container" role="presentation" cellpadding="0" cellspacing="0" border="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; padding: 30px 0; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;" width="100%">
<tr>
<td class="social-icon" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; width: 10%; min-width: 40px;" width="10%" valign="top">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/facebook-black.png" width="18" height="16" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: 18px; width: 18px;">
</a>
</td>
<td class="social-icon" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; width: 10%; min-width: 40px;" width="10%" valign="top">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/twitter.png" width="18" height="16" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: 18px; width: 18px;">
</a>
</td>
<td class="social-icon" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; width: 10%; min-width: 40px;" width="10%" valign="top">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #348eda; text-decoration: underline;" >
<img src="https://s3.eu-west-2.amazonaws.com/huel.io/email-assets/2020-assets/instaram.png" width="18" height="16" style="-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; outline: none; line-height: 100%; text-decoration: none; height: 18px; width: 18px;">
</a>
</td>
<td class="empty-icon-space" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; width: 70%;" width="70%" valign="top"> </td>
</tr>
</table>
</td>
</tr>
<!-- FOOTER CONTENT -->
<tr>
<td class="footer-notice" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; width: 100%; margin-bottom: 0; padding: 30px;" width="100%" valign="top"><p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; font-weight: normal; margin-bottom: 25px; font-size: 12px; margin: 0; color: #606060;">You have received this email because you are on our mailing list. If you would prefer not to receive further emails from Huel you can unsubscribe below.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; font-weight: normal; margin-bottom: 25px; font-size: 12px; margin: 0; color: #606060;">You can re-subscribe at any time by visiting our website at <a target="_blank" href="" style="box-sizing: border-box; color: #606060; text-decoration: none; font-size: 12px;" >uk.huel.com</a></p>
<br>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; font-weight: normal; margin-bottom: 25px; font-size: 12px; margin: 0; color: #606060;">HUEL LTD is a limited company registered in England and Wales with registered number 07907551 with its registered office at Unit 6 Icknield Way Industrial Estate, Icknield Way, Tring, United Kingdom, HP23 4RN</p>
<br>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; padding-left: 0; font-weight: normal; font-size: 12px; margin: 0; color: #606060;">
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #606060; text-decoration: none; font-size: 12px;" >Unsubscribe</a>
<span> | </span>
<a target="_blank" href="" target="_blank" style="box-sizing: border-box; color: #606060; text-decoration: none; font-size: 12px;" >Manage my preferences</a>
</p></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><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></table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</center>
</body>
</html>