Email sent from Ocado to a Registered user

Ocado Registered user

Subscribed 3 years, 7 months ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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" content="html"/>
  <!-- utf-8 works for most cases -->
  <meta content="width=device-width" name="viewport"/>
  <!-- Forcing initial-scale shouldn't be necessary -->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!-- Use the latest (edge) version of IE rendering engine -->
  <!-- WEB FONT / @font-face : BEGIN -->
  <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font for both SourceSans and OpenSans. -->
  <!--[if mso]>
    <style type="text/css">
    .sourceSans_fallback {font-family: Trebuchet MS, Arial, sans-serif !important;}
    .openSans_fallback {font-family: Arial, sans-serif !important;}
	.muli_fallback {font-family: Arial, sans-serif !important;}
    .Poppins_fallback {font-family: Tahoma, sans-serif !important;}
    }
    </style>
    <![endif]-->
  <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: //stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->
  <!--[if !mso]><!-->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet" type="text/css"/>
  <link href="https://fonts.googleapis.com/css?family=Muli:400,600,700,800,900" rel="stylesheet" type="text/css"/>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&amp;display=swap" rel="stylesheet" type="text/css"/>
  <!--<![endif]-->
  <!-- WEB FONT / @font-face : END -->
  <link href="https://ocado.emsecure.net/images/transactional/Promocard_O_Logo.png" rel="Shortcut Icon" type="image/x-icon"/>
  <!-- CSS Reset -->
  <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;
}
/* What it does: Stops email clients resizing small text. */
    
* {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
/* 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;
}

.mobLineBreak{
	display: none !important;
	mso-hide:all !important;
	width: 0px !important;	
	max-height:0 !important;
	overflow:hidden !important;
}
@media only screen and (min-width:652px) and (max-width: 4000px){
		table.lineflip{
		
		border-right: 1px solid #FFFFFF;
	}
/*sets the background image on desktop*/
.bg-image-footer{
	background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FSA2366_footer.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM')
}	
	}


/* 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: 651px) {
/* 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;
}
/* 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: 580px !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;
}
/* What it does: Adds white divider between elements on mobile */
    .WhiteLineVoucher {
                padding-top: 30px !important;
                border-top: 1px #FFFFFF solid !important;
            }
/* What it does: Adds grey divider between elements on mobile */
.GreyLineVoucher {
    padding-top: 20px !important;
    border-top: 1px #2D333A solid !important;
    border-bottom: 1px #2D333A solid !important;
}	
/* What it does: Scales 3 col images to 250px on mobile */	
.RescaleIMG {
    max-width: 200px !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;
}
/* What it does: Adds extra padding on promo banners stacking on mobile to fit remaining banners*/
.PromoOnMobile {
    padding: 0 6px !important;
}
/* What it does: Resets padding on mobile devices to represent design in an XD file*/
.ResetPadding {
    padding: 0 !important;
}
/* Hides content on larger mobile screens */
.hideTDbelow650px {
    display: none !important;
    padding: 0 !important;
}
}

