Email sent from Ocado to a Registered user

Ocado Registered user

Subscribed 3 years, 9 months ago
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "//www.w3.org/TR/html4/loose.dtd">
<html xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta charset="utf-8"/>
  <meta content="width=device-width" name="viewport"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <title>
   Our Black Friday sale is here
  </title>
  <!--[if (gte mso 9)|(IE)]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
  <style type="text/css">
   *{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body{padding:0!important;height:100%!important;width:100%!important;margin:0!important}div[style*="margin: 16px 0"]{margin:0!important}table,td{mso-table-lspace:0!important;mso-table-rspace:0!important}table{border-spacing:0!important;margin:0 auto!important}.yshortcuts a{border-bottom:none!important}a[x-apple-data-detectors]{color:inherit!important;text-decoration:underline!important}.applelinks a{color:#222;text-decoration:none}th{padding:0!important;margin:0!important;font-weight:normal}span.MsoHyperlink{mso-style-priority:99;color:inherit}span.MsoHyperlinkFollowed{mso-style-priority:99;color:inherit}#MessageViewBody,#MessageWebViewDiv{width:100%!important}@media screen yahoo{*{overflow:visible!important;}.y-overflow-hidden{overflow:hidden!important;}.m_show{display:none;}}.columns{display:inline-block;text-align:center}#preheader{display:none}.m_show table{display:none}
@media screen and (max-width:600px){
    .quarter{width:25%!important;max-width:25%!important}.third{width:33.333%!important;max-width:33.333%!important}.second{width:50%!important;max-width:50%!important}.full{width:100%!important;max-width:100%!important}.m_hide{display:none!important}.m_show{display:table!important}.m_hide table{display:none!important}.m_show table{display:table!important}.geniuswrapper{width:320px!important;padding:0!important}.geniuscontainer{width:300px!important;padding:0!important}.geniusmobile{width:300px!important;display:block!important;padding:0!important}.btn_table{display:table!important}.btn_td{display:block!important}
}
@media screen and (max-width:480px){
    .quarter{width:50%!important;max-width:50%!important}.second,.third{width:100%!important;max-width:100%!important}
}
 @import url('https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss2%253Ffamily%253DPoppins%253Awght%2540400%253B700%253B800%2526display%253Dswap/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCJ9:1mpsuM:MI30pzuar7iHlYszXssjDudiV_XY-w0AUX4R89r-fZM');   
      a.terms_links{
        color: #FFFFFF!important;
        text-decoration: underline !important;
        font-weight: bold !important;
    }   
   
@media only screen and (max-width: 480px) {
    .FooterDrop{
        display: block !important;
        padding-top: 10px !important;
        max-width: 100% !important;
    }   
    .FooterTopRow{
        max-width: 40% !important;
    }
    .BorderReset{
        border: none !important;
    }
}
  </style>
 </head>
 <body bgcolor="#e1e6eb" style="margin:0;padding:0" width="100%">
  <div style="display:none;font-size:0px;color:#999999;line-height:0px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Plus, free delivery on your first shop
  </div>
  <div style="display:none;max-height:0px;overflow:hidden;">
   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
  </div>
  <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fgridinbound.blob.core.windows.net%252Fgic%252Fg.png%253Fh%253D979f200ccac14da0a6d2cd64e69757af/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZncmlkaW5ib3VuZCJ9:1mpsuM:e4TOo0toOemoLBDiOiZCoyYLJo4I08gQCDuOq7qydp0" style="display:none; margin:0; padding:0; visibility:hidden; overflow:hidden; max-height:0;width:0px;height:0px;font-size:0;color:#FFFFFF;mso-hide:all;float: left;line-height:0;" width="1"/>
  <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Foptiext%252Foptiextension.dll%253FID%253D_CD_Al3XuarQ6cyxXcQP%252Br1XGorJCMygOfCrTn_zXwv38yboxxb7Vnw3XbG8NCx7%252B45KZMpD1kwwgX9DlYvfrbUf8EaeE9D657xSoEEt/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="display:none; margin:0; padding:0; visibility:hidden; overflow:hidden; max-height:0;width:0px;height:0px;font-size:0;color:#FFFFFF;mso-hide:all;float: left;line-height:0;" width="1"/>
  <table bgcolor="#e1e6eb" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
   <tr>
    <td class="m_hide" height="1" style="font-size:0; line-height:1px; height:1px;">
    </td>
    <td bgcolor="#ffffff" style="width:680px;text-align:left;word-wrap:break-word;word-break:normal" valign="top">
     <!--[if mso]> <style type="text/css">
body, h1, h2, h3, h4, p, td, span, a, * {font-family: Tahoma, sans-serif !important;}
</style> <![endif]-->
     <!--[if !mso]><!-->
     <link href="https://fonts.gstatic.com" rel="preconnect"/>
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&amp;display=swap" rel="stylesheet"/>
     <!--<![endif]-->
     <!-- CSS Reset -->
     <style type="text/css">
      @import url('https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss2%253Ffamily%253DPoppins%253Awght%2540400%253B600%2526display%253Dswap/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCJ9:1mpsuM:MI30pzuar7iHlYszXssjDudiV_XY-w0AUX4R89r-fZM');



 @import url('https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss2%253Ffamily%253DPoppins%253Awght%2540400%253B700%253B800%2526display%253Dswap/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCJ9:1mpsuM:MI30pzuar7iHlYszXssjDudiV_XY-w0AUX4R89r-fZM');   
      a.terms_links{
        color: #FFFFFF!important;
        text-decoration: underline !important;
        font-weight: bold !important;
    }   
   
@media only screen and (max-width: 480px) {
    .FooterDrop{
        display: block !important;
        padding-top: 10px !important;
        max-width: 100% !important;
    }   
    .FooterTopRow{
        max-width: 40% !important;
    }
    .BorderReset{
        border: none !important;
    }
}
     </style>
     <style type="text/css">
      /* What it does: Remove spaces around the email design added by some email clients. */
/* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
html, body {
Margin: 0 auto !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
}


h1, h2, h3, h4 { font-weight: bold !important; }

/* What it does: Stops email clients resizing small text. */
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

.paragraphTextTD a {
color: #2D333A !important;
text-decoration: underline !important;
font-weight: bold;
}

a.btn {
color: #fff !important;
text-decoration: none !important;
font-weight: bold;
}

.footer a {
color: #fff !important;
text-decoration: underline !important;
font-weight: bold;
}

.btn_td { margin-bottom: 32px; }

/* What it does: Centers email on Android 4.4 */
div[style*="margin: 16px 0"] {
margin: 0 !important;
}

/* What it does: Forces Outlook.com to display emails full width. */
.ExternalClass {
width: 100%;
line-height: 100%;
}

/* What it does: Stops Outlook from adding extra spacing to tables. */
table, td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}

/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
/*table-layout: fixed !important;*/
Margin: 0 auto !important;
}
table table table {
table-layout: auto;
}

/* What it does: Uses a better rendering method when resizing images in IE. */
img {
-ms-interpolation-mode: bicubic;
}

/* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */
.a6S {
display: none !important;
opacity: 0.01 !important;
}

/* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img + div {
display: none !important;
}

/* What it does: Overrides styles added when Yahoo's auto-senses a link. */
.yshortcuts a {
border-bottom: none !important;
}

/* What it does: A work-around for iOS meddling in triggered links. */
.mobile-link--footer a, a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
}

/*
<!--Progressive Enhancements--> <!--Progressive Enhancements--> <!--Progressive Enhancements-->
*/

/* What it does: Hover styles for buttons */
 .button-td, .button-a, .button-td-charcoal, .button-td-apple, .button-td-blueberry, .button-td-grape, .button-td-raspberry, .button-td-lemon, .button-td-lemondark, .button-a-charcoal, .button-a-apple, .button-a-blueberry, .button-a-grape, .button-a-raspberry, .button-a-lemon, .button-a-lemondark {
transition: all 100ms ease-in;
}

