<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="light dark" name="color-scheme" />
<meta content="light dark" name="supported-color-schemes" />
<title>HTML Email Template Project</title>
<style type="text/css">@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
table {
border-spacing: 0;
}
td {
padding: 0;
}
p {
font-size: 15px;
}
img {
border: 0;
}
a {
color: #e8fbfa;
text-decoration: none;
}
@media screen and (max-width: 599.98px) {
.banner {
height: auto!important;
padding-top: 40px!important;
padding-bottom: 60px!important;
}
.two-columns .padding,
.two-third-columns .padding,
.three-columns .padding {
padding-right: 0!important;
padding-left: 0!important;
}
img.two-col-img {
width: 300px!important;
max-width: 300px!important;
}
.two-third-columns .padding.first {
padding-bottom: 0!important;
}
.two-third-columns .padding.last {
padding-top: 0!important;
}
img.one-third-col-img,
img.three-col-img-last {
width: 200px!important;
max-width: 200px!important;
}
.two-third-columns .content {
text-align: center!important;
}
}
@media screen and (max-width: 399.98px) {
.banner {
padding-top: 10px!important;
padding-bottom: 40px!important;
}
img.three-col-img {
width: 200px!important;
max-width: 200px!important;
}
}
/* Custom Dark Mode Colors */
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
@media (prefers-color-scheme: dark) {
body, center, table {
background: #2d2d2d!important;
color: #ffffff!important;
}
.darkmode-transparent {
background-color: transparent!important;
}
}
</style>
</head>
<body style="Margin:0;padding:0;min-width:100%;background-color:#dde0e1;">
<center style="width: 100%;table-layout: fixed;background-color:#dde0e1;padding-bottom: 40px;">
<div style="max-width: 600px;background-color: #fafdfe;box-shadow: 0 0 10px rgba(0, 0, 0, .2);">
<div style="font-size: 0px;color: #fafdfe;line-height: 1px;mso-line-height-rule:exactly;display: none;max-width: 0px;max-height: 0px;opacity: 0;overflow: hidden;mso-hide:all;">
</div>
<table align="center" role="presentation" style="border-spacing:0;color:#565656;font-family: 'Lato', sans-serif, Arial, Helvetica!important;background-color: #fafdfe;Margin:0;padding:0;width: 100%;max-width: 600px;">
<tbody>
<tr>
<td style="padding: 0;">
<table role="presentation" style="border-spacing: 0;background-color: #FFFFFF;" width="100%">
<tbody>
<tr>
<td height="3" style="background-color: #FFFFFF;"> </td>
</tr>
<tr>
<td style="text-align: center;padding: 10px 0 8px 0;">
<div style="font-size: 25px;font-weight: bold;color: midnightblue">
<div style="color:red;">
Costco
</div> Wholesale
</div> </td>
</tr>
<tr>
<td height="2" style="background-color: #FFFFFF;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="padding: 0;">
<table role="presentation" style="border-spacing: 0;background-color: #fafdfe;" width="100%">
<tbody>
<tr>
<td style="padding: 20px 0 20px 0;text-align: center;"><a href="http://www.slecost-tco.info/9175L2O395gv86g13Uv46Lf7y10efz36ubrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7BQCdRKK5O1zz05cqwPD/tosses-financed"><img alt="" src="http://www.slecost-tco.info/51b4Y2395BQV7a12W46f9MW10efx36ybrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7fQCdRKK5b1DG06O112wD/Huber-styling" width="100%" /></a>
<table width="100%">
<tbody>
<tr>
<td align="center" style="font-size:30px;line-height:30px;color:#ffffff;;font-weight:500; width: 100%"> <p style="color: black;font-size: 22px; padding: 0px 25px">Don't miss out! Just a few clicks away from a chance to win a $100 <strong>Costco</strong> Card by completing our quick 20-second survey about your recent experience with us.</p> <p style="text-align: center;color: black;font-weight: 600">Your Opinion is very important to us.</p>
<div style="font-size: 18px;font-weight: bold;background: #34090A;padding: 12px;border-radius: 8px">
<a href="http://www.slecost-tco.info/9175L2O395gv86g13Uv46Lf7y10efz36ubrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7BQCdRKK5O1zz05cqwPD/tosses-financed" style="display: block;text-decoration: none;color: #FFFFFF; padding: 0% 25%">Go And Start Now </a>
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td background="" class="banner" height="332" style="background-position: center top;" width="100%">
<table cellpadding="0" cellspacing="0" class="darkmode-transparent" role="presentation">
<tbody>
<tr>
<td align="center" valign="middle" width="600">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td align="center"> </td>
</tr>
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" class="darkmode-transparent" role="presentation">
<tbody>
<tr>
<td bgcolor="#eff8fe" style="border-radius: 10px;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="padding: 35px 0 30px 0;">
<table role="presentation" style="border-spacing: 0;" width="100%">
<tbody>
<tr>
<td class="two-columns" style="padding: 0;font-size: 0;text-align: center;">
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 300px;display: inline-block;">
<tbody>
<tr>
<td class="padding" style="padding: 20px;">
<table class="content" role="presentation" style="border-spacing: 0;text-align: left;">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td style="padding: 10px 10px 20px 10px;"> <p style="font-size: 17px;font-weight: bold;line-height: 25px;"> </p> <p style="font-size: 15px;line-height: 20px;"> </p> </td>
</tr>
<tr>
<td align="left" style="padding-left: 10px;">
<table align="left" border="0" cellpadding="0" role="presentation" style="border-spacing: 0;">
<tbody>
<tr>
<td bgcolor="#1e5d7b" style="border-radius: 10px;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 300px;display: inline-block;">
<tbody>
<tr>
<td class="padding" style="padding: 20px;">
<table class="content" role="presentation" style="border-spacing: 0;text-align: left;">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td style="padding: 10px 10px 20px 10px;"> <p style="font-size: 17px;font-weight: bold;line-height: 25px;"> </p> <p style="font-size: 15px;line-height: 20px;"> </p> </td>
</tr>
<tr>
<td align="left" style="padding-left: 10px;">
<table align="left" border="0" cellpadding="0" role="presentation" style="border-spacing: 0;">
<tbody>
<tr>
<td bgcolor="#1e5d7b" style="border-radius: 10px;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="padding: 10px 0 10px 0;">
<table role="presentation" style="border-spacing: 0;" width="100%">
<tbody>
<tr>
<td class="two-third-columns" style="padding: 0;font-size: 0;text-align: center;background-color: #FFFFFF;">
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 200px;display: inline-block;">
<tbody>
<tr>
<td class="padding first" style="padding: 15px 20px 15px 20px;background-color: #FFFFFF;">
<table class="content darkmode-transparent" role="presentation" style="border-spacing: 0;text-align: center;">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 400px;display: inline-block;">
<tbody>
<tr>
<td class="padding last" style="padding: 30px 10px 15px 10px;background-color: #FFFFFF;">
<table class="content" role="presentation" style="border-spacing: 0;text-align: left;">
<tbody>
<tr>
<td style="vertical-align: middle;padding: 0 10px 0 10px;background-color: #FFFFFF;"> <p style="font-size:20px;color:#ffffff;letter-spacing: .2px;font-weight: 300;line-height: 20px;"> </p> <p style="font-size:18px;color:#ffffff;letter-spacing: .2px;font-weight: 300;line-height: 20px;"> </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="padding: 30px 0 40px 0;">
<table role="presentation" style="border-spacing: 0;" width="100%">
<tbody>
<tr>
<td class="three-columns" style="padding: 0;font-size: 0;text-align: center;">
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 200px;display: inline-block;">
<tbody>
<tr>
<td class="padding" style="padding: 15px;">
<table class="content" role="presentation" style="border-spacing: 0;text-align: center;">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td style="padding: 10px 10px 20px 10px;"> <p style="font-size: 17px;font-weight: bold;line-height: 20px;"> </p> <p style="font-size: 15px;line-height: 20px;"> </p> </td>
</tr>
<tr>
<td align="center">
<table align="center" border="0" cellpadding="0" role="presentation" style="border-spacing: 0;">
<tbody>
<tr>
<td bgcolor="#dde0e1" style="border-radius: 10px;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 200px;display: inline-block;">
<tbody>
<tr>
<td class="padding" style="padding: 15px;">
<table class="content" role="presentation" style="border-spacing: 0;text-align: center;">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td style="padding: 10px 10px 20px 10px;"> <p style="font-size: 17px;font-weight: bold;line-height: 20px;"> </p> <p style="font-size: 15px;line-height: 20px;"> </p> </td>
</tr>
<tr>
<td align="center">
<table align="center" border="0" cellpadding="0" role="presentation" style="border-spacing: 0;">
<tbody>
<tr>
<td bgcolor="#1e5d7b" style="border-radius: 10px;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 200px;display: inline-block;">
<tbody>
<tr>
<td class="padding" style="padding: 15px;">
<table class="content" role="presentation" style="border-spacing: 0;text-align: center;">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td style="padding: 10px 10px 20px 10px;"> <p style="font-size: 17px;font-weight: bold;line-height: 20px;"> </p> <p style="font-size: 15px;line-height: 20px;"> </p> </td>
</tr>
<tr>
<td align="center">
<table align="center" border="0" cellpadding="0" role="presentation" style="border-spacing: 0;">
<tbody>
<tr>
<td bgcolor="#dde0e1" style="border-radius: 10px;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="padding:0;">
<table role="presentation" style="border-spacing: 0;background-color: #FFFFFF;" width="100%">
<tbody>
<tr>
<td height="2" style="background-color: #FFFFFF;"> </td>
</tr>
<tr>
<td class="four-columns" style="padding: 0;font-size: 0;text-align: center;">
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 150px;display: inline-block;">
<tbody>
<tr>
<td>
<table class="content" role="presentation" style="border-spacing: 0;text-align: center;Margin-left:15px;">
<tbody>
<tr>
<td style="padding: 10px 0 10px 0;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 150px;display: inline-block;">
<tbody>
<tr>
<td>
<table class="content" role="presentation" style="border-spacing: 0;text-align: center;Margin-left:15px;">
<tbody>
<tr>
<td style="padding: 10px 0 10px 0;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 150px;display: inline-block;">
<tbody>
<tr>
<td>
<table class="content" role="presentation" style="border-spacing: 0;text-align: center;Margin-left:15px;">
<tbody>
<tr>
<td style="padding: 10px 0 10px 0;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="column" role="presentation" style="border-spacing: 0;vertical-align: top;width: 100%;max-width: 150px;display: inline-block;">
<tbody>
<tr>
<td>
<table class="content" role="presentation" style="border-spacing: 0;text-align: center;Margin-left:15px;">
<tbody>
<tr>
<td style="padding: 10px 0 10px 0;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="padding: 0;">
<table role="presentation" style="border-spacing: 0;" width="100%">
<tbody>
<tr>
<td height="3" style="background-color: #320809;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="padding: 0;background-color: #565656;">
<table role="presentation" style="border-spacing: 0;" width="100%">
<tbody>
<tr>
<td style="padding: 60px 0 50px 0;color: #ffffff;text-align: center;font-size: 16px;"> <p class="unsubscribe"><span style="text-decoration: none; ">To update your communication choices,</span><a href="http://www.slecost-tco.info/6dd5R239i5c8L6h13kO46Vf8r10efs36rbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7zQCdRKK6CqB1y06DPAwD@/childishness-asceticism" style="text-decoration-line: none; color:"> <span>Go.Ahead.Here </span> </a><br /> 126 E 23rd St New York, NY, US 10010<br /> <br /> <br /> <br /> <br /> <br /> <span color="Oxonian"><span class="metavariable"><span><small></span><style color="performers"></span></span><style></style></style><style class="imitating"></small><span class="consistency"></style></span></p> </td>
</tr>
<tr>
<td height="4" style="background-color: #34090A;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</div>
</center>
<img src="http://www.slecost-tco.info/7916q239Dh5dwM8513o4S6fZau10efO36vbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7LQCdRKK5QPN106w2kwDT/childishness-asceticism" alt=""/></body>
</html>