A Nespresso official fully responsive hand-coded HTML email compactible with most ESP (Email Service Providers) including Outlook, Apple mail, and Gmail.
While workign at Reallyb2b
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width, minimal-ui, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta content="telephone=no" name="format-detection" />
<title>Nespresso</title>
<meta name="robots" content="noindex,nofollow" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<!--[if mso]>
<style> body,table tr,table td,a, span,table.MsoNormalTable {font-family: "Arial", sans-serif !important; }</style>
<!--<![endif]-->
<!--[if gte mso 9]>
<style type="text/css">
#hero .table3-3{
width: 100% !important;
}
.footer1 a,.footer2 a,.footer3 a,.footer4 a,.footer5 a{color:#ffffff !important;outline: none !important;text-decoration:underline !important;}
</style>
<![endif]-->
<style>
</style>
<style type="text/css">
@media only screen and (min-width:600px) {
.nodesktop {
display: none !important;
}
}
</style>
<style media="screen and (min-width:600px)">
.nodesktop {
display: none !important;
}
</style>
<style media="all">
/* CLIENT-SPECIFIC STYLES */
#outlook a {
padding: 0;
}
/* Force Outlook to provide a "view in browser" message */
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
/* Force Hotmail to display emails at full width */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
/* Force Hotmail to display normal line spacing */
/* iOS BLUE LINKS */
@-ms-viewport {
width: device-width;
}
</style>
<!-- <style media="all">
@font-face {
font-family: 'Arial';
font-weight: 400;
font-style: normal;
}
</style> -->
<style type="text/css">
html {
-webkit-text-size-adjust: none;
}
body {
font-family: Arial, sans-serif;
word-break: break-word;
line-height: 1.5 !important;
}
a[x-apple-data-detectors] {
color: inherit !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.button {
color: #F5EEE6;
text-decoration: none;
}
a {
color: #be9d8a;
outline: none !important;
text-decoration: none;
}
.footer1 a,
.footer2 a,
.footer3 a,
.footer4 a,
.footer5 a {
color: #ffffff !important;
outline: none !important;
text-decoration: underline !important;
}
.nodesktop {
display: none !important;
}
@media only screen and (max-width: 600px) {
*[class].main {
width: 100% !important;
min-width: 100% !important;
}
*[class].inner_table {
width: 90% !important;
min-width: 90% !important;
}
*[class].hero {
width: 100% !important;
min-width: 100% !important;
}
*[class].res {
width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
display: block;
}
*[class].center_align {
text-align: center !important;
margin: 0 auto;
}
*[class].left_align {
text-align: left !important;
}
*[class].padding_bottom {
padding-bottom: 20px !important;
}
*[class].padding_top {
padding-top: 10px !important;
}
*[class].ph_height {
height: 0px !important;
}
*[class].full-width {
width: 100% !important;
}
*[class].full-width1 img {
width: 100% !important;
}
*[class].images {
width: 100% !important;
}
*[class].iphone-block {
display: block !important;
visibility: visible !important;
}
*[class].space {
height: 30px !important;
}
*[class].none {
display: none !important;
}
*[class].auto {
height: auto !important;
}
*[class].show {
display: block !important;
margin: 0;
padding: 0;
overflow: visible !important;
width: auto !important;
max-height: inherit !important;
}
*[class].side-pad {
padding: 0px 15px !important;
}
*[class].nomob {
display: none !important;
}
*[class].nodesktop {
display: block !important;
}
}
@media only screen and (max-width: 600px) {
*[class].iphone-block {
display: block !important;
}
*[class].res {
width: 260px !important;
margin: 0 auto !important;
padding: 0 !important;
display: block;
text-align: center !important;
}
*[class].center_align {
text-align: center !important;
margin: 0 auto;
}
*[class].left_align {
text-align: center !important;
}
*[class].padding_top {
padding-top: 10px !important;
}
*[class].padding_bottom {
padding-bottom: 20px !important;
}
*[class].ph_height {
height: 0px !important;
}
*[class].images {
width: 100% !important;
}
*[class].full-width {
width: 100% !important;
}
*[class].iphn-text {
font-size: 25px !important;
line-height: 29px !important;
}
*[class].iphn-img-solar {
background-image: url('') !important;
}
*[class].iphn-img-thermal {
background-image: url('') !important;
}
*[class].iphn-img-luminous {
background-image: url('') !important;
}
*[class].iphn-img-glow {
background-image: url('') !important;
}
*[class].iphn-img-flame {
background-image: url('') !important;
}
*[class].iphn-img-aurora {
background-image: url('') !important;
}
*[class].space {
height: 30px !important;
}
*[class].none {
display: none !important;
}
*[class].auto {
height: auto !important;
}
*[class].float-none {
float: none !important;
margin: 0 auto !important;
}
*[class].show {
display: block !important;
visibility: visible !important;
}
*[class].show {
display: block !important;
margin: 0;
padding: 0;
overflow: visible !important;
width: auto !important;
max-height: inherit !important;
}
*[class].side-pad {
padding: 0px 15px !important;
}
.button {
font-size: 11px !important;
text-transform: uppercase;
}
}
</style>
<style type="text/css">
@media only screen and (min-width:480px) {
.mj-column-per-100 {
width: 100% !important;
max-width: 100%;
}
.mj-column-per-50 {
width: 50% !important;
max-width: 50%;
}
}
</style>
<style media="screen and (min-width:480px)">
.moz-text-html .mj-column-per-50 {
width: 50% !important;
max-width: 50%;
}
</style>
</head>
<body style="margin-bottom: 0; -webkit-text-size-adjust: 100%; padding-bottom: 0; min-width: 100%; margin-top: 0; margin-right: 0; -ms-text-size-adjust: 100%; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; width: 100%;">
<!-- Outer table START -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;margin:0 auto;">
<tbody>
<tr>
<td bgcolor="#eeeeee" class="outer" valign="top" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="main" width="600" align="center" id="boxing" border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;margin:0 auto;">
<tbody>
<tr>
<td class="mktoContainer boxedbackground boxedbackground" id="template-wrapper" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="mktoModule" mktoname="top-header" id="top-header" style=" -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- Extra space -->
<!--image width:598px height: 100px -->
<tbody>
<tr>
<td style="background-color: #BE9D8A;mso-line-height-rule: exactly;background-repeat: no-repeat; background-size: cover; mso-table-lspace: 0; mso-table-rspace: 0; border-spacing: 0;" align="center" bgcolor="#BE9D8A" valign="top">
<table class="inner_table" style="width: 550px; border-collapse: collapse; margin: 0 auto;" align="center" cellpadding="0" cellspacing="0" width="550">
<tbody>
<tr>
<td style="line-height: 1px; font-size: 1px;" height="10"> </td>
</tr>
<tr>
<td style="text-align: left; font-family: 'Arial', sans-serif; font-size: 24px; color:#000000; mso-line-height-rule: exactly; line-height: 30px;">
<div class="mktoText" mktoname="View_browser" id="View_browser">
<div style="text-align: center;">
<span style="font-size: 13px;">Revenue is just outside your door | <a href="{{system.viewAsWebpageLink}}" style="text-decoration:underline; color:#000000">View in browser</a></span>
</div>
</div>
</td>
</tr>
<!-- Extra space -->
<tr>
<td style="line-height: 1px; font-size: 1px;" height="10"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mktoModule" mktoname="placeholder" id="body-sec-fourteen" style=" -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- Extra space -->
<!--image width:598px height: 100px -->
<tbody>
<tr>
<td style="background-color: #ffffff;mso-line-height-rule: exactly;background-repeat: no-repeat; background-size: cover; mso-table-lspace: 0; mso-table-rspace: 0; border-spacing: 0;" align="center" bgcolor="#ffffff" valign="top">
<table class="inner_table" style="width: 600px; border-collapse: collapse; margin: 0 auto;" align="center" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="line-height: 1px; font-size: 1px;" height="25"> </td>
</tr>
<tr>
<td bgcolor="#ffffff" width="100%" height="38" style="text-align: center; width: 100%; max-width: 600px; ">
<div class="mktoImg" id="logo" mktoname="Logo image" style="text-align: center;" mktolockimgsize="true" mktolockimgstyle="true">
<a href="https://www.nespresso.com/pro/ca/en/home" target="_blank"> <img src="https://www.aurysilva.co.uk/reallyb2b/clients/nespresso/html/2023/sep/images/logo-black.jpg" width="130" height="38" border="0" alt="Nespresso Professional" style="border-width:0;-ms-interpolation-mode:bicubic;width:100%;max-width:130px;height:38px; display:inline-block;" /> </a>
</div>
</td>
</tr>
<!-- Extra space -->
<tr>
<td style="line-height: 1px; font-size: 1px;" height="25"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mktoModule" mktoname="top-header" id="hero-section" align="center" style="width:100%;background:#C4B8A2;background-color:#C4B8A2; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="border-top:3px solid #DAD3D1;direction:ltr;font-size:0px;padding:0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:middle;width:300px;" ><![endif]-->
<div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color:#C4B8A2;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0px;padding:25px;word-break:break-word;">
<div class="mktoText" mktoname="Hero_text" id="Hero_text" style="font-family:'NespressoLucas-Bold-April', Arial, sans-serif;font-size:25px;font-weight:normal;letter-spacing:0.1em;line-height:30px;text-align:center;text-transform:uppercase;color:#000000;">
<strong style="color: #ffffff;">How al fresco dining</strong> <span style="color: #EBE3D9;"> can enhance your customer experience</span></div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td><td class="" style="vertical-align:middle;width:300px;" ><![endif]-->
<div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:middle;padding:0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0px;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
<tbody>
<tr>
<td class="mj-column-per-100">
<img class="mktoImg" mktoname="sdd" id="sds" mktolockimgsize="true" alt="Nespresso" height="auto" src="https://placehold.co/300x200.jpg" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
<table class="mktoModule" mktoname="body_text_intro_row" id="body_text_intro" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" bgcolor="#ffffff">
<table class="inner_table" style="width: 550px; margin: 0 auto; border-collapse: collapse;" align="center" cellpadding="0" cellspacing="0" width="550">
<tbody>
<tr>
<td style="line-height: 1px; font-size: 1px;" height="15"> </td>
</tr>
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 14px; color:#434A54; mso-line-height-rule: exactly; text-align:left;" align="center" valign="top">
<div class="mktoText" mktoname="body_text_intro" id="body_text_intro1">
<div style="text-align: center; padding: 0 35px 0px 35px;">
<br />
<strong>Hi @Firstname@,</strong>
<br /> <br />
With more than three-quarters of customers spending more time
(and potentially money) at a restaurant when they can eat al fresco2,
it’s important to focus on adding this option to your premises.
<br />
<strong style="color: #BE9D8A;">But this doesn’t mean you need to start major ground works.</strong>
<br /> <br />
</div>
</div>
</td>
</tr>
<tr>
<td style="line-height: 1px; font-size: 1px;" height="8"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table width="100%" cellpadding="0" cellspacing="0" style="width:100%;margin:0 auto;" class="deviceWidth deviceWidth mktoModule" mktoname="testsd" id="text1sd2" align="center">
<tbody>
<tr>
<td bgcolor="#ffffff">
<table class="main" style="width: 550px; margin: 0 auto; border-collapse: collapse;" align="center" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td valign="top">
<table class="inner_table" bgcolor="#BE9D8A" style="width: 550px; margin: 0 auto; border-collapse: collapse;" align="center" cellpadding="0" cellspacing="0" width="550">
<tbody>
<tr>
<td valign="top">
<div class="mktoText" mktoname="placeholder" id="New-Section-CTA-consdsdtent">
<table style="margin: 0 auto; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 14px; color:#ffffff; mso-line-height-rule: exactly; text-align:center; padding: 35px 35px 0px 35px;" valign="middle">
At Nespresso® Professional, we’ve put together some helpful hints and tips that you can use to provide your guests with unforgettable al fresco dining experiences.
<br>
<strong>These tips include...</strong>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mktoModule" mktoname="placeholder" id="body-sec-one" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" bgcolor="#ffffff">
<table class="inner_table" bgcolor="#BE9D8A" style="width: 550px; margin: 0 auto; border-collapse: collapse;" align="center" cellpadding="0" cellspacing="0" width="550">
<!-- Extra space -->
<tbody>
<tr>
<td colspan="5" style="line-height: 1px; font-size: 1px;" height="20"> </td>
</tr>
<tr>
<td class="res padding_bottom" style="width: 180px;" valign="top" width="180">
<table style="width: 90%; margin: 0 auto; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="90%">
<tbody>
<tr>
<!--image-width:72px;height:42px-->
<td style="text-align: center;" valign="top">
<div class="mktoImg" mktoname="placeholder" id="body1-img1" mktolockimgsize="true">
<img src="https://placehold.co/80x80.jpg" alt="Computer-icon" width="72" border="0" style="" />
</div>
</td>
</tr>
<!-- Extra space -->
<tr>
<td style="line-height: 1px; font-size: 1px;" height="20"> </td>
</tr>
<!-- Extra space -->
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 16px; color:#ffffff; mso-line-height-rule: exactly; line-height: 20px; text-align: center;" align="center" valign="top">
<div class="mktoText" mktoname="placeholder" id="body1-para1">
Helping <br> your diners <br> connect with <br> nature
</div>
</td>
</tr>
<!-- Extra space -->
</tbody>
</table>
</td>
<td class="nomob" style="width: 2px;" valign="middle" width="2">
<table>
<tbody>
<tr>
<td style="width: 1px;" valign="top" width="1" height="160"> <img src="https://placehold.co/1x220.jpg" width="1" alt="Person-icon" border="0" style="height: 160px;" /> </td>
</tr>
</tbody>
</table>
</td>
<td class="res padding_bottom" style="width: 178px;" valign="top" width="178">
<table style="width: 90%; margin: 0 auto; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="90%">
<tbody>
<tr>
<!--image-width:43px;height:45px-->
<td style="text-align: center;" valign="top">
<div class="mktoImg" mktoname="placeholder" id="body1-img2" mktolockimgsize="true">
<img src="https://placehold.co/80x80.jpg" width="72" alt="Person-icon" border="0" style="" />
</div>
</td>
</tr>
<!-- Extra space -->
<tr>
<td style=" line-height: 1px; font-size: 1px;" height="20"> </td>
</tr>
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 16px; color: #ffffff; mso-line-height-rule: exactly; line-height: 20px; text-align: center;" align="center" valign="top">
<div class="mktoText" mktoname="placeholder" id="body1-para2">
Reviewing <br> your design <br> and <br> landscaping
</div>
</td>
</tr>
<!-- Extra space -->
</tbody>
</table>
</td>
<td class="nomob" style="width: 2px;" valign="middle" width="2">
<table>
<tbody>
<tr>
<td style="width: 1px;" valign="top" width="1" height="160"> <img src="https://placehold.co/1x220.jpg" width="1" alt="Person-icon" border="0" style="height: 160px;" /> </td>
</tr>
</tbody>
</table>
</td>
<td class="res" style="width: 180px;" valign="top" width="180">
<table style="width: 90%; margin: 0 auto; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="90%">
<tbody>
<tr>
<!--image-width:49px;height:44px-->
<td style="text-align: center;" valign="top">
<div class="mktoImg" mktoname="placeholder" id="body1-img3" mktolockimgsize="true">
<img src="https://placehold.co/80x80.jpg" alt="Layer-icon" width="72" border="0" style="" />
</div>
</td>
</tr>
<!-- Extra space -->
<tr>
<td style="line-height: 1px; font-size: 1px;" height="10"> </td>
</tr>
<!-- Extra space -->
<tr>
<td style="line-height: 1px; font-size: 1px;" height="10"> </td>
</tr>
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 16px; color: #ffffff; mso-line-height-rule: exactly; line-height: 20px; text-align: center;" align="center" valign="top">
<div class="mktoText" mktoname="placeholder" id="body1-para3">
Using tech <br> to avoid <br> service <br> delays
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Extra space -->
<tr>
<td colspan="5" style="line-height: 1px; font-size: 1px;" height="40"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- Download -->
<table width="100%" cellpadding="0" cellspacing="0" style="width:100%;margin:0 auto;" class="deviceWidth deviceWidth mktoModule" mktoname="Plus_More_text_Row" id="text12" align="center">
<tbody>
<tr>
<td bgcolor="#ffffff">
<table class="main" style="width: 550px; margin: 0 auto; border-collapse: collapse;" align="center" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td valign="top">
<table class="inner_table" bgcolor="#BE9D8A" style="width: 550px; margin: 0 auto; border-collapse: collapse;" align="center" cellpadding="0" cellspacing="0" width="550">
<tbody>
<tr>
<td valign="top">
<div class="mktoText" mktoname="placeholder" id="New-Section-CTA-cosdsdntent">
<table style="margin: 0 auto; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 14px; color:#ffffff; mso-line-height-rule: exactly; text-align:center; padding: 0px 35px 25px 35px;" valign="middle">
To find out more about enhancing your customers dining experiences, whatever the season...
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<!--CTA button-->
<tr>
<td valign="top">
<div class="mktoText" mktoname="placeholder" id="New-Section-CdsdTA-content">
<table style="margin: 0 auto; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="background-color: #ffffff; font-family: 'Arial', sans-serif; font-size: 14px; mso-line-height-rule: exactly; line-height: 16px; text-align: center; vertical-align: middle; color: #BE9D8A; font-weight: 400; text-transform: uppercase; display: block; padding: 13px 28px; letter-spacing: 2px;" valign="middle">
<a class="button" style="text-decoration: none; color: #BE9D8A; font-family: 'Arial', sans-serif; font-size: 14px; font-weight: bold; line-height: 16px; outline: none;" href="#" target="_blank">
Download our tip sheet now
</a>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td style="line-height: 1px; font-size: 1px;" height="35"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Extra space -->
<tr>
<td height="40" style="line-height: 1px; font-size: 1px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- Desktop Imga -->
<table class="mktoModule " mktoname="fullWidthimg" id="hersddo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" bgcolor="#F5EEE6">
<table class="hero" style="width: 600px; margin: 0 auto; border-collapse: collapse;" align="center" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 14px; color:#000000; mso-line-height-rule: exactly; text-align:left;" align="center" valign="top">
<div class="mktoImg" mktoname="Hero12" id="Hero12" mktolockimgsize="true">
<img src="https://placehold.co/600x200.jpg" alt="Hero" width="600" border="0" style="width: 100%; max-width: 600px;">
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- Download -->
<table width="100%" cellpadding="0" cellspacing="0" style="width:100%;margin:0 auto;" class="deviceWidth deviceWidth mktoModule" mktoname="Plus_More_text_Row" id="tesdxt12" align="center">
<tbody>
<tr>
<td bgcolor="#F5EEE6">
<table class="main" style="width: 550px; margin: 0 auto; border-collapse: collapse;" align="center" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td valign="top">
<table class="inner_table" bgcolor="#F5EEE6" style="width: 550px; margin: 0 auto; border-collapse: collapse;" align="center" cellpadding="0" cellspacing="0" width="550">
<tbody>
<tr>
<td valign="top">
<div class="mktoText" mktoname="placeholder" id="New-Section-CTA-csdoerentent">
<table style="margin: 0 auto; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 14px; columns: #000000;; mso-line-height-rule: exactly; text-align:center; padding: 10px 35px 25px 35px;" valign="middle">
Alternatively, to get in touch, simply call
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<!--CTA button-->
<tr>
<td valign="top">
<div class="mktoText" mktoname="placeholder" id="New-Section-CTA-conteddnt">
<table style="margin: 0 auto; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="background-color: #BE9D8A; font-family: 'Arial', sans-serif; font-size: 14px; mso-line-height-rule: exactly; line-height: 16px; text-align: center; vertical-align: middle; color: #ffffff; font-weight: 700; text-transform: uppercase; display: block; padding: 13px 28px; letter-spacing: 2px;" valign="middle">
<a class="button" style="text-decoration: none; color: #ffffff; font-family: 'Arial', sans-serif; font-size: 14px; font-weight: bold; line-height: 16px; outline: none;" href="tel:02392314441" target="_blank">
02392 314441
</a>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td style="line-height: 1px; font-size: 1px;" height="25"> </td>
</tr>
<tr>
<td valign="top">
<div class="mktoText" mktoname="placeholder" id="New-Section-CTA-csdoerntxent">
<table style="margin: 0 auto; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 14px; columns: #000000;; mso-line-height-rule: exactly; text-align:center; padding: 0px 35px 25px 35px;" valign="middle">
or email
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<!--CTA button-->
<tr>
<td valign="top">
<div class="mktoText" mktoname="placeholder" id="New-Section-CTA-contedderwnt">
<table style="margin: 0 auto; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="background-color: #BE9D8A; font-family: 'Arial', sans-serif; font-size: 14px; mso-line-height-rule: exactly; line-height: 16px; text-align: center; vertical-align: middle; color: #ffffff; font-weight: 700; text-transform: uppercase; display: block; padding: 13px 28px; letter-spacing: 2px;" valign="middle">
<a class="button" style="text-decoration: none; color: #ffffff; font-family: 'Arial', sans-serif; font-size: 11px; font-weight: bold; line-height: 18px; outline: none;" href="mailto:[email protected]" target="_blank">
[email protected]
</a>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td style="line-height: 1px; font-size: 1px;" height="5"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Extra space -->
<tr>
<td height="40" style="line-height: 1px; font-size: 1px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mktoModule footer1 footer1" mktoname="footer15" id="footer15" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="footer1" style="background-color: #000000;" bgcolor="#64756F" valign="top">
<table class="inner_table" style="width: 550px; margin: 0 auto; text-align: center; border-collapse: collapse;" align="center" cellpadding="0" cellspacing="0" width="550">
<!-- Extra space -->
<tbody>
<tr>
<td style="line-height: 1px; font-size: 1px;" height="40"> </td>
</tr>
<!-- Extra space -->
<tr>
<td style="line-height: 1px; font-size: 1px;" height="9"> </td>
</tr>
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 13px; color: #ffffff; mso-line-height-rule: exactly; line-height: 14px;" valign="top">
<div class="mktoText" mktoname="copyright_text" id="footer_copyright_text">
<div style="text-align: center;">
Copyright © 2023 Nespresso, Inc. All Rights Reserved.
</div>
</div>
</td>
</tr>
<!-- Extra space -->
<tr>
<td style="line-height: 1px; font-size: 1px;" height="10"> </td>
</tr>
<tr>
<td style="font-family: 'Arial', sans-serif; font-size: 14px; color: #ffffff; mso-line-height-rule: exactly; line-height: 21x;" valign="top">
<div class="mktoText" mktoname="footer_unsubscribe_text" id="footer_unsubscribe_text">
<div style="text-align: center; line-height: 21px;">
<a href="{{system.unsubscribeLink}}" target="_blank" style="text-decoration: underline; color: #ffffff; font-size: 14px;">Click here to unsubscribe</a>
<br />
<br />
<span style="font-size: 10px; line-height: 20px;"><sup> 1</sup> https://www.mordorintelligence.com/industry-reports/united-kingdom-co-working-office-spaces-market <br /> Nespresso UK Ltd registered in the United Kingdom No. 156925 at 1 City Place, Gatwick, RH6 0PA <br /> For our privacy policy and T&C's click here: <a target="_blank" style="color: #be9d8a !important;">nespresso.com/uk/en/legal</a> </span>
</div>
</div>
</td>
</tr>
<!-- Extra space -->
<tr>
<td style="line-height: 1px; font-size: 1px;" height="40"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- Outer table ENDS -->
</body>
</html>