/* default button */
.button-td:hover, .button-a:hover {
background: #444444 !important;
border-color: #444444 !important;
}
.button-td-charcoal:hover, .button-a-charcoal:hover {
background: #444444 !important;
border-color: #444444 !important;
}
.button-td-apple:hover, .button-a-apple:hover {
background: #96a705 !important;
border-color: #96a705 !important;
color: #ffffff !important;
}
.button-td-blueberry:hover, .button-a-blueberry:hover {
background: #799de0 !important;
border-color: #799de0 !important;
color: #FFFFFF !important;
}
.button-td-grape:hover, .button-a-grape:hover {
background: #8F6BB5 !important;
border-color: #4D216D !important;
color: #FFFFFF !important;
}
.button-td-raspberry:hover, .button-a-raspberry:hover {
background: #d64c77 !important;
border-color: #d64c77 !important;
color: #FFFFFF !important;
}
.button-td-lemon:hover, .button-a-lemon:hover {
background: #E6A800 !important;
border-color: #E6A800 !important;
}


/* Media Queries */
/* 651px media query is added to allow for text to span within 500px when the tables are stacked as previously text was kept only within 310px  */

@media only screen and (max-width: 675px) {

h1 {
font-size: 34px;
line-height: 41px;
}

h2 {
font-size: 27px;
line-height: 32px;
}

h3 {
font-size: 24px;
line-height: 29px;
}

h4 {
font-size: 21px;
line-height: 25px;
}

.mobileMargin {
padding-right: 18px !important;
padding-left: 18px !important;
}

.mobileMarginZero {
padding-right: 0 !important;
padding-left: 0 !important;
}


/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
.center-on-narrow {
text-align: center !important;
display: block !important;
Margin-left: auto !important;
Margin-right: auto !important;
float: none !important;
}

table.center-on-narrow {
display: inline-block !important;
}

/* What it does: Forces table cells into full-width rows. */
.stack-column, .stack-column-center {
display: block !important;
width: 100% !important;
direction: ltr !important;
max-width: 600px !important;
}

/* What it does: Generic utility class for centering - plus moves CTA up by ignoring desktop height in 3 col row */
.center-on-narrow-height-control {
text-align: center!important;
display: block !important;
Margin-left: auto !important;
Margin-right: auto !important;
float: none !important;
height: auto !important;
padding-left: 20px !important;
padding-right: 20px !important;
}

.hideTDbelow650px {
display: none !important;
padding: 0 !important;
}

.show {
width: auto !important;
height: auto!important;
display: table!important;
margin: 0 auto !important;
}

.me {
display: block!important;
width: 100%!important;
max-height: inherit!important;
overflow: visible!important;
}

.onmobile {
display: block !important;
width: 100% !important;
height: auto !important;
text-align: center!important;
float: none!important;
}

/* What it does: Scales 3 col images to 250px on mobile */
.RescaleIMG {
max-width: 250px !important;
margin: 0 auto !important;
}

/* What it does: Scales 3 col images to 288px on mobile */
.RescaleIMG2 {
max-width: 288px !important;
margin: 0 auto !important;
}

.RescaleIMG-W {
max-width: 400px !important;
margin: 0 auto !important;
}

/* What it does: Resets padding on mobile devices to represent design in an XD file*/
.ResetPadding {
padding: 0 !important;
}

.ResetTopPadding{
padding-top: 20px !important;
}

/* What it does: Resets padding on mobile devices and removes gap between elements*/
.hide {
display: none!important;
width: 0px !important;
}

/* What it does: Hides element within span tag */
.hideSPANbelow480px {
display: none !important;
width: 0 !important;
}

/* What it does: Hides an image*/
.hideIMGbelow480px {
display: none !important;
}

.mobfont{
font-size: 28px !important;
line-height: 32px !important;
}

.mobcopy{
max-width: 280px !important;
}

.three-col-stack-img,
.three-col-stack-img img {
max-width: 120px;
width: 40%;
display: inline-block;
vertical-align: middle;
}

.three-col-stack-txt {
display: inline-block;
vertical-align: middle;
width: 60%;
}

.three-col-stack-txt td {
padding-left: 20px;
}


}

/* source for media query and screen resolution: //mediag.com/news/popular-screen-resolutions-designing-for-all/ */

@media only screen and (max-width: 480px) {
/* What it does: Hides content on all desktops, reveals it on mobile */
.hide {
display: none!important;
width: 0px !important;
}
.show480 {
width: auto !important;
height: auto!important;
display: table!important;
margin: 0 auto !important;
}
.me480 {
display: block!important;
width: 100%!important;
max-height: inherit!important;
overflow: visible!important;
}
.onmobile480 {
display: block !important;
width: 100% !important;
height: auto !important;
text-align: center!important;
float: none!important;
}
.hideTopNav {
display: none !important;
padding: 0 !important;
}
.showTopNav {
width: auto !important;
height: auto!important;
display: table!important;
margin: 0 auto !important;
}
.meTopNav {
display: block!important;
width: 100%!important;
max-height: inherit!important;
overflow: visible!important;
}
.onmobileTopNav {
display: block !important;
width: 100% !important;
height: auto !important;
text-align: center!important;
float: none!important;
}
/* What it does: Hides 'View online' link in header on mobile. */
.weblink a {
display: none;
}
/* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
.fluid, .fluid-centered {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
Margin-left: auto !important;
Margin-right: auto !important;
}
/* And center justify these ones. */
.fluid-centered {
Margin-left: auto !important;
Margin-right: auto !important;
}
/* What it does: Forces table cells into full-width rows. */
.stack-column, .stack-column-center {
display: block !important;
width: 100% !important;
direction: ltr !important;
max-width: 500px !important;
}
/* What it does: Forces banners to regain their original width when displayed on screens below 480px. */
.stack-column-banner, .stack-column-center {
display: block !important;
width: 100% !important;
direction: ltr !important;
max-width: 330px !important;
}
/* What it does: Forces 2 col promo banners to resize to 310px on mobile to fit other banners when displayed on screens below 480px. */
.stack-column-promobanner, .stack-column-center {
display: block !important;
width: 100% !important;
direction: ltr !important;
max-width: 320px !important;
}
/* And center justify these ones. */
.stack-column-center {
text-align: center !important;
}
/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
.center-on-narrow {
text-align: center !important;
display: block !important;
Margin-left: auto !important;
Margin-right: auto !important;
float: none !important;
}
.RescaleIMG-W {
max-width: 320px !important;
margin: 0 auto !important;
}
/* What it does: Resizes Core service banners to align them with other banners on mobile */
.width310onMobile {
max-width: 310px !important;
}

/* What it does: Hides element within span tag */
.hideSPANbelow480px {
display: none !important;
width: 0 !important;
}
/* What it does: Hides an image*/
.hideIMGbelow480px {
display: none !important;
}
/* What it does: Hides an image*/
.hideTDbelow480px {
display: none !important;
padding: 0 !important;
}
}


/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
/* Create one of these media queries for each additional viewport size you'd like to fix */
/* Thanks to Eric Lepetit (@ericlepetitsf) for help troubleshooting */

@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
/* iPhone 5 and 5S */
.email-container {
min-width: 320px !important;
}
.second-banner-image{
background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2020%252FCS1014_20200120_toiletries_m.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM');
height: 380px !important;
}
.third-banner-image{
height: 350px !important;
}

}


/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
/* Create one of these media queries for each additional viewport size you'd like to fix */
/* Thanks to Eric Lepetit (@ericlepetitsf) for help troubleshooting */

