Email sent from Ocado to a Registered user

Ocado Registered user

Subscribed 6 years, 6 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;}

    }
    </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"/>
  <!--<![endif]-->
  <!-- WEB FONT / @font-face : END -->
  <!-- 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: #2A123B !important;
	border-color: #2A123B !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:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g')
}	
	}


/* 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;
}
.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;
}
}

/* 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;
}
.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: 22px !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:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g');
		height: 615px !important;	
}
/*Widens the background image text box so it centers on a smaller screen*/
.text-box{
		max-width: 400px !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:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g');
		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="#2D333A" 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%253Df2c2dbedc36b45978bcdd70c1d0cd4c6/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZncmlkaW5ib3VuZCJ9:1lV97h:SjUX7HYZlKJ1Qo1h2xkiBpz9OQVHlSBlVqECL8vjG7M" 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%253D7zy7y5e6qRJo96wV5wCU_YRjw5ooa3cgtbcw5Gx5Cx7BsEuRsC385ezRQ_RI8EnFcZqrTUhtLTXg4CE31JmrFrnrxeJMQlLo4Qd3ST7z/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g" 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="#2D333A" 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;">
       one warm welcome for you!
      </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 -->
       <!-- 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="#2D333A" class="weblink" style="text-align: right; width: 100%; font-size: 10px; font-family: 'Muli', Arial, sans-serif; mso-height-rule: exactly; line-height:120%; padding:0;">
          <a style="color:#ffffff; 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: 'Muli', Arial, 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:1lV97h:-EJnWjBgVtFpZNR2ajhRWyQTEZbpI5rlTn6rIctPWSM" style="font-family: 'Muli', Arial, 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;" 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: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 17px; color: #4D216D; 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: #4D216D;">
               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: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 17px; color: #4D216D; 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: #4D216D;">
               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: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 17px; color: #4D216D; font-weight: bold; line-height: 20px; mso-line-height-rule:exactly;  padding: 0 5px 0 5px;" valign="middle">
              <a style="text-decoration: none; color: #4D216D;">
               Blog
              </a>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]> </td> </tr> </table> <![endif]-->
         </td>
        </tr>
       </table>
       <table align="center" bgcolor="#4D216D" border="0" cellpadding="0" cellspacing="0" style="max-width: 680px;" width="100%">
        <tr>
         <td align="center" class="hideTopNav" style="font-size:0; padding:0;" valign="top">
          <!--[if mso]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="680"> <tr> <td align="center" valign="middle" width="340" style="width:340px;"> <![endif]-->
          <div style="display:inline-block; max-width:50%; vertical-align:middle; width:100%;">
           <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:340px; border-right: solid #E1E6EB 2px;" width="100%">
            <tr>
             <td class="" style="text-align:center; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 14px; color: #4D216D; font-weight: normal; mso-line-height-rule:exactly; line-height: 135%; padding: 0 5px; vertical-align: middle; padding: 10px 0;" valign="middle">
              <img alt="" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FMK0534_nav_recipes_v2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1lV97h:-EJnWjBgVtFpZNR2ajhRWyQTEZbpI5rlTn6rIctPWSM" style="width: 100%; max-width: 24px; vertical-align: middle;" width="24"/>
              <a style="text-decoration: none; color: #ffffff; vertical-align: middle; font-size: 14px; line-height: 17px; mso-line-height-rule:exactly;">
               Recipes
              </a>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]> </td> <td align="center" valign="middle" width="340" style="width:340px;"> <![endif]-->
          <div style="display:inline-block; max-width:50%; vertical-align:middle; width:100%;">
           <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:340px;" width="100%">
            <tr>
             <td class="" style="text-align:center; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 14px; color: #4D216D; font-weight: normal; mso-line-height-rule:exactly; line-height: 22px; padding: 10px 0;" valign="middle">
              <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:1lV97h:-EJnWjBgVtFpZNR2ajhRWyQTEZbpI5rlTn6rIctPWSM" style="width: 100%; max-width: 24px; vertical-align: middle;" width="24"/>
              <a style="text-decoration: none; color: #ffffff; vertical-align: middle; font-size: 14px; line-height: 17px; mso-line-height-rule:exactly;">
               Book a delivery
              </a>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]> </td> </tr> </table> <![endif]-->
         </td>
        </tr>
       </table>
       <table align="center" bgcolor="#4D216D" border="0" cellpadding="0" cellspacing="0" class="" style="max-width: 680px;" width="100%">
        <tr bgcolor="#4D216D" class="meTopNav" style="display:none; max-height:0px; mso-hide:all;">
         <td class="onmobileTopNav">
          <!--[if (gte mso 9)|(IE)]><center><table><tr><td width="540" style="width:540px;"><![endif]-->
          <div style="max-width: 540px; margin: 0 auto;">
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="showTopNav" style="max-width: 540px; align-content: center; display: none;" width="100%">
            <tr class="" style="">
             <td align="center" class="" style="text-align:center; font-family: 'Muli', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; font-size:14px; line-height: 17px; color:#FFFFFF; mso-height-rule: exactly; padding: 10px 0;" valign="middle">
              <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:1lV97h:-EJnWjBgVtFpZNR2ajhRWyQTEZbpI5rlTn6rIctPWSM" style="width: 100%; max-width: 24px; vertical-align: middle;" width="24"/>
              <a style="text-decoration: none; color: #ffffff; vertical-align: middle; font-size: 14px; line-height: 17px; mso-line-height-rule:exactly;">
               Book a delivery
              </a>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]></td></tr></table></center><![endif]-->
         </td>
        </tr>
       </table>
       <!-- HEADER : END -->
       <!-- 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="hideTDbelow650px" style="padding: 0; text-align: center; font-family: 'Muli', Arial, Helvetica, sans-serif;">
          <a>
           <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FCA0005_21_RNS_H.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g" style="width: 100% ;max-width: 680px; display:block; font-family: 'Muli', Arial, 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%252FCA0005_21_RNS_H_m.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g" 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=680" style="width:680px;"><![endif]-->
          <div style="max-width: 680px; margin: 0 auto;">
           <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 680px;" width="100%">
            <tr>
             <td style="padding: 20px 20px 15px 20px; text-align:left;font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-weight: 800; font-size: 28px; color: #4D216D; line-height: 115%; line-height: 31px; mso-line-height-rule: exactly;">
              The best things in life are free (especially deliveries).
             </td>
            </tr>
            <tr>
             <td style="padding: 0 20px 15px 20px; text-align:left;font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #2D333A; line-height: 135%; line-height: 22px; mso-line-height-rule: exactly;">
              You may be new to the Ocado club, but we like newbies – especially when they have good taste in supermarkets like you do. We’d like to welcome you in with
              <span style="font-weight: bold;">
               FREE delivery on your first order
              </span>
              .
             </td>
            </tr>
            <tr>
             <td style="padding: 0 20px 30px 20px; text-align:left;font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #2D333A; line-height: 135%; line-height: 22px; mso-line-height-rule: exactly;">
              And to make your order even better value, there’s 100s of brand new offers across the site. We’ve got a few sales on that are worth a nosey, including a
              <span style="font-weight: bold;">
               £5 off voucher
              </span>
              below that will make your first shop extra special.
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]></td></tr></table></center><![endif]-->
         </td>
        </tr>
        <!--REVEAL ON MOBILE-->
        <tr>
         <td>
          <table align="right" border="0" cellpadding="0" cellspacing="0">
           <tr>
            <td align="right" width="100%">
             <table align="right" 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="right" class="onmobile">
                <a>
                 <img alt="" border="0" class="RescaleIMG-W" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FCA0005_21_RNS_beauty.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1lV97h:-EJnWjBgVtFpZNR2ajhRWyQTEZbpI5rlTn6rIctPWSM" style="display:block; max-width: 340px" width="100%"/>
                </a>
               </td>
              </tr>
             </table>
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <!--END REVEAL ON MOBILE-->
        <tr>
         <td class="" dir="" height="100%" style="font-size:0; padding: 0 0 15px 0; 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="top" width="340" style="width:340px;"><![endif]-->
          <div class="stack-column" style="display:inline-block; margin: 0; max-width: 340px; min-width:280px; vertical-align:top;  width:100%;">
           <table border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="text-align: left;" width="100%">
            <tr>
             <td class="" style="padding: 10px 10px 10px 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:20px; color:#2D333A; line-height: 22px; mso-line-height-rule: exactly; ">
              Big Beauty Sale
             </td>
            </tr>
            <tr>
             <td class="" style="padding: 0 20px 15px 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #2D333A; line-height: 22px; mso-height-rule: exactly;">
              Don’t worry if you haven’t got your post-lockdown haircut yet – you’ll still look glamorous with finds like Aussie and Nivea from our Big Beauty Sale.
             </td>
            </tr>
            <tr>
             <td style="padding: 0 20px 10px 20px; text-align: center; mso-height-rule: exactly;">
              <table align="left" border="0" cellpadding="0" cellspacing="0" class="center-on-narrow" role="presentation" style="Margin: auto">
               <tr>
                <!--[if (gte mso 15)|(IE)]><td style="width:10px;" >&nbsp;</td><![endif]-->
                <td class="" style="font-family: 'Muli', Arial, Helvetica, sans-serif; border-radius: 6px; text-align: center; padding: 0; font-weight: normal; background: #F1C500;">
                 <a class="button-a-lemon" style="border: 1px solid #F1C500; background-color: #F1C500; padding: 10px 15px; color: #1c1e1f; font-size: 16px; line-height: 110%; text-align: center; min-width:180px; max-width: 280px; overflow: visible; text-decoration: none; display: block; border-radius: 6px; font-weight: bold;">
                  <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                  Beautify yourself
                  <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                 </a>
                </td>
                <!--[if mso]></td><![endif]-->
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]> </td> <td valign="bottom" width="340" style="width: 340px;"> <![endif]-->
          <div class="stack-column" style="display:inline-block; Margin: 0; width:100%; min-width:200px; max-width:340px; vertical-align:bottom;">
           <table width="100%">
            <tr>
             <td class="hideTDbelow650px" style="padding: 0;">
              <table border="0" cellpadding="0" cellspacing="0" class="" style="font-size: 14px; text-align: right;" width="100%">
               <tr>
                <td>
                 <a>
                  <img alt="" class="RescaleIMG-W" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FCA0005_21_RNS_beauty.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1lV97h:-EJnWjBgVtFpZNR2ajhRWyQTEZbpI5rlTn6rIctPWSM" style="border: 0; width: 100%; max-width: 340px; vertical-align: bottom; text-align: right;" width="340"/>
                 </a>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]> </td> </tr> </table> <![endif]-->
         </td>
        </tr>
        <tr>
         <td class="" dir="" height="100%" style="font-size:0; padding: 20px 0 30px 0; 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="top" width="340" style="width:340px;"><![endif]-->
          <div class="stack-column" style="display:inline-block; Margin: 0; width:100%; min-width:200px; max-width:340px; vertical-align:bottom;">
           <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>
                  <img alt="" class="RescaleIMG-W" src="https://inboxflows.com/_/image/http%253A%252F%252Focado.emsecure.net%252Fimages%252F2021%252FCA0005_21_RNS_wine.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9jYWRvLmVtc2VjdSJ9:1lV97h:-EJnWjBgVtFpZNR2ajhRWyQTEZbpI5rlTn6rIctPWSM" style="border: 0; width: 100%; max-width: 340px; vertical-align: bottom; text-align: left;" width="340"/>
                 </a>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]> </td> <td valign="bottom" width="330" style="width: 330px;"> <![endif]-->
          <div class="stack-column" style="display:inline-block; margin: 0; max-width: 340px; min-width:280px; vertical-align:top;  width:100%;">
           <table border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="text-align: left;" width="100%">
            <tr>
             <td class="" style="padding: 10px 10px 10px 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:20px; color:#2D333A; line-height: 22px; mso-line-height-rule: exactly; ">
              Wine Sale
             </td>
            </tr>
            <tr>
             <td class="" style="padding: 0 20px 15px 20px; text-align:left; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 16px; color: #2D333A; line-height: 22px; mso-height-rule: exactly;">
              Pick out your favourite vintage from our Wine Sale and enjoy it al fresco. It’s the little things (and little sips) we’re thankful for.
             </td>
            </tr>
            <tr>
             <td style="padding: 0 20px 10px 20px; text-align: center; mso-height-rule: exactly;">
              <table align="left" border="0" cellpadding="0" cellspacing="0" class="center-on-narrow" role="presentation" style="Margin: auto">
               <tr>
                <!--[if (gte mso 15)|(IE)]><td style="width:10px;" >&nbsp;</td><![endif]-->
                <td class="" style="font-family: 'Muli', Arial, Helvetica, sans-serif; border-radius: 6px; text-align: center; padding: 0; font-weight: normal; background: #F1C500;">
                 <a class="button-a-lemon" style="border: 1px solid #F1C500; background-color: #F1C500; padding: 10px 15px; color: #1c1e1f; font-size: 16px; line-height: 110%; text-align: center; min-width:180px; max-width: 280px; overflow: visible; text-decoration: none; display: block; border-radius: 6px; font-weight: bold;">
                  <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                  Choose your vino
                  <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                 </a>
                </td>
                <!--[if mso]></td><![endif]-->
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </div>
          <!--[if mso]> </td> </tr> </table> <![endif]-->
         </td>
        </tr>
        <tr bgcolor="#4D216D">
         <td align="center" bgcolor="#4D216D" height="100%" valign="top" width="100%">
          <!--[if mso]><table 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" role="presentation" style="max-width:660px;" width="100%">
           <tr>
            <td align="center" style="font-size:0; padding: 10px 0 0 0;" valign="top">
             <!--[if mso]><table 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; width:100%; min-width:200px; max-width:330px; vertical-align:top;">
              <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 540px;" width="100%">
               <tr>
                <td align="center" style="padding: 10px 10px 15px 10px;">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;text-align: center;" width="100%">
                  <tr>
                   <td align="center">
                    <table border="0" cellpadding="0" cellspacing="0" style="text-align: center; max-width: 310px;">
                     <tr>
                      <td align="center" class="center-on-narrow" style="font-family: 'Muli', Arial, Helvetica, sans-serif; font-weight:800; font-size:56px; color: #FFFFFF; mso-height-rule: exactly; line-height:110%;">
                       £
                       <span style="font-size: 70px;">
                        5
                       </span>
                       off
                      </td>
                     </tr>
                     <tr>
                      <td align="center" class="center-on-narrow" style="padding: 0 5px 5px 5px;font-family: 'Muli', Arial, Helvetica, sans-serif; font-weight:normal; font-size:19px; color: #FFFFFF; mso-height-rule: exactly; line-height:120%;">
                       when you buy an item from Wine or Big Beauty Sale
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </div>
             <!--[if mso]></td><td align="center" valign="top" width="330" style="width:330px;"> <![endif]-->
             <div class="stack-column" style="display:inline-block; Margin: 0; width:100%; min-width:200px; max-width:330px; vertical-align:top;">
              <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 540px;" width="100%">
               <tr>
                <td align="center" style="padding: 0 20px;">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size: 14px;text-align: center;" width="100%">
                  <tr>
                   <td align="center">
                    <table border="0" cellpadding="0" cellspacing="0" style="text-align: center; max-width: 310px;">
                     <tr>
                      <td style="padding: 10px 5px 10px 5px; text-align:center;font-family: 'Muli', Arial, sans-serif; font-weight:bold; font-size:14px; color:#FFFFFF; line-height:120%; mso-height-rule: exactly; letter-spacing:0;">
                       Add this code as you check out:
                      </td>
                     </tr>
                     <tr>
                      <td align="center" style="padding: 7px 20px 5px 20px; background: #FFFFFF; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color: #2D333A; display: block; font-size: 28px; line-height:110%; font-weight: bold; text-align: center; text-decoration: none; font-family: 'Muli', Arial, Helvetica, sans-serif; " valign="middle">
                       VOU7261966
                      </td>
                     </tr>
                     <!-- CTA Button: BEGIN -->
                     <tr>
                      <td style="padding: 20px 20px 10px 20px; text-align: center; mso-height-rule: exactly;">
                       <table align="center" border="0" cellpadding="0" cellspacing="0" class="center-on-narrow" role="presentation" style="Margin: auto">
                        <tr>
                         <!--[if (gte mso 15)|(IE)]><td style="width:10px;" >&nbsp;</td><![endif]-->
                         <td class="" style="font-family: 'Muli', Arial, Helvetica, sans-serif; border-radius: 6px; text-align: center; padding: 0; font-weight: normal; background: #F1C500;">
                          <a class="button-a-lemon" style="border: 1px solid #F1C500; background-color: #F1C500; padding: 10px 15px; color: #1c1e1f; font-size: 16px; line-height: 110%; text-align: center; min-width:180px; max-width: 280px; overflow: visible; text-decoration: none; display: block; border-radius: 6px; font-weight: bold;">
                           <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                           Shop now
                           <!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->
                          </a>
                         </td>
                         <!--[if mso]></td><![endif]-->
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- CTA Button: END -->
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </div>
             <!--[if mso]></td></tr></table><![endif]-->
            </td>
           </tr>
           <tr>
            <td>
             <!--[if (gte mso 9)|(IE)]><center><table><tr><td width="600" style="width:600px;"><![endif]-->
             <div style="max-width: 600px; margin: 0 auto;">
              <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" width="100%">
               <tr>
                <td style="padding: 10px 20px 15px 20px; text-align:center;font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; font-size: 12px; color: #FFFFFF; line-height: 110%; mso-height-rule: exactly;">
                 Min. spend: £60   Valid for deliveries: 11/04/2021 to 08/05/2021
                </td>
               </tr>
              </table>
             </div>
             <!--[if mso]></td></tr></table></center><![endif]-->
            </td>
           </tr>
          </table>
          <!--[if mso]></td></tr></table><![endif]-->
         </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 -->
          <div>
           <!-- * Footer 2020 - Muli 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: 20px 0 20px 0; width: 100%; font-size: 16px; font-family: 'Muli', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:115%; text-align: center; border-bottom: 1px solid #FFFFFF;">
              <span style="color:#FFFFFF; font-weight:bold; font-size:16px;">
               Get in touch
              </span>
              <br/>
              <span style="color:#FFFFFF; font-size:14px;">
               <a style="color:#FFFFFF; text-decoration:underline;">
                Send us a query.
               </a>
              </span>
              <br/>
              <br/>
              <span style="color:#FFFFFF; font-weight:bold; font-size:16px; line-height: 115%">
               Got a question?
              </span>
              <br/>
              <a style="color:#FFFFFF; text-decoration:underline; font-size: 14px;">
               Our Help Centre has the answers.
              </a>
             </td>
            </tr>
           </table>
           <!-- FOOTER_CONTACT : END -->
           <!-- SOCIAL ICONS : BEGIN -->
           <table align="center" bgcolor="#2D333A" border="0" cellpadding="0" cellspacing="0" style="max-width: 500px;" width="90%">
            <tr>
             <td align="center" height="100%" style="padding: 10px 0 20px 0; font-family: 'Muli', Arial, Helvetica, sans-serif; border-bottom: 1px solid #FFFFFF; font-weight: bold; font-size: 16px; color: #FFFFFF;" valign="top" width="100%">
              We’re a social bunch
              <br/>
              <!--[if (gte mso 9)|(IE)]><center><table><tr><td width="280" style="width:280px; padding-top:20px;"><![endif]-->
              <div style="max-width: 280px; margin: 0 auto; padding: 15px 0 10px 0;">
               <table align="center" bgcolor="#1B1F23" border="0" cellpadding="0" cellspacing="0" style="max-width: 300px; border-radius: 12px;" width="100%">
                <tr>
                 <td style="padding: 10px 10px 0 10px; text-align: center; max-width:300px; font-family: 'Muli', Arial, Helvetica, sans-serif;">
                  <a>
                   <img alt="Pinterest" border="0" height="48" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252Ftransactional%252FMK0468_footer_pinterest_W.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g" style="width: 100%; max-width: 48px; max-height: 48px; height: auto; font-family: 'Muli', Arial, Helvetica, sans-serif; color: #54585A; font-size: 20px;" width="48"/>
                  </a>
                 </td>
                </tr>
                <tr>
                 <td class="" height="40" style="text-align:center; font-family: 'Muli', Arial, Helvetica, sans-serif; font-style:normal; font-size: 14px; color: #FFFFFF; font-weight: normal; mso-line-height-rule:exactly; line-height: 17px; padding: 0 5px 10px 5px;" valign="top">
                  Need help planning your weekly shop?
                  <br/>
                  <a style="font-weight: bold; text-decoration: none; color: #FFFFFF;">
                   Pin this way.
                  </a>
                 </td>
                </tr>
               </table>
              </div>
              <!--[if mso]></td></tr></table></center><![endif]-->
              <!-- 1COL_B_HL1_IMG_BODY_CTA: END -->
              <!-- 1COL_B_HL1_IMG_BODY_CTA: END -->
              <!-- 1COL_B_HL1_IMG_BODY_CTA: END -->
              <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="300" style="width:300px;"><tr><td align="center" valign="top" width="300" style="width:300px;"><![endif]-->
              <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:300px;" width="100%">
               <tr>
                <td align="center" style="font-size:0; padding: 10px 0 0 0;" valign="top">
                 <!--[if mso]><table border="0" cellspacing="0" cellpadding="0" align="center" width="100%"><tr><td align="center" valign="top" width="80px;" style="width:75px;"><![endif]-->
                 <div style="display:inline-block; Margin: 0; vertical-align:top; width:25%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tr>
                    <td style="padding:0 5px 0 0;">
                     <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                      <tr>
                       <td align="center" style="font-family: 'Muli', Arial, Helvetica, sans-serif;">
                        <a style="color:#FFFFFF; text-decoration:none; font-size: 12px; line-height: 14px; mso-line-height-rule: exactly;">
                         <img alt="Youtube" src="https://inboxflows.com/_/image/https%253A%252F%252Focado.emsecure.net%252Fimages%252Ftransactional%252FMK0468_footer_youtube.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g" style="border: 0; width: 100%; max-width: 48px; font-size: 11px; font-weight: bold; color: #FFFFFF; display: block;" width="48"/>
                        </a>
                       </td>
                      </tr>
                     </table>
                    </td>
                   </tr>
                  </table>
                 </div>
                 <!--[if mso]></td><td align="center" valign="top" width="80px;" style="width:75px;"><![endif]-->
                 <div style="display:inline-block; Margin: 0; vertical-align:top; width:25%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tr>
                    <td style="padding: 0 5px 0 5px;">
                     <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                      <tr>
                       <td align="center" style="font-family: 'Muli', Arial, 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%252Ftransactional%252FMK0468_footer_instagram.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g" style="border: 0; width: 100%; max-width: 48px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="48"/>
                        </a>
                       </td>
                      </tr>
                     </table>
                    </td>
                   </tr>
                  </table>
                 </div>
                 <!--[if mso]></td><td align="center" valign="top" width="80px;" style="width:75px;"><![endif]-->
                 <div style="display:inline-block; Margin: 0; vertical-align:top; width:25%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tr>
                    <td style="padding: 0 5px 0 5px;">
                     <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                      <tr>
                       <td align="center" style="font-family: 'Muli', Arial, 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%252Ftransactional%252FMK0468_footer_twitter.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g" style="border: 0; width: 100%; max-width: 48px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="48"/>
                        </a>
                       </td>
                      </tr>
                     </table>
                    </td>
                   </tr>
                  </table>
                 </div>
                 <!--[if mso]></td><td align="center" valign="top" width="80px;" style="width:75px;"><![endif]-->
                 <div style="display:inline-block; Margin: 0; vertical-align:top; width:25%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tr>
                    <td style="padding: 0 0 0 5px;">
                     <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                      <tr>
                       <td align="center" style="font-family: 'Muli', Arial, 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%252Ftransactional%252FMK0468_footer_facebook.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvY2Fkby5lbXNlYyJ9:1lV97h:7M82EY6yyHY9_8Tqm2CmY4jrqF0pts99p8vcgASP07g" style="border: 0; width: 100%; max-width: 48px; font-size: 11px;text-align: center; font-weight: bold; color: #FFFFFF;" width="48"/>
                        </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 - Muli update - END -->
          </div>
          <!-- FOOTER_TOP : END -->
          <!-- FOOTER_TERMS : BEGIN -->
          <!--  
                                  <table cellspacing="0" cellpadding="0" border="0" align="center" width="90%" style="max-width: 500px;"> <tr> <td style="padding: 30px 0; width: 100%; font-size: 12px; font-family: 'Muli', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:16px; text-align: center; color: #FFFFFF; border-bottom: 1px solid #ffffff;"><strong>Terms &amp; Conditions</strong><br /> <br> </td> </tr> </table> 
-->
          <!-- FOOTER_TERMS : END -->
          <!-- FOOTER_BOTTOM: BEGIN -->
          <div>
           <!-- * 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: 20px 0 0 0; width: 100%; font-size: 12px; font-family: 'Muli', Arial, 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;">
               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 30px 0; width: 100%; font-size: 12px; font-family: 'Muli', Arial, Helvetica, sans-serif; mso-height-rule: exactly; line-height:16px; text-align: center;">
              <a style="color:#FFFFFF; text-decoration:underline;">
               Privacy Policy
              </a>
              <span style="color:#FFFFFF;">
               |
              </span>
              <a style="color:#FFFFFF; text-decoration:underline;">
               Unsubscribe
              </a>
              <br/>
              <br/>
              <span style="color:#FFFFFF; font-size:12px; ">
               © 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>
               .
              </span>
             </td>
            </tr>
           </table>
           <!-- * Footer 2020 - STANDARD OPT-IN (161) - END -->
          </div>
          <!-- 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>
 </body>
</html>
3 years, 7 months ago - ocado@ocadomail.com
Big sales + voucher + free delivery
one warm welcome for you! View online Home Browse Blog Recipes Book a delivery Book a delivery Th...
Inboxes

Ocado Registered user
