<!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;
}
.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-smallest"],
.body .spacer.is-smallest,
.body td[class="spacer is-tiny"],
.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 td[class="buttonGroup-item"],
.body .buttonGroup-item {
display: block !important;
padding-bottom: 12px !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;">
<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/985da7c7bbd3d96b/baf22413348a3e95c94490d995e6a157.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="We've just launched this delicious new Huel Bar"></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"><h2 style="text-align:center;">Raspberry & White Chocolate Bar</h2><p style="text-align:center;"><span style="font-size: 18px;">We've just launched this delicious new Huel Bar and it tastes soooo good, even if we do say so ourselves! It's tasty, jammy and has a sweet raspberry base mixed with creamy white chocolate chips. It is the ultimate heavenly match.</span></p><p style="text-align:center;"><span style="font-size: 18px;">So what are you waiting for? Treat yourself!</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"><h3 style="text-align:center;">Why are Huel Bars the best?</h3><p style="text-align:center;"><span style="font-size: 18px;">They are high in protein, gluten-free and super delicious. And at only 200kcals per bar, they are the perfect size for a snack. Did we mention they are nutritionally complete and contain all 27 essential vitamins and minerals? All that tastiness with all the great Huel nutrition.</span></p><p style="text-align:center;"><span style="font-size: 18px;">Nomnomnom.</span></p><p style="text-align:center;"><span style="font-size: 18px;">Huel as a meal provides the right amount of protein, essential fats, carbohydrates, fiber, vitamins & minerals.</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" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
<tr>
<td class="flexibleContainer-cell" align="center" valign="top" width="600" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top;">
<!--
The content table is the first element
that's entirely separate from the structural
framework of the email.
-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tr>
<td class="content-block narrow" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 14px; color: #0B0B0B; vertical-align: top; padding: 0 99.9px;" valign="top"><h2 style="text-align:center;">Shop now </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/uk-bars-six.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>
<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/raspberry_white_chocolate.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 Raspberry & White Chocolate</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></table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</center>
</body>
</html>