@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
/* iPhone 6 and 6+ */
.email-container {
min-width: 375px !important;
}
}
     </style>
     <style type="text/css">
      @media only screen and (max-width: 675px) {
.reverse_order_on_mobile {
display: flex;
    flex-direction: column-reverse;
}
}
     </style>
     <title>
      Ocado
     </title>
    </td>
    <td class="m_hide" height="1" style="font-size:0; line-height:1px; height:1px;">
    </td>
   </tr>
  </table>
  <table bgcolor="#e1e6eb" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
   <tr>
    <td class="m_hide" height="1" style="font-size:0; line-height:1px; height:1px;">
    </td>
    <td bgcolor="#ffffff" style="width:680px;text-align:left;word-wrap:break-word;word-break:normal" valign="top">
     <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="header_ocado_logo" style="width: 100%; max-width: 680px; background: #FFFFFF;" width="680">
      <tr>
       <td bgcolor="#e1e6eb" class="weblink" style="text-align: right; width: 100%; font-size: 14px; font-family: 'Poppins', Tahoma, sans-serif; mso-height-rule: exactly; line-height:120%; padding:4px 0;">
        <a data-link:="View Online" style="color:#2D333A; text-decoration:underline; padding: 10px; border:none; font-family: 'Poppins', Tahoma, sans-serif;">
         View online
        </a>
       </td>
      </tr>
      <tr bgcolor="#FFFFFF" style="background: #FFFFFF;">
       <td align="center" bgcolor="#FFFFFF" style="padding:0; text-align: center; background: #FFFFFF;" valign="middle">
        <a style="color:#4d216d; text-decoration:none; display: block;font-size: 0; line-height: 0;">
         <img alt="Ocado" border="0" height="65" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252Ftransactional%252F2020_OcadoLogo_w.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1mpsuM:-FbN4ISqHzIB9Pol9IFkSkhy4-ANLMLjbLaGZvoiQu0" style="max-height: 65px; line-height: 20px;" width="187"/>
        </a>
       </td>
      </tr>
     </table>
     <!-- <sg:var name="Show_Nav_Bar" type="Boolean" value="TRUE"/> -->
     <!-- <sg:var name="Nav_bar_Item_MAIN" type="Text" value="Read the digital edition"> <sg:option value="Read the digital edition">OcadoLife</sg:option> <sg:option value="Save on delivery charges">Smart Pass Sign-up</sg:option> <sg:option value="Edit/Book your delivery">Edit/Book your delivery</sg:option> <sg:option value="Donate to You Give We Give">Sustainability</sg:option> <sg:option value="Sign up to Reserved">Sign up to Reserved</sg:option> <sg:option value="Download our app">Download our app</sg:option> </sg:var> -->
     <style type="text/css">
      .header_ocado_logo { border: none !important; }
     </style>
     <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="" style="width: 100%; max-width: 680px; background: #FFFFFF; border: 8px solid #fff;" width="680">
      <tr>
       <td style="width: 33.33%; font-family: 'Poppins', Tahoma, sans-serif; text-align: center; font-size: 17px; line-height:21px; mso-height-rule: exactly; font-weight: bold; padding: 8px; border-right: 2px solid #E1E6EB;">
        <a style="color:#2d333a; text-decoration:none; font-family: 'Poppins', Tahoma, sans-serif;">
         Offers
        </a>
       </td>
       <td style="width: 33.33%; font-family: 'Poppins', Tahoma, sans-serif; text-align: center; font-size: 17px; line-height:21px; mso-height-rule: exactly; font-weight: bold; padding: 8px; border-right: 2px solid #E1E6EB;">
        <a style="color:#2d333a; font-family: 'Poppins', Tahoma, sans-serif; text-decoration:none; font-family: 'Poppins', Tahoma, sans-serif;">
         Browse
        </a>
       </td>
       <td style="width: 33.33%; text-align: center; font-size: 17px; line-height:21px; mso-height-rule: exactly; font-weight: bold; padding: 8px;">
        <a style="color:#2d333a; text-decoration:none; font-family: 'Poppins', Tahoma, sans-serif;">
         Recipes
        </a>
       </td>
      </tr>
     </table>
     <table align="center" bgcolor="#4D216D" border="0" cellpadding="0" cellspacing="0" class="" style="width: 100%; max-width: 680px; background: #4D216D; table-layout: fixed; border: solid 4px #4d216d;" width="680">
      <tr>
       <!-- <sg:conditional id="my_orders" expression="eq([VARIABLE.Show_left], TRUE)"> -->
       <td class="m_hide" style="width: 50%; font-family: 'Poppins', Tahoma, sans-serif; text-align: center; font-size: 14px; line-height: 30px; mso-height-rule: exactly; font-weight: normal; padding: 0 4px 2px 4px;">
        <img alt="" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK0534_nav_myorders.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1mpsuM:-FbN4ISqHzIB9Pol9IFkSkhy4-ANLMLjbLaGZvoiQu0" style="width: 24px; max-width: 24px; vertical-align: middle; padding-right: 12px;" width="24"/>
        <a style="color:#ffffff; text-decoration:none; font-family: 'Poppins', Tahoma, sans-serif;">
         My orders
        </a>
       </td>
       <!-- <sg:conditional id="book_or_edit" expression="eq([DATA_MARKETING_ATTR.PENDING_ORDER], 'TRUE')"> -->
       <td class="" style="width: 50%; font-family: 'Poppins', Tahoma, sans-serif; text-align: center; font-size: 14px; line-height: 30px; mso-height-rule: exactly; font-weight: normal; padding: 0 4px 2px 4px; border-left: 2px solid #fff;">
        <img alt="" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK0534_nav_book.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1mpsuM:-FbN4ISqHzIB9Pol9IFkSkhy4-ANLMLjbLaGZvoiQu0" style="width: 24px; max-width: 24px; vertical-align: middle; padding-right: 12px;" width="24"/>
        <a style="color:#ffffff; text-decoration:none; font-family: 'Poppins', Tahoma, sans-serif;">
         Book your next delivery
        </a>
       </td>
      </tr>
     </table>
     <!-- <sg:conditional id="book_or_edit" expression="all(eq([DATA_MARKETING_ATTR.footer_social], toint('0')))"> -->
     <!-- <sg:var name="differentMobileImageNeeded" type="Boolean" value="TRUE"/> -->
     <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 680px; width: 100%;" width="680">
      <tr>
       <td style="width: 100% ;max-width: 680px; padding: 0; text-align: center;" width="680">
        <a style="text-decoration: none;">
         <!-- <img src="https://ocado.emsecure.net/images/2021/WE_20210519_1.jpg" alt="" width="100%" border="0" style="display:block;">  -->
        </a>
        <table border="0" cellpadding="0" cellspacing="0" class="m_hide" role="presentation" width="100%">
         <tr>
          <td align="center">
           <a rel="noopener noreferrer" style="text-decoration:none" target="_blank">
            <img alt="Black Friday" border="0" class="full" id="OWATemporaryImageDivContainer1" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252FSMC%252F.org%252Fc3e42fdd-2a0e-426a-8fd4-363f732fc6e4%252FSeasonal%252FBlack%2520Friday%2520Launch%2520Email%252Fblack_friday_crm_desktop%2520%25281%2529.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="display:block;width:100%;max-width:100%" width="100%"/>
           </a>
          </td>
         </tr>
        </table>
        <!-- <sg:conditional id="social" expression="all(eq([VARIABLE.ShowCTA], 1))"> -->
        <table border="0" cellpadding="0" cellspacing="0" class="m_show" role="presentation" style="display:none" width="100%">
         <tr>
          <td align="center">
           <a rel="noopener noreferrer" style="text-decoration:none" target="_blank">
            <img alt="Black Friday" border="0" class="full" id="OWATemporaryImageDivContainer1" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252FSMC%252F.org%252Fc3e42fdd-2a0e-426a-8fd4-363f732fc6e4%252FSeasonal%252FBlack%2520Friday%2520Launch%2520Email%252Fblack_friday_crm_mobile%2520%25281%2529.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="max-width:100%;display:block;width:100%" width="100%"/>
           </a>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
     <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
      <tbody>
       <tr>
        <td height="32" style="line-height:32px;height:32px">
         <img alt="" border="0" height="32" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252FPortal%252FResourceHandler%252Fstatic%252Fx.png%253Fno-cache%253D1/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="display:block;height:32px"/>
        </td>
       </tr>
      </tbody>
     </table>
     <!-- Headlines -->
     <!-- Button -->
     <table align="center" border="0" cellpadding="0" cellspacing="0" style="width:100%; max-width: 680px;" width="680">
      <!-- =========== HEADLINE : BEGIN =========== -->
      <tr>
       <td class="mobileMargin" style="padding: 0 40px 16px 40px; text-align:left; font-family: 'Poppins', Tahoma, sans-serif; font-style: normal; font-size: 37px; color: #2D333A; line-height: 44px; mso-height-rule: exactly;">
        <h1 style="margin: 0; text-align:left; font-family: 'Poppins', Tahoma, sans-serif; font-style: normal; font-size: 37px; color: #2D333A; line-height: 44px; mso-line-height-rule: exactly;">
         Thank Ocado it’s Black Friday
        </h1>
       </td>
      </tr>
      <!-- =========== HEADLINE : END =========== -->
      <tr>
       <td class="mobileMargin paragraphTextTD" style="padding: 0 40px 30px 40px; text-align:left; font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 16px; color: #2D333A; line-height: 26px; mso-height-rule: exactly;">
        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
         <tr>
          <td style="font-family:'Poppins', Tahoma, sans-serif;font-size:16px;color:#2D333A;font-weight:normal;word-wrap:break-word;word-break:normal;line-height:26px;text-align:left;font-style:normal;mso-line-height-rule:exactly">
           <p style="font-family:'Ocado Sans', 'Muli', Tahoma, sans-serif;font-size:17px;color:#2D333A;font-weight:normal;word-wrap:break-word;word-break:normal;line-height:25px">
            ‘Tis the season of giving, to family, friends, your pets and yourself. Luckily, shopping for gifts is a joy with our sensational Black Friday deals across Home &amp; Lifestyle, Health &amp; Beauty and more. So roll up your sleeves and make room in your cupboards, it’s time to save.
           </p>
           <p style="font-family:'Ocado Sans', 'Muli', Tahoma, sans-serif;font-size:17px;color:#2D333A;font-weight:normal;word-wrap:break-word;word-break:normal;line-height:25px">
            Don't forget, you can also get free delivery on your first shop.
           </p>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
     <!-- Button -->
     <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 680px;" width="100%">
      <tr>
       <td class="mobileMargin" dir="" height="100%" style="padding: 0 32px 12px 32px; text-align: center;" valign="top" width="100%">
        <!--[if mso]> <table border="0" cellspacing="0" cellpadding="0" align="center" width="680" style="width:680px;"> <tr><td align="center" valign="middle" width="340" style="width:340px;"> <![endif]-->
        <div class="stack-column mobileMarginZero" style="display:inline-block; margin: 0; max-width: 300px; vertical-align:top;  width:100%;">
         <table border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="text-align: right;" width="100%">
          <!-- =========== BUTTON : BEGIN =========== -->
          <tr>
           <td class="center-on-narrow mobileMarginZero" style="padding: 0 40px 20px 40px; text-align:right;">
            <table align="right" border="0" cellpadding="0" cellspacing="0" class="center-on-narrow mobileMarginZero" role="presentation" style="Margin: auto">
             <tr>
              <!--[if (gte mso 15)|(IE)]><td style="width:10px;" >&nbsp;</td><![endif]-->
              <td style="font-family: 'Poppins', Tahoma, sans-serif; font-size: 17px; border-radius: 8px; text-align: center; padding: 0; font-weight: bold; background:#4D216D;">
               <a class="button-a-grape" style="background: #4D216D; color: #ffffff; border: 2px solid #4D216D; padding: 10px 15px; text-align: center; min-width:130px; max-width: 280px; overflow: visible; text-decoration: none !important; display: block; border-radius: 8px; font-weight: bold; font-family: 'Poppins', Tahoma, sans-serif;">
                <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                Book a slot
                <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
               </a>
              </td>
              <!--[if mso]> </td> <![endif]-->
             </tr>
            </table>
           </td>
          </tr>
          <!-- =========== BUTTON : END =========== -->
         </table>
        </div>
        <!--[if mso]> </td> <td valign="middle" width="340" style="width:340px;"> <![endif]-->
        <div class="stack-column mobileMarginZero" style="display:inline-block; margin: 0; max-width: 300px; vertical-align:top;  width:100%;">
         <table border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="text-align: left;" width="100%">
          <!-- =========== BUTTON : BEGIN =========== -->
          <tr>
           <td class="center-on-narrow mobileMarginZero" style="padding: 0 40px 20px 40px; text-align:left;">
            <table align="left" border="0" cellpadding="0" cellspacing="0" class="center-on-narrow mobileMarginZero" role="presentation" style="Margin: auto">
             <tr>
              <!--[if (gte mso 15)|(IE)]><td style="width:10px;" >&nbsp;</td><![endif]-->
              <td style="font-family: 'Poppins', Tahoma, sans-serif; font-size: 17px; border-radius: 8px; text-align: center; padding: 0; font-weight: bold; background:#4D216D;">
               <a class="button-a-grape" style="background: #4D216D; color: #ffffff; border: 2px solid #4D216D; padding: 10px 15px; text-align: center; min-width:130px; max-width: 280px; overflow: visible; text-decoration: none !important; display: block; border-radius: 8px; font-weight: bold; font-family: 'Poppins', Tahoma, sans-serif;">
                <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                Shop Black Friday
                <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
               </a>
              </td>
              <!--[if mso]> </td> <![endif]-->
             </tr>
            </table>
           </td>
          </tr>
          <!-- =========== BUTTON : END =========== -->
         </table>
        </div>
        <!--[if mso]> </td> </tr> </table> <![endif]-->
       </td>
      </tr>
     </table>
     <!-- Text fields -->
     <!-- <sg:var name="SKU1_offer_line2_red" type="Boolean" value="TRUE" /> -->
     <!-- <sg:var name="SKU2_offer_line2_red" type="Boolean" value="TRUE" /> -->
     <!-- <sg:var name="SKU3_offer_line2_red" type="Boolean" value="TRUE" /> -->
     <!-- <sg:var name="SKU4_offer_line2_red" type="Boolean" value="TRUE" /> -->
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="_E2_4_SKU_CTA" style="width:100%; max-width: 680px;" width="680">
      <!-- =========== SECTION HEADLINE : BEGIN =========== -->
      <tr>
       <td class="mobileMargin" style="padding: 0 40px 15px 40px; text-align:left;">
        <h2 style="font-size:28px; line-height: 34px; margin: 0; text-align:left; font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; color:#2D333A; mso-line-height-rule: exactly; font-weight: bold;">
         Gifts for everyone on your list
        </h2>
       </td>
      </tr>
      <!-- =========== SECTION HEADLINE : END =========== -->
      <tr>
       <td class="mobileMargin paragraphTextTD" style="padding: 0 40px 20px 40px;">
        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
         <tr>
          <td style="font-family:'Poppins', Tahoma, sans-serif;font-size:16px;color:#2D333A;font-weight:normal;word-wrap:break-word;word-break:normal;line-height:26px;text-align:left;font-style:normal;mso-height-rule:exactly">
           Looks like Christmas came early this year. Discover our Black Friday sale and start crossing gifts off your list.
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <tr>
       <td align="center" bgcolor="#FFFFFF" height="100%" style="padding: 10px 0 40px 0;" valign="top" width="100%">
        <!--[if mso]> <table role="presentation" border="0" cellspacing="0" cellpadding="0" align="center" width="660" style="width:660px;"> <tr> <td align="center" valign="top" width="660" style="width:660px;"> <![endif]-->
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="max-width:660px;" width="100%">
         <tr>
          <td align="center" class="" valign="top">
           <!--[if mso]> <table role="presentation" border="0" cellspacing="0" cellpadding="0" align="center" width="660" style="width:660px;"> <tr> <td align="center" valign="top" width="330" style="width:330px;"> <![endif]-->
           <div class="stack-column" style="display:inline-block; Margin: 0 -2px; width:100%; min-width:200px; max-width:325px; vertical-align:top;">
            <table width="325px">
             <tr>
              <td class="" style="padding: 10px 0 0 0;" width="320">
               <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;" width="100%">
                <tr>
                 <td align="center" style="padding: 0 5px 5px 5px;" valign="top">
                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;" width="100%">
                   <tr>
                    <td align="center">
                     <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                      <tr>
                       <td align="center" width="150">
                        <a>
                         <img alt="" class="center-on-narrow" src="https://inboxflows.com/_/image/http%253A%252F%252Fwww.ocado.com%252FproductImages%252F565%252F565050011_0_640x640.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnd3dy5vY2Fkby5jbyJ9:1mpsuM:2Pn6EHZ5BHRHBx3b-_6oS9vKKB-rRBeV2FnSmaQ8h4g" style="border: 0;width: 150px; max-width: 150px; text-align:left; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 14px; color: #54585A; line-height: 19px; line-height: 136%; mso-height-rule: exactly;" width="150"/>
                        </a>
                       </td>
                      </tr>
                      <tr>
                       <td class="" style="padding: 10px 5px 10px 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 14px; color: #2D333A; line-height: 19px; line-height: 136%; mso-line-height-rule: exactly; font-weight: bold;">
                        <a style="text-decoration: none; color: #2D333A;">
                         LEGO Harry Potter Hogwarts Fluffy Encounter
                        </a>
                       </td>
                      </tr>
                      <tr>
                       <td style="padding: 0 20px 0 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 16px; color: #C51D25; line-height: 21px; line-height: 120%; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                        Save 1/3
                       </td>
                      </tr>
                      <tr>
                       <td style="padding: 5px 20px 5px 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 16px; color: #1c1e1f; line-height: 21px; line-height: 120%; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                        Was £34.99
                       </td>
                      </tr>
                     </table>
                    </td>
                   </tr>
                  </table>
                 </td>
                 <td align="center" style="padding: 0 5px 0 5px;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;" width="100%">
                   <tr>
                    <td align="center">
                     <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                      <tr>
                       <td align="center" width="150">
                        <a>
                         <img alt="" class="center-on-narrow" src="https://inboxflows.com/_/image/http%253A%252F%252Fwww.ocado.com%252FproductImages%252F351%252F351525011_0_640x640.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnd3dy5vY2Fkby5jbyJ9:1mpsuM:2Pn6EHZ5BHRHBx3b-_6oS9vKKB-rRBeV2FnSmaQ8h4g" style="border: 0;width: 150px; max-width: 150px; text-align:left; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 14px; color: #54585A; line-height: 19px; line-height: 136%; mso-height-rule: exactly;" width="150"/>
                        </a>
                       </td>
                      </tr>
                      <tr>
                       <td class="" style="padding: 10px 5px 10px 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 14px; color: #2D333A; line-height: 19px; line-height: 136%; mso-line-height-rule: exactly; font-weight: bold;">
                        <a style="text-decoration: none; color: #2D333A;">
                         Pyrex 3 Piece Roaster Set
                        </a>
                       </td>
                      </tr>
                      <tr>
                       <td style="padding: 0 20px 0 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 16px; color: #C51D25; line-height: 21px; line-height: 120%; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                        Half Price
                       </td>
                      </tr>
                      <tr>
                       <td style="padding: 5px 20px 5px 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 16px; color: #1c1e1f; line-height: 21px; line-height: 120%; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                        Was £35
                       </td>
                      </tr>
                     </table>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </div>
           <!--[if mso]></td><td align="left" valign="top" width="330" style="width:330px;"><![endif]-->
           <div class="stack-column" style="display:inline-block; Margin: 0 -2px; width:100%; min-width:200px; max-width:325px; vertical-align:top;">
            <table width="325px">
             <tr>
              <td class="" style="padding: 10px 0 0 0;" width="320">
               <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;" width="100%">
                <tr>
                 <td align="center" style="padding: 0 5px 5px 5px;" valign="top">
                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;" width="100%">
                   <tr>
                    <td align="center">
                     <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                      <tr>
                       <td align="center" width="150">
                        <a>
                         <img alt="" class="center-on-narrow" src="https://inboxflows.com/_/image/http%253A%252F%252Fwww.ocado.com%252FproductImages%252F470%252F470605011_0_640x640.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnd3dy5vY2Fkby5jbyJ9:1mpsuM:2Pn6EHZ5BHRHBx3b-_6oS9vKKB-rRBeV2FnSmaQ8h4g" style="border: 0;width: 150px; max-width: 150px; text-align:left; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 14px; color: #54585A; line-height: 19px; line-height: 136%; mso-height-rule: exactly;" width="150"/>
                        </a>
                       </td>
                      </tr>
                      <tr>
                       <td class="" style="padding: 10px 5px 10px 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 14px; color: #2D333A; line-height: 19px; line-height: 136%; mso-line-height-rule: exactly; font-weight: bold;">
                        <a style="text-decoration: none; color: #2D333A;">
                         Weleda Body butter
                        </a>
                       </td>
                      </tr>
                      <tr>
                       <td style="padding: 0 20px 0 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 16px; color: #C51D25; line-height: 21px; line-height: 120%; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                        Better than Half Price
                       </td>
                      </tr>
                      <tr>
                       <td style="padding: 5px 20px 5px 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 16px; color: #1c1e1f; line-height: 21px; line-height: 120%; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                        Was £19.75
                       </td>
                      </tr>
                     </table>
                    </td>
                   </tr>
                  </table>
                 </td>
                 <td align="center" style="padding: 0 5px 10px 5px;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;" width="100%">
                   <tr>
                    <td align="center">
                     <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                      <tr>
                       <td align="center" width="150">
                        <a>
                         <img alt="" class="center-on-narrow" src="https://inboxflows.com/_/image/http%253A%252F%252Fwww.ocado.com%252FproductImages%252F336%252F336725011_0_640x640.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnd3dy5vY2Fkby5jbyJ9:1mpsuM:2Pn6EHZ5BHRHBx3b-_6oS9vKKB-rRBeV2FnSmaQ8h4g" style="border: 0;width: 150px; max-width: 150px; text-align:left; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 14px; color: #54585A; line-height: 19px; line-height: 136%; mso-height-rule: exactly;" width="150"/>
                        </a>
                       </td>
                      </tr>
                      <tr>
                       <td class="" style="padding: 10px 5px 10px 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 14px; color: #2D333A; line-height: 19px; line-height: 136%; mso-line-height-rule: exactly; font-weight: bold;">
                        <a style="text-decoration: none; color: #2D333A;">
                         Oral-B Smart Series 5 (5000) Cross Action Toothbrush
                        </a>
                       </td>
                      </tr>
                      <tr>
                       <td style="padding: 0 20px 0 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 16px; color: #C51D25; line-height: 21px; line-height: 120%; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                        Better than Half Price
                       </td>
                      </tr>
                      <tr>
                       <td style="padding: 5px 20px 5px 20px; text-align:left;font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 16px; color: #1c1e1f; line-height: 21px; line-height: 120%; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                        Was £170
                       </td>
                      </tr>
                     </table>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </div>
           <!--[if mso]> </td> </tr> </table> <![endif]-->
          </td>
         </tr>
        </table>
        <!--[if mso]> </td> </tr> </table> <![endif]-->
       </td>
      </tr>
     </table>
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="Margin: auto">
      <tr>
       <!--[if (gte mso 15)|(IE)]> <td style="width:10px;" >&nbsp;</td> <![endif]-->
       <td class="" style="font-family: 'Ocado Sans', 'Poppins', Tahoma, sans-serif; font-size: 17px; border-radius: 8px; text-align: center; padding: 0; font-weight: bold; background: #4D216D; color: #ffffff;;">
        <a style="background: #4D216D; color: #ffffff;; padding: 10px 15px; text-align: center; min-width:140px; max-width: 280px; overflow: visible; text-decoration: none !important; display: block; border-radius: 8px; font-weight: bold;">
         <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
         Shop deals
         <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
        </a>
       </td>
       <!--[if mso]> </td> <![endif]-->
      </tr>
      <tr>
       <td height="40" style="line-height:40px;height:40px">
        <img alt="" border="0" height="40" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252FPortal%252FResourceHandler%252Fstatic%252Fx.png%253Fno-cache%253D1/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="display:block;height:40px"/>
       </td>
      </tr>
     </table>
     <!-- Text fields -->
     <!-- <sg:var name="Article_body" type="Text" value="Perfect place to shop butcher baker candlesticks, candles and more. Myocado browse shop for favourites offers new smartpass wine and seasonal household home and garden own label."/> -->
     <!-- Button -->
     <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 680px;" width="100%">
      <tr>
       <td class="mobileMargin" dir="" height="100%" style="padding: 15px 32px 40px 32px; text-align: left;" valign="top" width="100%">
        <!--[if mso]> <table border="0" cellspacing="0" cellpadding="0" align="center" width="680" style="width:680px;"> <tr><td align="center" valign="middle" width="340" style="width:340px;"> <![endif]-->
        <!-- ( 680 / 2 ) - ( 32 * 2 ) - ( 24 / 2 ) -->
        <div class="stack-column" style="display:inline-block; Margin: 0; width:100%; max-width:296px; vertical-align:middle;">
         <table width="100%">
          <tr>
           <td class="" style="padding: 0;">
            <table border="0" cellpadding="0" cellspacing="0" style="font-size: 14px; text-align: left;" width="100%">
             <tr>
              <td>
               <a>
               </a>
               <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tr>
                 <td align="left">
                  <a rel="noopener noreferrer" style="text-decoration:none" target="_blank">
                   <img alt="Christmas" border="0" class="full" id="OWATemporaryImageDivContainer1" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252FSMC%252F.org%252Fc3e42fdd-2a0e-426a-8fd4-363f732fc6e4%252FSeasonal%252FBlack%2520Friday%2520Launch%2520Email%252FHave%2520yourself%2520a%2520merry%2520little%2520shop-2x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="display:block;width:100%;max-width:100%;vertical-align:top;border:none" width="100%"/>
                  </a>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </div>
        <!--[if mso]> </td> <td valign="middle" width="340" style="width:340px;"> <![endif]-->
        <div class="stack-column" style="display:inline-block; margin: 0; max-width: 315px; vertical-align:top;  width:100%;">
         <table border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="text-align: left;" width="100%">
          <tr>
           <td class="ResetTopPadding mobileMarginZero" style="padding: 0 0 20px 24px;">
            <h3 style="font-size:24px; line-height: 29px; margin: 0; text-align:left; font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; color:#2D333A; mso-line-height-rule: exactly; font-weight: bold;">
             Have yourself a merry little shop
            </h3>
           </td>
          </tr>
          <!-- <tr> <td style="padding: 0 0 20px 24px; text-align:left; font-family: 'Ocado Sans', 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 16px; color: #2D333A; line-height: 22px; mso-height-rule: exactly;" class="">

