Untitled
unknown
plain_text
a year ago
30 kB
3
Indexable
<!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" lang="en" xml:lang="en"
style="background:#f5f5f5!important;font-family:Lato,sans-serif">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
<style>@media only screen {
html {
min-height: 100%;
background: #d1d7de
}
}
@media only screen and (max-width: 564px) {
table.body img {
width: auto;
height: auto
}
table.body center {
min-width: 0 !important
}
table.body .container {
width: 95% !important
}
table.body .columns {
height: auto !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 24px !important;
padding-right: 24px !important
}
table.body .columns .columns {
padding-left: 0 !important;
padding-right: 0 !important
}
th.small-1 {
display: inline-block !important;
width: 8.33333% !important
}
th.small-3 {
display: inline-block !important;
width: 25% !important
}
th.small-4 {
display: inline-block !important;
width: 33.33333% !important
}
th.small-5 {
display: inline-block !important;
width: 41.66667% !important
}
th.small-6 {
display: inline-block !important;
width: 50% !important
}
th.small-7 {
display: inline-block !important;
width: 58.33333% !important
}
th.small-8 {
display: inline-block !important;
width: 66.66667% !important
}
th.small-9 {
display: inline-block !important;
width: 75% !important
}
th.small-10 {
display: inline-block !important;
width: 83.33333% !important
}
th.small-12 {
display: inline-block !important;
width: 100% !important
}
.columns th.small-12 {
display: block !important;
width: 100% !important
}
}
@media only screen and (max-device-width: 564px) {
p {
font-size: 14px !important
}
.receipt-content .wrapper-inner {
padding: 20px 20px 10px 20px !important
}
.receipt-bottom-content .wrapper-inner {
padding: 10px 20px 20px 20px !important
}
.final-price-date p.date {
font-size: 17px !important
}
.final-price p.total-price {
font-size: 28px !important
}
.final-price .item p.small {
font-size: 13px !important
}
img.header-logo-image {
max-width: 100% !important
}
}
@media only screen and (min-device-width: 565px) {
p {
font-size: 16px !important
}
.final-price-date p.date {
font-size: 22px !important
}
.final-price p.total-price {
font-size: 36px !important
}
.final-price .item p.small {
font-size: 14px !important
}
.header-logo img {
max-width: 300px !important
}
}
@media only screen and (max-device-width: 564px) {
p {
font-size: 14px !important
}
.receipt-bottom-content .wrapper-inner {
padding: 10px 20px 20px 20px !important
}
.final-price-date p.date {
font-size: 17px !important
}
.final-price p.total-price {
font-size: 28px !important
}
.final-price .item p.small {
font-size: 13px !important
}
img.header-logo-image {
max-width: 100% !important
}
}
@media only screen and (min-device-width: 565px) {
p {
font-size: 16px !important
}
.final-price-date p.date {
font-size: 22px !important
}
.final-price p.total-price {
font-size: 36px !important
}
.final-price .item p.small {
font-size: 14px !important
}
.header-logo img {
max-width: 300px !important
}
}</style>
</head>
<body style="-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;Margin:0;background:#f5f5f5!important;box-sizing:border-box;color:#262c33;font-family:Lato,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0;min-width:100%;padding:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;width:100%!important">
<span class="preheader"
style="color:#d1d7de;display:none!important;font-size:1px;line-height:1px;max-height:0;max-width:0;mso-hide:all!important;opacity:0;overflow:hidden;visibility:hidden"></span>
<table class="body"
style="Margin:0;background:#f5f5f5!important;border-collapse:collapse;border-spacing:0;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;height:100%;line-height:1.3;margin:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<td class="center" align="center" valign="top"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
<center style="min-width:540px;width:100%">
<table align="center" class="spacer float-center"
style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:center;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<td height="40"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;hyphens:auto;line-height:40px;margin:0;mso-line-height-rule:exactly;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
</td>
</tr>
</tbody>
</table>
<!-- Always wrap everything with <container>, use 'class=template' to use the _classes.scss utils classes -->
<table align="center" class="container template float-center"
style="Margin:0 auto;background:#fff;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:center;vertical-align:top;width:540px">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="wrapper receipt-container" align="center"
style="background-color:#f5f5f5;border-collapse:collapse;border-spacing:0;color:rgba(0,0,0,.85);padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:center;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<td class="wrapper-inner"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<td height="40"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;hyphens:auto;line-height:40px;margin:0;mso-line-height-rule:exactly;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
</td>
</tr>
</tbody>
</table>
<table class="wrapper receipt-content receipt-content-mib-confirmation"
align="center"
style="background-color:#fff;border:1px solid #e8e8e8;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:40px!important;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<td class="wrapper-inner"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:40px 40px 30px 40px!important;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
<!-- Header -->
<table class="wrapper header header-mib-confirmation" align="center"
style="border-collapse:collapse;border-spacing:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<td class="wrapper-inner"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:unset!important;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
{{#if merchant.logoUrl}}
<table class="row header-logo"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<th class="small-1 large-3 columns first"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0 auto;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0 auto;padding:0!important;padding-bottom:0;padding-left:24px;padding-right:12px;padding-top:0;text-align:left;vertical-align:top;width:111px;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<th style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0!important;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word"></th>
</tr>
</tbody>
</table>
</th>
<th class="small-10 large-6 columns"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0 auto;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0 auto;padding:0!important;padding-bottom:0;padding-left:12px;padding-right:12px;padding-top:0;text-align:left;vertical-align:top;width:246px;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<th style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0!important;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
<img class="header-logo-image"
src="{{merchant.logoUrl}}"
width="200" alt="Logo"
style="-ms-interpolation-mode:bicubic;clear:both;display:block;margin:auto;margin-bottom:1rem;max-height:200px;max-width:300px;outline:0;text-decoration:none;width:auto">
</th>
</tr>
</tbody>
</table>
</th>
<th class="small-1 large-3 columns last"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0 auto;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0 auto;padding:0!important;padding-bottom:0;padding-left:12px;padding-right:24px;padding-top:0;text-align:left;vertical-align:top;width:111px;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<th style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0!important;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
{{else}}
<table class="row header-title"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 columns first last"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0 auto;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0 auto;padding:0!important;padding-bottom:0;padding-left:24px;padding-right:24px;padding-top:0;text-align:left;vertical-align:top;width:516px;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<th style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0!important;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
<p class="text-center"
style="Margin:0;Margin-bottom:10px;color:#262c33;font-family:Lato,sans-serif;font-size:32px!important;font-weight:900;line-height:1.3;margin:0;margin-bottom:.25rem!important;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:center;vertical-align:center">
{{merchant.name}}</p></th>
<th class="expander"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0!important;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;visibility:hidden;width:0;word-wrap:break-word"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
{{/if}}
</td>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<p class="text-center zero-margin positive-message announcement-message"
style="Margin:0;Margin-bottom:10px;color:#4cb050;font-family:Lato,sans-serif;font-size:18px!important;font-weight:900;line-height:1.3;margin:0;margin-bottom:.25rem!important;padding-bottom:30px;padding-left:0;padding-right:0;padding-top:40px;text-align:center">
Your order is ready!</p></tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
{{#if pickup}} Your order #{{orderNumber}} at
{{merchant.name}} has been prepared. It is ready to be
picked up. {{/if}} {{#if delivery}} Your order
#{{orderNumber}} at {{merchant.name}} has been prepared. It
is ready to be delivered. {{/if}}
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<td height="20"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" class="spacer float-center"
style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:center;vertical-align:top;width:100%">
<tbody>
<tr style="padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top">
<td height="40"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#262c33;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;hyphens:auto;line-height:40px;margin:0;mso-line-height-rule:exactly;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;word-wrap:break-word">
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</table><!-- prevent Gmail on iOS font size manipulation -->
<div style="display:none;white-space:nowrap;font:15px courier;line-height:0">
</div>
</body>
</html>
Leave a Comment