/* 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;
}
.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;
}
.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;
}	    
.onmobile {
    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: 580px !important;
}
.stack-column-w {
    display: block !important;
    width: 100% !important;
    direction: ltr !important;
    max-width: 600px !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;
}
/* What it does: Resizes Core service banners to align them with other banners on mobile */
.width310onMobile {
    max-width: 310px !important;
}
table.center-on-narrow {
    display: inline-block !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;
}
/*Responsive font size for scaling*/	
.mobfont {
    font-size: 23px !important;
    line-height: 26px !important;
    padding-left: 20px !important;
}
.mobfont-sub {
    font-size: 18px !important;
    line-height: 25px !important;
    padding-left: 20px !important;
}
/*Remove right hand padding */
.resetrightpadding{
	padding: 0 20px 10px 20px !important;	
}
/*Pushes text to a 2nd line on mobile */	
.mobLineBreak{
display: block !important;
}
/*sets the background image on mobile*/
.bg-image-footer{
		background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FSA2366_footer_m_w.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM');
		height: 615px !important;	
}
/*Widens the background image text box so it centers on a smaller screen*/
.text-box{
		max-width: 400px !important;
}	
.FooterDrop{
        display: block !important;
        padding-top: 10px !important;
        max-width: 100% !important;
    }   
    .FooterTopRow{
        max-width: 45% !important;
    }
    .BorderReset{
        border: none !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;
}
/*change the height of the backgroun image for smaller devices*/	
.bg-image-footer{
		background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2019%252FSA2366_footer_m.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM');
		height: 615px !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>
  <!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
  <!--[if mso]><xml xmlns:w="urn:schemas-microsoft-com:office:word"><w:WordDocument><w:AutoHyphenation/></w:WordDocument></xml><![endif]-->
  <title>
   Ocado
  </title>
 </head>
 <body bgcolor="#e1e6eb" body="" style="margin: 0;" width="100%">
  <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fgridinbound.blob.core.windows.net%252Fgic%252Fg.png%253Fh%253Dc9b2386f2b90449ba02592d96d0f8849/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZncmlkaW5ib3VuZCJ9:1mZS3C:MtdHeIWKfKK20GxD1_SbgZYhvryw6Vd5t8e41JS7Pio" 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%253DTpoTnYMvv4glCy59LSwPfSdO5FNYzgZ7JSfjwaGpoCNBHduDeCKm8B2L%252Bub4dxl1ru7cAFs_gOqcrU4yeUtAuLQo5ikTSrRiHqUjB4TQ/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" 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" class="email-container" style="border-collapse:collapse;" width="100%">
   <tr>
    <td valign="top">
     <center style="width: 100%;">
      <!-- -->
      <!-- PRE-HEADER TEXT HIDDEN : BEGIN -->
      <div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; mso-hide:all; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;">
       The October issue is here.
      </div>
      <!-- PRE-HEADER TEXT HIDDEN : END -->
      <!-- -->
      <div class="email-container" style="max-width: 680px; margin: 0 auto">
       <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="680" align="center"> <tr> <td> <![endif]-->
       <!-- HEADER : BEGIN -->
       <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="max-width: 680px;  background-image: linear-gradient(#FFFFFF,#FFFFFF);" width="100%">
        <tr>
         <td bgcolor="#e1e6eb" class="weblink" style="text-align: right; width: 100%; font-size: 10px; font-family: Poppins, Tahoma, sans-serif; mso-height-rule: exactly; line-height:120%; padding:0;">
          <a style="color:#1c1e1f; text-decoration:underline; padding: 0 10px 0 0; border:none">
           View online
          </a>
         </td>
        </tr>
        <tr bgcolor="#FFFFFF" style="background-image: linear-gradient(#FFFFFF,#FFFFFF);">
         <td align="center" bgcolor="#FFFFFF" style="padding:0; text-align: center; font-family: Poppins, Tahoma, sans-serif; background-color: FFFFFF; font-size: 0; line-height: 0; background-image: linear-gradient(#FFFFFF, #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:1mZS3C:BbdYM3Z98U3O8CpqBYwkkk5yitgi1z8emvls8JbS-lQ" style="font-family: Poppins, Tahoma, sans-serif; color:#2D333A; text-decoration:none; font-size:20px; color: #4d216d; max-height: 65px; line-height: 20px;" width="187"/>
          </a>
         </td>
        </tr>
       </table>
       <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="max-width: 680px; border-bottom: solid 1px #A2A2A2; padding: 8px" width="100%">
        <tr>
         <td align="center" style="font-size:0; padding: 10px 0 10px 0; " valign="top">
          <!--[if mso]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="680"> <tr> <td align="center" valign="middle" width="225" style="width:225px;"> <![endif]-->
          <div style="display:inline-block; max-width:33.3%;  vertical-align:middle; width:100%;">
           <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:225px;" width="100%">
            <tr>
             <td class="" height="25" style="text-align:center; font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 17px; color: #2d333a; font-weight: bold; line-height: 20px; mso-line-height-rule:exactly; padding: 0 5px 0 5px; vertical-align: middle; border-right: solid #E1E6EB 2px;" valign="middle">
              <a style="text-decoration: none; color: #2d333a;">
               Home
              </a>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]> </td> <td align="center" valign="middle" width="225" style="width:225px;"> <![endif]-->
          <div style="display:inline-block; max-width:33.3%; vertical-align:middle; width:100%;">
           <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:225px;" width="100%">
            <tr>
             <td class="" height="25" style="text-align:center; font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 17px; color: #2d333a; font-weight: bold; line-height: 20px; mso-line-height-rule:exactly;  padding: 0 5px 0 5px; border-right: solid #E1E6EB 2px;" valign="middle">
              <a style="text-decoration: none; color: #2d333a;">
               Browse
              </a>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]> </td> <td align="center" valign="middle" width="225" style="width:225px;"> <![endif]-->
          <div style="display:inline-block; max-width:33.3%; vertical-align:middle; width:100%;">
           <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:225px;" width="100%">
            <tr>
             <td class="" height="25" style="text-align:center; font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 17px; color: #2d333a; font-weight: bold; line-height: 20px; mso-line-height-rule:exactly;  padding: 0 5px 0 5px;" valign="middle">
              <a style="text-decoration: none; color: #2d333a;">
               Recipes
              </a>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]> </td> </tr> </table> <![endif]-->
         </td>
        </tr>
       </table>
       <!-- HEADER : END -->
       <!-- BODY : BEGIN -->
       <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="email-container" role="presentation" style="max-width: 680px;" width="100%">
        <div itemscope="" itemtype="//schema.org/Organization">
         <meta content="Ocado" itemprop="name"/>
         <meta content="//ocado.emsecure.net/images/transactional/Promocard_O_Logo.png" itemprop="logo"/>
        </div>
        <!--  MODULES : BEGIN -->
        <!--  MODULES : BEGIN -->
        <!--  MODULES : BEGIN -->
        <!--  MODULES : BEGIN -->
        <!-- FIRST BANNER -->
        <tr>
         <td class="hideTDbelow480px" style="padding: 0; text-align: center; font-family: Poppins, Tahoma, Helvetica, sans-serif;">
          <a>
           <img alt="A rich harvest of food and drink." border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK1473_OL_H.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" style="width: 100% ;max-width: 680px; display:block; font-family: Poppins, Tahoma, Helvetica, sans-serif; color: #2D333A; font-size: 20px; text-align:center;" width="680"/>
          </a>
         </td>
        </tr>
        <!--REVEAL ON MOBILE-->
        <tr>
         <td>
          <table align="center" border="0" cellpadding="0" cellspacing="0">
           <tr>
            <td align="center" width="100%">
             <table align="center" border="0" cellpadding="0" cellspacing="0" class="show" style="display:none;">
              <tr class="me" style="width:0; overflow:hidden; float:left; display:none; max-height:0px; mso-hide:all;">
               <td align="center" class="onmobile">
                <a>
                 <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK1473_OL_H_m_v2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" style="display:block;" width="100%"/>
                </a>
               </td>
              </tr>
             </table>
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <!--END REVEAL ON MOBILE-->
        <tr>
         <td>
          <!--[if (gte mso 9)|(IE)]><center><table><tr><td width=640" style="width:640px;"><![endif]-->
          <div style="max-width: 640px; margin: 0 auto;">
           <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 640px;" width="100%">
            <tr>
             <td style="padding: 0 20px 15px 20px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #2D333A; line-height: 135%; line-height: 25px; mso-line-height-rule: exactly;">
              It’s October, we’re well and truly into autumn, and Halloween is wearing fake fangs and hiding just round the corner. Check out our selection of seasonal recipes in the new edition of OcadoLife. This month we have contributions from writers including Olia Hercules, Ed Smith, Melissa Thompson, and Nicola Lewis.
             </td>
            </tr>
            <tr>
             <td style="padding: 0 20px 20px 20px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #2D333A; line-height: 135%; line-height: 25px; mso-line-height-rule: exactly;">
              <span style="font-weight: bold;">
               Get your free copy
              </span>
              of the print edition
              <span style="font-weight: bold;">
               when you place your first shop
              </span>
              with the voucher code below. You’ll also get free delivery on this order.
             </td>
            </tr>
            <tr>
             <td style="padding: 0 20px 30px 20px; text-align: center; mso-height-rule: exactly;">
              <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: 'Poppins', Tahoma, Helvetica, sans-serif; border-radius: 8px; text-align: center; padding: 0; font-weight: normal; background: #4D216D;">
                 <a class="button-a-grape" style="border: 2px solid #4D216D; background-color: #4D216D; padding: 15px 15px; color: #ffffff; font-size: 16px; line-height: 110%; text-align: center; min-width:130px; max-width: 280px; overflow: visible; text-decoration: none; display: block; border-radius: 8px; font-weight: bold;">
                  <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                  Grab your free copy
                  <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                 </a>
                </td>
                <!--[if mso]></td><![endif]-->
               </tr>
              </table>
             </td>
            </tr>
            <tr>
             <td style="padding: 0 20px 10px 20px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-weight: 800; font-size: 30px; color: #2D333A; line-height: 115%; line-height: 34px; mso-line-height-rule: exactly;">
              Boo! Try our spooky Halloween bakes
             </td>
            </tr>
            <tr>
             <td style="padding: 0 20px 15px 20px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #2D333A; line-height: 135%; line-height: 25px; mso-line-height-rule: exactly;">
              Try the frightfully good Halloween baking ideas from food writer and cook Georgina Hayden, including Raspberry and White Chocolate Mummies and Witch’s Cauldron Cheesecake.
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]></td></tr></table></center><![endif]-->
         </td>
        </tr>
        <tr>
         <td>
          <!--[if (gte mso 9)|(IE)]><center><table><tr><td width=620" style="width:620px;"><![endif]-->
          <div style="max-width: 620px; margin: 0 auto;">
           <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 620px;" width="100%">
            <tr>
             <td class="hideTDbelow480px" style="padding: 0; text-align: center; font-family: Poppins, Tahoma, Helvetica, sans-serif;">
              <a>
               <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK1473_OL_Hero.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" style="width: 100% ;max-width: 680px; display:block; font-family: Poppins, Tahoma, Helvetica, sans-serif; color: #2D333A; font-size: 20px; text-align:center;" width="680"/>
              </a>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]></td></tr></table></center><![endif]-->
         </td>
        </tr>
        <!--REVEAL ON MOBILE-->
        <tr>
         <td style="padding: 0 20px;">
          <table align="center" border="0" cellpadding="0" cellspacing="0">
           <tr>
            <td align="center" width="100%">
             <table align="center" border="0" cellpadding="0" cellspacing="0" class="show" style="display:none;">
              <tr class="me" style="width:0; overflow:hidden; float:left; display:none; max-height:0px; mso-hide:all;">
               <td align="center" class="onmobile">
                <a>
                 <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK1473_OL_Hero_m.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" style="display:block;" width="100%"/>
                </a>
               </td>
              </tr>
             </table>
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <!--END REVEAL ON MOBILE-->
        <tr>
         <td style="padding: 20px 20px 30px 20px; text-align: center; mso-height-rule: exactly;">
          <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: 'Poppins', Tahoma, Helvetica, sans-serif; border-radius: 8px; text-align: center; padding: 0; font-weight: normal; background: #4D216D;">
             <a class="button-a-grape" style="border: 2px solid #4D216D; background-color: #4D216D; padding: 15px 15px; color: #ffffff; font-size: 16px; line-height: 110%; text-align: center; min-width:130px; max-width: 280px; overflow: visible; text-decoration: none; display: block; border-radius: 8px; font-weight: bold;">
              <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
              Shop the recipes
              <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
             </a>
            </td>
            <!--[if mso]></td><![endif]-->
           </tr>
          </table>
         </td>
        </tr>
        <!-- 1COL_A_FHI_HL1_BODY_CTA: END -->
        <!-- 1COL_A_FHI_HL1_BODY_CTA: END -->
        <!-- 1COL_A_FHI_HL1_BODY_CTA: END -->
        <tr>
         <td>
          <!--[if (gte mso 9)|(IE)]><center><table><tr><td width=640" style="width:640px;"><![endif]-->
          <div style="max-width: 640px; margin: 0 auto;">
           <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 640px;" width="100%">
            <tr>
             <td style="padding: 0 20px 10px 20px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 27px; color: #2D333A; line-height: 115%; line-height: 30px; mso-line-height-rule: exactly; font-weight: 800;">
              Also in this issue
             </td>
            </tr>
            <tr>
             <td style="padding: 0 20px 15px 20px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #2D333A; line-height: 135%; line-height: 25px; mso-line-height-rule: exactly;">
              Learn how to make the most of autumn’s earthy flavours, discover the secret of an organised fridge with decluttering supremo Nicola Lewis, then take a spice tour of the world before coming home for warming cocktails.
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]></td></tr></table></center><![endif]-->
         </td>
        </tr>
        <tr>
         <td align="center" bgcolor="#FFFFFF" height="100%" style="padding: 0 0 10px 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:320px; vertical-align:top;">
              <table width="320px">
               <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="140">
                          <a>
                           <img alt="" class="" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK1473_OL_1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" style="border: 0;width: 140px; max-width: 140px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 20px; color: #54585A; line-height: 24px; mso-height-rule: exactly;" width="140"/>
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td style="padding: 5px 5px 5px 8px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 15px; color: #2D333A; line-height: 135%; line-height: 20px; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                          <a style="text-decoration: none; color: #2D333A;">
                           In season
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td style="padding: 0 5px 10px 10px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 15px; color: #2D333A; line-height: 135%; line-height: 19px; mso-line-height-rule: exactly; font-weight: normal;">
                          <a style="text-decoration: none; color: #2D333A;">
                           Ripe Autumn flavours
                          </a>
                         </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="140">
                          <a>
                           <img alt="" class="" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK1473_OL_2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" style="border: 0;width: 140px; max-width: 140px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 20px; color: #54585A; line-height: 24px; mso-height-rule: exactly;" width="140"/>
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td style="padding: 5px 10px 5px 10px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 15px; color: #2D333A; line-height: 135%; line-height: 20px; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                          <a style="text-decoration: none; color: #2D333A;">
                           Leafy veg
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td style="padding: 0 10px 10px 10px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 15px; color: #2D333A; line-height: 135%; line-height: 19px; mso-line-height-rule: exactly; font-weight: normal;">
                          <a style="text-decoration: none; color: #2D333A;">
                           Don’t leaf it out
                          </a>
                         </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:320px; vertical-align:top;">
              <table width="320px">
               <tr>
                <td class="" style="padding: 10px 0 10px 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 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="140">
                          <a>
                           <img alt="" class="" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK1473_OL_3.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" style="border: 0;width: 140px; max-width: 140px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 20px; color: #54585A; line-height: 24px; mso-height-rule: exactly;" width="140"/>
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td style="padding: 5px 5px 5px 10px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 15px; color: #2D333A; line-height: 135%; line-height: 20px; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                          <a style="text-decoration: none; color: #2D333A;">
                           Creepy crafts
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td style="padding: 0 5px 10px 10px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 15px; color: #2D333A; line-height: 135%; line-height: 19px; mso-line-height-rule: exactly; font-weight: normal;">
                          <a style="text-decoration: none; color: #2D333A;">
                           Spooktacular painting
                          </a>
                         </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="140">
                          <a>
                           <img alt="" class="" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK1473_OL_4.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" style="border: 0;width: 140px; max-width: 140px; text-align:center; font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size: 20px; color: #54585A; line-height: 24px; mso-height-rule: exactly;" width="140"/>
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td style="padding: 5px 0 5px 10px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 15px; color: #2D333A; line-height: 135%; line-height: 20px; mso-line-height-rule: exactly; font-weight: bold; vertical-align: bottom;">
                          <a style="text-decoration: none; color: #2D333A;">
                           Peppery hot choc
                          </a>
                         </td>
                        </tr>
                        <tr>
                         <td style="padding: 0 10px 5px 10px; text-align:left;font-family: Poppins, Tahoma, Helvetica, sans-serif; font-style:normal; font-size: 15px; color: #2D333A; line-height: 135%; line-height: 19px; mso-line-height-rule: exactly; font-weight: normal;">
                          <a style="text-decoration: none; color: #2D333A;">
                           A hug in a mug
                          </a>
                         </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>
        <tr>
         <td align="center" bgcolor="#B999C1">
          <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 540px;" width="100%">
           <tr>
            <td align="center">
             <!--[if (gte mso 9)|(IE)]> <center> <table> <tr> <td width="480" style="width:480px;"> <![endif]-->
             <div style="max-width: 480px; margin: 0 auto;">
              <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 480px;" width="100%">
               <tr>
                <td class="header-mobfont" style="padding: 30px 20px 20px 20px; width: 100%; font-family: 'Poppins', Tahoma, sans-serif; font-weight:bold; font-size:37px; color: #1B1F23; mso-height-rule: exactly; line-height:44px; text-align: center;">
                 FREE copy of
                 <br/>
                 OcadoLife magazine
                </td>
               </tr>
               <tr>
                <td style="padding: 0 20px 20px 20px; width: 100%; font-family: 'Poppins', Tahoma, sans-serif; font-weight:normal; font-size:16px; color: #1B1F23; mso-height-rule: exactly; line-height:25px; text-align: center;">
                 Add this code as you check out:
                </td>
               </tr>
              </table>
              <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 540px;" width="100%">
               <tr>
                <td style="padding: 0 20px 20px 20px; text-align: center; mso-height-rule: exactly;">
                 <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: 'Poppins', Tahoma, Helvetica, sans-serif; border-radius: 8px; text-align: center; padding: 0; font-weight: normal; background: #FFFFFF; border: 2px solid #FFFFFF; background-color: #FFFFFF; padding: 13px; color: #2d333a; font-size: 20px; line-height: 20px; text-align: center; min-width:160px; max-width: 280px; overflow: visible; text-decoration: none; display: block; border-radius: 8px; font-weight: bold;">
                    <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                    VOU6726913
                    <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                   </td>
                   <!--[if mso]></td><![endif]-->
                  </tr>
                 </table>
                </td>
               </tr>
               <tr>
                <td style="padding: 0 20px 10px 20px; text-align: center; mso-height-rule: exactly;">
                 <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: 'Poppins', Tahoma, Helvetica, sans-serif; border-radius: 8px; text-align: center; padding: 0; font-weight: normal; background: #4D216D;">
                    <a class="button-a-grape" style="border: 2px solid #4D216D; background-color: #4D216D; padding: 13px; color: #ffffff; font-size: 16px; line-height: 20px; text-align: center; min-width:160px; max-width: 280px; overflow: visible; text-decoration: none; display: block; border-radius: 8px; font-weight: bold;">
                     <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                     Book your slot
                     <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                    </a>
                   </td>
                   <!--[if mso]></td><![endif]-->
                  </tr>
                 </table>
                </td>
               </tr>
               <tr>
                <td style="padding: 15px 20px 30px 20px; width: 100%; font-family: 'Poppins', Tahoma, sans-serif; font-weight:normal; font-size:14px; color: #1B1F23; mso-height-rule: exactly; overflow: visible; line-height:18px; text-align: center;">
                 Min. spend £40. Valid only between 11/10/2021 to 31/10/2021  when you place an order with Ocado
                </td>
               </tr>
              </table>
             </div>
             <!--[if mso]> </td> </tr> </table> </center> <![endif]-->
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <!--  MODULES : END -->
        <!--  MODULES : END -->
        <!--  MODULES : END -->
        <!--  MODULES : END -->
       </table>
       <!-- BODY : END -->
       <!-- FOOTER : BEGIN -->
       <table align="center" bgcolor="#2D333A" border="0" cellpadding="0" cellspacing="0" class="email-container" role="presentation" style="max-width: 680px;" width="100%">
        <tr bgcolor="#2D333A">
         <td align="center" bgcolor="#2D333A">
          <!-- FOOTER_TOP : BEGIN -->
          <!-- * Footer 2020 - Poppins update - BEGIN -->
          <!-- FOOTER_TOP : BEGIN -->
          <!-- FOOTER_APP : BEGIN -->
          <!-- FOOTER_APP : END -->
          <!-- 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:1mZS3C:BbdYM3Z98U3O8CpqBYwkkk5yitgi1z8emvls8JbS-lQ" 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:1mZS3C:BbdYM3Z98U3O8CpqBYwkkk5yitgi1z8emvls8JbS-lQ" 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:1mZS3C:BbdYM3Z98U3O8CpqBYwkkk5yitgi1z8emvls8JbS-lQ" 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>
          <!-- SOCIAL ICONS : END -->
          <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:1mZS3C:BbdYM3Z98U3O8CpqBYwkkk5yitgi1z8emvls8JbS-lQ" style="border: 0; width:120; max-width: 120px; font-family: 'Poppins', Tahoma, 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:1mZS3C:BbdYM3Z98U3O8CpqBYwkkk5yitgi1z8emvls8JbS-lQ" style="border: 0; width:135; max-width: 135px; font-family: 'Poppins', Tahoma, 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_TOP : END -->
          <!-- * Footer 2020 - Poppins update - END -->
          <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:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" 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:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" 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:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" 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:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" 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:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" 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:1mZS3C:BGXRcs9pzkpT5fer3k0lx04kbEPy9iQ19uSkg5HdfMM" 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>
          <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/>
             Restrictions apply: New customers only. One first shop voucher per customer and per registered address. Voucher cannot be used in conjunction with any other voucher offer. Deliveries subject to availability and location. Visit
             <a style="text-decoration: underline; color: #FFFFFF;">
              ocado.com/postcode
             </a>
             to check if we deliver in your area. Minimum spend excludes tobacco products, postage stamps, infant formula, the purchase of Ocado Gift Vouchers, and food donations with Ocado. Voucher minimum spend is specified on the voucher. Standard minimum spend £40 per order (excluding 20th-24th Dec). Statutory minimum alcohol pricing applies. Deliveries limited to one per day. For full Terms &amp; Conditions refer to
             <a style="text-decoration: underline; color: #FFFFFF;">
              Grocery Vouchers at ocado.com
             </a>
             .
            </td>
           </tr>
          </table>
          <!-- * 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: 10px 0 0 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; color: #FFFFFF;">
              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: 15px 0 30px 0; width: 100%; font-size: 12px; font-family: 'Poppins', Tahoma, Helvetica, sans-serif; color: #FFFFFF; mso-height-rule: exactly; font-size: 12px; 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>
       <!-- FOOTER : END -->
       <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]-->
      </div>
     </center>
    </td>
   </tr>
  </table>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
  <a>
  </a>
 </body>
</html>
3 years, 6 months ago - ocado@ocadomail.com
Get your free copy of OcadoLife magazine
The October issue is here. View online Home Browse Recipes It’s October, we’re well and truly int...
Inboxes

Ocado Registered user