</td> </tr> -->
          <!-- 
==================================================
NOTE
==================================================
This body copy should be in the following format (sg:content, no variable, to allow the team to add links or use bold styling on some words. Training should emphasise that no colour, alignment or font-size change should be permitted.) -->
          <tr>
           <td class="paragraphTextTD mobileMarginZero" style="padding: 0 0 20px 24px; text-align:left; mso-height-rule: exactly;">
            <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
             <tr>
              <td style="font-family:'Poppins', Tahoma, sans-serif;font-size:16px;color:#2D333A;font-weight:normal;word-wrap:break-word;word-break:normal;line-height:26px;text-align:left;font-style:normal;mso-height-rule:exactly">
               Discover the magic of an Ocado Christmas in our festive shop.
               <br/>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <!-- =========== BUTTON : BEGIN =========== -->
          <tr>
           <td class="center-on-narrow mobileMarginZero" style="padding: 0 0 20px 24px; text-align:left;">
            <table align="left" border="0" cellpadding="0" cellspacing="0" class="center-on-narrow mobileMarginZero" role="presentation" style="Margin: auto">
             <tr>
              <!--[if (gte mso 15)|(IE)]><td style="width:10px;" >&nbsp;</td><![endif]-->
              <td style="font-family: 'Poppins', Tahoma, sans-serif; font-size: 17px; border-radius: 8px; text-align: center; padding: 0; font-weight: bold; background:#4D216D;">
               <a class="button-a-grape" style="background: #4D216D; color: #ffffff; border: 2px solid #4D216D; padding: 10px 15px; text-align: center; min-width:130px; max-width: 280px; overflow: visible; text-decoration: none !important; display: block; border-radius: 8px; font-weight: bold; font-family: 'Poppins', Tahoma, sans-serif;">
                <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                Shop Christmas
                <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
               </a>
              </td>
              <!--[if mso]> </td> <![endif]-->
             </tr>
            </table>
           </td>
          </tr>
          <!-- =========== BUTTON : END =========== -->
         </table>
        </div>
        <!--[if mso]> </td> </tr> </table> <![endif]-->
       </td>
      </tr>
     </table>
     <!-- Text fields -->
     <!-- Button -->
     <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 640px;" width="100%">
      <tr>
       <td class="mobileMargin" dir="rtl" style="padding: 15px 20px 20px 20px; text-align: left;" width="100%">
        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
         <tr>
          <!-- Column : BEGIN -->
          <th class="stack-column" valign="top" width="50%">
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="text-align: center;" width="100%">
            <tr>
             <td dir="ltr">
              <a>
              </a>
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
               <tr>
                <td align="left">
                 <a rel="noopener noreferrer" style="text-decoration:none" target="_blank">
                  <img alt="YGWG" border="0" class="full" id="OWATemporaryImageDivContainer1" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252FSMC%252F.org%252Fc3e42fdd-2a0e-426a-8fd4-363f732fc6e4%252FSeasonal%252FBlack%2520Friday%2520Launch%2520Email%252FYou%2520give%2520%2520we%2520give-2x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="display:block;width:100%;max-width:100%;vertical-align:top;border:none" width="100%"/>
                 </a>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </th>
          <!-- Column : END -->
          <!-- Column : BEGIN -->
          <th class="stack-column" valign="top" width="50%">
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
            <tr>
             <td class="ResetTopPadding mobileMarginZero" dir="ltr" style="padding: 0 24px 20px 0;">
              <h3 style="font-size:24px; line-height: 29px; margin: 0; text-align:left; font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; color:#2D333A; mso-line-height-rule: exactly; font-weight: bold;">
               You give, we give.
              </h3>
             </td>
            </tr>
            <tr>
             <td class="paragraphTextTD mobileMarginZero" dir="ltr" style="padding: 0 24px 20px 0; text-align:left; mso-height-rule: exactly;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
               <tr>
                <td style="font-family:'Poppins', Tahoma, sans-serif;font-size:16px;color:#2D333A;font-weight:normal;word-wrap:break-word;word-break:normal;line-height:26px;text-align:left;font-style:normal;mso-height-rule:exactly">
                 Helping others is even more important this Christmas. If you can, add a You Give We Give donation voucher to your next shop and we'll match the amount.
                </td>
               </tr>
              </table>
             </td>
            </tr>
            <!-- =========== BUTTON : BEGIN =========== -->
            <tr>
             <td class="center-on-narrow mobileMarginZero" style="padding: 0 0 30px 0; text-align:left;">
              <table align="left" border="0" cellpadding="0" cellspacing="0" class="center-on-narrow mobileMarginZero" role="presentation" style="Margin: auto">
               <tr>
                <!--[if (gte mso 15)|(IE)]><td style="width:10px;" >&nbsp;</td><![endif]-->
                <td style="font-family: 'Poppins', Tahoma, sans-serif; font-size: 17px; border-radius: 8px; text-align: center; padding: 0; font-weight: bold; background:#4D216D;">
                 <a class="button-a-grape" style="background: #4D216D; color: #ffffff; border: 2px solid #4D216D; padding: 10px 15px; text-align: center; min-width:130px; max-width: 280px; overflow: visible; text-decoration: none !important; display: block; border-radius: 8px; font-weight: bold; font-family: 'Poppins', Tahoma, sans-serif;">
                  <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                  Find out more
                  <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                 </a>
                </td>
                <!--[if mso]> </td> <![endif]-->
               </tr>
              </table>
             </td>
            </tr>
            <!-- =========== BUTTON : END =========== -->
           </table>
          </th>
          <!-- Column : END -->
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
    <td class="m_hide" height="1" style="font-size:0; line-height:1px; height:1px;">
    </td>
   </tr>
  </table>
  <table bgcolor="#e1e6eb" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
   <tr>
    <td class="m_hide" height="1" style="font-size:0; line-height:1px; height:1px;">
    </td>
    <td bgcolor="#ffffff" style="width:680px;text-align:left;word-wrap:break-word;word-break:normal" valign="top">
     <link href="https://fonts.googleapis.com" rel="preconnect"/>
     <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;800&amp;display=swap" rel="stylesheet"/>
     <table align="center" bgcolor="#2D333A" border="0" cellpadding="0" cellspacing="0" class="footer email-container" role="presentation" style="max-width: 680px; width: 100%;" width="100%">
      <tr bgcolor="#2D333A">
       <td align="center" bgcolor="#2D333A" style="padding: 0;">
        <!-- This is 30px because we have padding-top: 10px on all modules within, which equals 40px -->
        <!-- FOOTER_TOP : BEGIN -->
        <!-- FOOTER_CONTACT : BEGIN -->
        <table align="center" bgcolor="#2D333A" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
         <tr>
          <td style="padding: 30px 0 15px 0; width: 100%; font-size: 22px; font-family: 'Poppins', Tahoma, Helvetica, sans-serif; mso-height-rule: exactly; line-height:28px; text-align: center; color: #FFFFFF; font-weight: bold;">
           There’s an Ocado just for you
          </td>
         </tr>
        </table>
        <table align="center" bgcolor="#2D333A" border="0" cellpadding="0" cellspacing="0" style="max-width: 640px;" width="100%">
         <tr>
          <td align="center" style="font-size:0; padding: 10px 0 10px 0; text-align: center;" valign="top">
           <!--[if mso]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="680" style="width:680px;"> <tr> <td align="center" valign="middle" width="225" style="width:225px;"> <![endif]-->
           <div class="FooterTopRow" style="display:inline-block; max-width:28%;  vertical-align:middle; width:100%;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:225px;" width="100%">
             <tr>
              <td class="" height="40" style="font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 0px; color: #4D216D; font-weight: bold; line-height: 0px; mso-line-height-rule:exactly; padding: 0; vertical-align: middle; text-align: center;" valign="middle" width="30%">
               <a>
                <img alt="" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252F20210826_icon_calendar.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1mpsuM:-FbN4ISqHzIB9Pol9IFkSkhy4-ANLMLjbLaGZvoiQu0" style="width: 100%; max-width: 40px; width: 40px; vertical-align: middle;" width="40"/>
               </a>
              </td>
              <td class="BorderReset" height="40" style="text-align: left; font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 17px; color: #4D216D; font-weight: normal; line-height: 20px; mso-line-height-rule:exactly; padding: 0 5px 0 5px; vertical-align: middle; border-right: 1px solid #FFFFFF;" valign="middle">
               <a style="text-decoration: none !important; font-weight: normal !important; color: #ffffff; font-size: 16px; line-height: 17px; mso-line-height-rule:exactly;">
                Reserved
               </a>
              </td>
             </tr>
            </table>
           </div>
           <!--[if mso]> </td> <td align="center" valign="middle" width="225" style="width:225px;"> <![endif]-->
           <div class="FooterTopRow" style="display:inline-block; max-width:30%; vertical-align:middle; width:100%;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:225px; padding:0;" width="100%">
             <tr>
              <td class="" height="40" style="font-size: 0px; line-height: 0px; mso-line-height-rule:exactly; padding: 0 0 0 5px; vertical-align: middle; text-align: right;" valign="middle" width="30%">
               <a>
                <img alt="" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252F20210826_icon_sp.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1mpsuM:-FbN4ISqHzIB9Pol9IFkSkhy4-ANLMLjbLaGZvoiQu0" style="width: 100%; max-width: 40px; width: 40px; vertical-align: middle;" width="40"/>
               </a>
              </td>
              <td class="BorderReset" height="40" style="text-align: left; font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 17px; color: #4D216D; font-weight: normal; line-height: 20px; mso-line-height-rule:exactly; padding: 0 5px 0 5px; vertical-align: middle; border-right: 1px solid #FFFFFF;">
               <a style="text-decoration: none !important; font-weight: normal !important; color: #ffffff; font-size: 16px; line-height: 17px; mso-line-height-rule:exactly;">
                Smart Pass
               </a>
              </td>
             </tr>
            </table>
           </div>
           <!--[if mso]> </td> <td align="center" valign="middle" width="225" style="width:225px;"> <![endif]-->
           <div class="FooterDrop" style="display:inline-block; max-width:30%; vertical-align:middle; width:100%;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:225px;" width="100%">
             <tr>
              <td class="" height="40" style="font-size: 0px; line-height: 0px; mso-line-height-rule:exactly; padding: 0 0 0 5px; vertical-align: middle; text-align: right;" valign="middle" width="30%">
               <a>
                <img alt="" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252F20210826_icon_sustain.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1mpsuM:-FbN4ISqHzIB9Pol9IFkSkhy4-ANLMLjbLaGZvoiQu0" style="width: 100%; max-width: 40px; width: 40px; vertical-align: middle;" width="40"/>
               </a>
              </td>
              <td class="" height="40" style="text-align: left; font-family: 'Poppins', Tahoma, sans-serif; font-style:normal; font-size: 17px; color: #4D216D; font-weight: normal; line-height: 20px; mso-line-height-rule:exactly; padding: 0 5px 0 5px; vertical-align: middle;" valign="left">
               <a style="text-decoration: none !important; font-weight: normal !important; color: #ffffff; font-size: 16px; line-height: 17px; mso-line-height-rule:exactly;">
                Sustainability
               </a>
              </td>
             </tr>
            </table>
           </div>
           <!--[if mso]> </td> </tr> </table> <![endif]-->
          </td>
         </tr>
        </table>
        <!-- FOOTER_CONTACT : END -->
        <!-- FOOTER_APP : START -->
        <table align="center" bgcolor="#2D333A" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px; margin:0 auto;" width="90%">
         <tr>
          <td align="center" style="padding: 30px 20px 10px 20px; width: 100%; font-family: 'Poppins', Tahoma, Helvetica, sans-serif; color:#ffffff; font-weight:bold; font-size:16px; mso-height-rule: exactly; line-height:22px; text-align: center;">
           Shop smarter with our app
          </td>
         </tr>
         <tr>
          <td align="center" style="font-size:0; padding: 0;" valign="top">
           <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="100%"><tr><td align="center" valign="top" width="20%"><![endif]-->
           <div style="display:inline-block; Margin: 0 -2px; vertical-align:top; width:100%;">
            <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
             <tr>
              <td>
               <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tr>
                 <td align="center" style="padding: 10px 0 20px 0; text-align: center;">
                  <table align="center" bgcolor="#2D333A" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
                   <tr>
                    <td width="120">
                     <a>
                      <img alt="Download on the App Store" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FDT1047_AppStoreIcon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1mpsuM:-FbN4ISqHzIB9Pol9IFkSkhy4-ANLMLjbLaGZvoiQu0" style="border: 0; width:120; max-width: 120px; font-family: 'Muli', Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px; color: #FFFFFF; text-align: left;" width="120"/>
                     </a>
                    </td>
                    <td width="10">
                    </td>
                    <td width="135">
                     <a>
                      <img alt="Get it on Google Play" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FDT1047_GoogleIcon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1mpsuM:-FbN4ISqHzIB9Pol9IFkSkhy4-ANLMLjbLaGZvoiQu0" style="border: 0; width:135; max-width: 135px; font-family: 'Muli', Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11px;text-align: center;" width="135"/>
                     </a>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </div>
           <!--[if mso]></td></tr></table><![endif]-->
          </td>
         </tr>
        </table>
        <!-- FOOTER_APP : END -->
        <!-- SOCIAL ICONS : BEGIN -->
        <table align="center" bgcolor="#2D333A" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="100%">
         <tr>
          <td align="center" height="100%" style="padding: 15px 0 20px 0; font-family: 'Poppins', Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #FFFFFF;" valign="top" width="100%">
           We’re a social bunch
           <br/>
           <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="375" style="width:500px;"><tr><td align="center" valign="top" width="500" style="width:500px;"><![endif]-->
           <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:480px;" width="100%">
            <tr>
             <td align="center" style="font-size:0; padding: 20px 0 0 0;" valign="top">
              <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="100%"><tr><td align="left" valign="top" width="80px;" style="width:80px;"><![endif]-->
              <div style="display:inline-block; Margin: 0; vertical-align:top; width:16%;">
               <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tr>
                 <td style="padding:0;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tr>
                    <td align="center" style="font-family: 'Poppins', Tahoma, Helvetica, sans-serif;">
                     <a style="color:#FFFFFF; text-decoration:none; font-size: 12px; line-height: 14px; mso-line-height-rule: exactly; text-align: center;">
                      <img alt="Pinterest" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FFooter_202108312_pinterest.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="border: 0; width: 40px; max-width: 40px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="40"/>
                     </a>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </div>
              <!--[if mso]></td><td align="left" valign="top" width="80px;" style="width:80px;"><![endif]-->
              <div style="display:inline-block; Margin: 0; vertical-align:top; width:16%;">
               <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tr>
                 <td style="padding:0;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tr>
                    <td align="center" style="font-family: 'Poppins', Tahoma, Helvetica, sans-serif;">
                     <a style="color:#FFFFFF; text-decoration:none; font-size: 12px; line-height: 14px; mso-line-height-rule: exactly; text-align: center;">
                      <img alt="YouTube" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FFooter_20210831_yt.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="border: 0; width: 40px; max-width: 40px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="40"/>
                     </a>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </div>
              <!--[if mso]></td><td align="left" valign="top" width="80px;" style="width:80px;"><![endif]-->
              <div style="display:inline-block; Margin: 0; vertical-align:top; width:16%;">
               <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tr>
                 <td style="padding: 0;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tr>
                    <td align="center" style="font-family: 'Poppins', Tahoma, Helvetica, sans-serif;">
                     <a style="color:#FFFFFF; text-decoration:none; font-size: 12px; line-height: 14px; mso-line-height-rule: exactly; text-align: center;">
                      <img alt="Instagram" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FFooter_20210831_Instagram.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="border: 0; width: 40px; max-width: 40px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="40"/>
                     </a>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </div>
              <!--[if mso]></td><td align="left" valign="top" width="80px;" style="width:80px;"><![endif]-->
              <div style="display:inline-block; Margin: 0; vertical-align:top; width:16%;">
               <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tr>
                 <td style="padding: 0;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tr>
                    <td align="center" style="font-family: 'Poppins', Tahoma, Helvetica, sans-serif; mso-line-height-rule:exactly;">
                     <a style="color:#FFFFFF; text-decoration:none; font-size: 14px; line-height: 12px; mso-line-height-rule: exactly; text-align: center;">
                      <img alt="Twitter" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FFooter_20210831_twitter.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="border: 0; width: 40px; max-width: 40px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="40"/>
                     </a>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </div>
              <!--[if mso]></td><td align="left" valign="top" width="80px;" style="width:80px;"><![endif]-->
              <div style="display:inline-block; Margin: 0; vertical-align:top; width:16%;">
               <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tr>
                 <td style="padding: 0;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tr>
                    <td align="center" style="font-family: 'Poppins', Tahoma, Helvetica, sans-serif; mso-line-height-rule:exactly;">
                     <a style="color:#FFFFFF; text-decoration:none; font-size: 14px; line-height: 12px; mso-line-height-rule: exactly; text-align: center;">
                      <img alt="Facebook" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FFooter_20210831_fb.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="border: 0; width: 40px; max-width: 40px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="40"/>
                     </a>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </div>
              <!--[if mso]></td><td align="left" valign="top" width="80px;" style="width:80px;"><![endif]-->
              <div style="display:inline-block; Margin: 0; vertical-align:top; width:16%;">
               <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tr>
                 <td style="padding: 0;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tr>
                    <td align="center" style="font-family: 'Poppins', Tahoma, Helvetica, sans-serif; mso-line-height-rule:exactly;">
                     <a style="color:#FFFFFF; text-decoration:none; font-size: 14px; line-height: 12px; mso-line-height-rule: exactly; text-align: center;">
                      <img alt="Ocado blog" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FFooter_20210831_blog.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mpsuM:B3yCNLaTdf4TZPDLUyjbsGRoM44fbXsCYUx27gE8ZHM" style="border: 0; width: 40px; max-width: 40px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="40"/>
                     </a>
                    </td>
                   </tr>
                  </table>
                 </td>
                </tr>
               </table>
              </div>
              <!--[if mso]></td></tr></table><![endif]-->
             </td>
            </tr>
           </table>
           <!--[if mso]></td></tr></table><![endif]-->
          </td>
         </tr>
        </table>
        <!-- SOCIAL ICONS : END -->
        <!-- FOOTER_TOP : END -->
        <!-- * Footer 2020 - Poppins update - END -->
        <!-- FOOTER_TOP : END -->
        <!-- FOOTER_TERMS : BEGIN -->
        <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="100%">
         <tr>
          <td style="padding: 20px 10px 10px 10px; width: 100%; font-size: 12px; font-family: 'Poppins', Tahoma, Helvetica, sans-serif; mso-height-rule: exactly; line-height:16px; text-align: center; color: #FFFFFF;">
           <strong>
            Terms &amp; Conditions
           </strong>
           <br/>
           <br/>
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
            <tr>
             <td style="font-family:'Poppins', Tahoma, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;font-weight:normal;word-wrap:break-word;word-break:normal;line-height:16px;mso-height-rule:exactly;text-align:center">
              Subject to availability. Usual terms and conditions apply, please see ocado.com for full details.
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
        <!-- FOOTER_TERMS : END -->
        <!-- FOOTER_BOTTOM: BEGIN -->
        <!-- * Footer 2020 - STANDARD OPT-IN (161) - BEGIN -->
        <table align="center" bgcolor="#2D333A" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
         <tr>
          <td bgcolor="#2D333A" style="padding: 0; width: 100%; font-size: 12px; font-family: 'Poppins', Tahoma, Helvetica, sans-serif; mso-height-rule: exactly; line-height:16px; text-align: center; color: #FFFFFF;">
           <br/>
           You’re signed up to receive offers and other marketing communications from Ocado Retail Limited trading as
           <a style="text-decoration: none !important; color: #FFFFFF; font-weight: normal !important;">
            ocado.com
           </a>
           . You can tailor your marketing preferences in your
           <a style="color:#FFFFFF; text-decoration:underline; font-weight: bold;">
            ocado.com account settings
           </a>
           .
          </td>
         </tr>
        </table>
        <table align="center" bgcolor="#2D333A" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
         <tr>
          <td bgcolor="#2D333A" style="padding: 15px 0 0 0; width: 100%; font-size: 12px; font-family: 'Poppins', Tahoma, Helvetica, sans-serif; mso-height-rule: exactly; line-height:20px; mso-line-height-rule:exactly; text-align: center;">
           <a style="color:#FFFFFF; text-decoration:underline; font-weight: bold;">
            Privacy Policy
           </a>
           <span style="color:#FFFFFF;">
            |
           </span>
           <a style="color:#FFFFFF; text-decoration:underline; font-weight: bold;">
            Unsubscribe
           </a>
           <span style="color:#FFFFFF;">
            |
           </span>
           <a style="color:#FFFFFF; text-decoration:underline; font-weight: bold;">
            Contact Us
           </a>
           <span style="color:#FFFFFF;">
            |
           </span>
           <a style="color:#FFFFFF; text-decoration:underline; font-weight: bold;">
            FAQs
           </a>
          </td>
         </tr>
         <tr>
          <td bgcolor="#2D333A" style="padding: 20px 0 30px 0; width: 100%; font-size: 12px; font-family: 'Poppins', Tahoma, Helvetica, sans-serif; color: #FFFFFF; mso-height-rule: exactly; line-height:16px; mso-line-height-rule:exactly; text-align: center;">
           © 2021 Ocado Retail Limited. Registered address:
           <span class="mobile-link--footer">
            Apollo Court, 2 Bishop Square, Hatfield Business Park, Hatfield, Herts, AL10 9EX.
           </span>
           Registered in England – company number:
           <span class="mobile-link--footer">
            03875000
           </span>
           .
          </td>
         </tr>
        </table>
        <!-- * Footer 2020 - STANDARD OPT-IN (161) - END -->
        <!-- FOOTER_BOTTOM: END -->
       </td>
      </tr>
     </table>
    </td>
    <td class="m_hide" height="1" style="font-size:0; line-height:1px; height:1px;">
    </td>
   </tr>
  </table>
 </body>
</html>
3 years, 7 months ago - ocado@ocadomail.com
Our Black Friday sale is here
Plus, free delivery on your first shop ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ View online Offers Browse Recipe...
Inboxes

Ocado Registered user
