<!DOCTYPE html>
<html lang="en-US">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Our Vineyard</title>
<style type="text/css">body {
margin: 0;
padding: 0;
}
@media only screen and (max-width: 660px) {
table.container {
width: 480px !important;
}
td.logo img {
display: none;
}
td.logo {
background: #fff url(images/logo_medium.gif) no-repeat 10px 10px;
height: 45px;
}
td.headline {
padding: 5px 0px 0px 30px !important;
}
td.headline h1 {
font-size: 28px !important;
}
td.banner img {
display: none;
}
td.banner {
width: 480px;
height: 150px;
background: url(images/banner_medium.jpg) no-repeat 0px 0px;
}
td.content {
padding-bottom: 30px !important;
background-image: url(images/banner_medium_ghost.jpg) !important;
}
td.content table.button {
width: auto;
}
td.content table.button td a {
font-size: 14px !important;
}
/* promos */
td.promos table {
width: 200px !important;
}
td.promos table td h3 {
margin-bottom: 8px;
}
td.promos table td img {
display: none;
}
td.promos table.promo_1 td {
background: url(images/promo_1_medium.jpg) no-repeat 0px 0px;
padding: 100px 0px 0px 0px;
}
td.promos table.promo_2 td {
background: url(images/promo_2_medium.jpg) no-repeat 0px 0px;
padding: 100px 0px 0px 0px;
clear: left;
}
/* callouts */
td.callout table {
width: 50% !important;
margin-bottom: 40px;
}
td.callout table img {
display: none;
}
td.callout table br {
display: none;
}
td.callout table a {
display: block;
margin-top: 10px;
}
td.callout table td {
background-size: 65px 65px;
}
td.callout table.callout_1 td {
padding: 0px 30px 0px 60px !important;
background: url(images/icon_grapes.gif) no-repeat 0px -13px;
}
td.callout table.callout_2 td {
padding: 0px 20px 0px 60px !important;
background: url(images/icon_bottle.gif) no-repeat 10px -3px;
}
td.callout table.callout_3 td {
padding: 0px 30px 0px 60px !important;
background: url(images/icon_basket.gif) no-repeat 0px -13px;
}
td.callout table.callout_4 td {
padding: 0px 20px 0px 60px !important;
background: url(images/icon_camera.gif) no-repeat 10px -23px;
}
td.callout table.callout_three {
clear: left;
}
video {
width: 416px !important;
height: 312px !important;
}
}
@media only screen and (max-width: 510px) {
table.container {
width: 100% !important;
}
table.container td {
border: none !important;
}
td.logo {
background: #fff url(images/logo_small.gif) no-repeat center 10px;
height: 32px;
}
td.headline h1 {
font-size: 24px !important;
text-align: center;
}
td.banner {
height: 115px;
background: url(images/banner_small.jpg) no-repeat right 0px;
}
td.banner img {
display: none;
}
td.content {
line-height: 20px !important;
padding-bottom: 10px !important;
background: #f5f2e5 url(images/banner_small_ghost.jpg) no-repeat right 0px !important;
}
/* promos */
td.promos table.promo_1 {
width: 100% !important;
border-top: 1px solid #71a412;
}
td.promos table.promo_1 td {
background: url(images/promo_1_small.jpg) no-repeat 0px 40px;
padding: 20px 0px 40px 110px;
}
td.promos table.promo_2 {
width: 100% !important;
}
td.promos table.promo_2 td {
background: url(images/promo_2_small.jpg) no-repeat 0px 20px;
padding: 0px 0px 0px 110px;
clear: left;
}
/* callouts */
td.callout {
padding: 20px 30px 0px 30px !important;
}
td.callout table {
width: 100% !important;
margin-bottom: 20px;
}
td.callout table td {
padding: 0px 0px 10px 50px !important;
background-size: 50px 50px !important;
min-height: 60px;
}
td.callout table br.spacer {
display: inline;
}
td.callout table a {
display: inline;
}
td.callout table.callout_1 td {
background-position: 0px -6px;
}
td.callout table.callout_2 td {
background-position: 4px -2px;
}
td.callout table.callout_3 td {
background-position: 0px -7px;
}
td.callout table.callout_4 td {
background-position: 4px -17px;
}
/* footer */
td.footer {
padding: 20px 30px !important;
}
video {
width: 300px !important;
height: 225px !important;
}
}
</style>
</head>
<body style="background-color:#FFFFFF">
<div style="max-width: 600px; margin:auto; text-align: center">
<table style="width:100%;border: 0;background-color: #FFFFFF;border-spacing:0;padding:0">
<tbody>
<tr>
<td>
<table class="container" style="width:640px;text-align:center;border:0;border-spacing:0;padding:0">
<tbody>
<tr>
<td class="logo" style="vertical-align:top; background-color:#F5F2E5;padding: 10px 20px 0px 30px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px;"> </td>
</tr>
<tr>
<td class="headline" style="vertical-align:top; background-color:#F5F2E5;padding: 15px 20px 5px 30px; border-left: 1px solid #dbc064; border-right: 1px solid #dbc064; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px;"> <h1 style="margin: 0px 0px 15px 0px; font-weight: normal; font-size: 32px; color: #723c7f;"> </h1> </td>
</tr>
<tr>
<td class="banner" style="vertical-align:top; background-color:#f5f2e5;border-left: 1px solid #dbc064; border-right: 1px solid #dbc064;"> </td>
</tr>
<tr>
<td class="content" style="vertical-align:top ;background-color:#f5f2e5;padding: 30px 30px 10px 30px; border-right: 1px solid #dbc064; border-left: 1px solid #dbc064; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height:22px; color: #654308; background: #FFFFFF url(images/banner_large_ghost.jpg) no-repeat 0px 0px;">
<table>
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<div style="width: 100%">
<a href="http://www.got-tools.info/2874c2395rr8T613m48l40Xn1137I36cbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7EQJdSSo7Y1XSnt06rq1zwD/hereabouts-configurable"><img alt="" src="http://www.got-tools.info/5b16l23AV95K7taR12rr4842t1137Y36ibrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7SQJdSSo6F1xHy05E@1wD/deckings-valued" width="80%" /></a>
<p style="font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', 'sans-serif'; font-size: 24px;line-height: 35px; color: #313131;">Dear valued customer You Are Just A<br /> Few Clicks Away To Get The Home Depot Card.</p>
<br />
<a href="http://www.got-tools.info/2874c2395rr8T613m48l40Xn1137I36cbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7EQJdSSo7Y1XSnt06rq1zwD/hereabouts-configurable"><img alt="" src="http://www.got-tools.info/8816ztq2395Y7aGU11L4843W1137R36QbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7FQJdSSo6G1Xv0F5hNwOD/hereabouts-configurable" width="100%" /></a>
<span style="font-size: 24px; display: block; padding: 15px;line-height: 28px;font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif'; font-weight: bold;color: ">At Home Depot, we are committed to providing the best service and selection for all your home improvement needs.</span>
<br />
<span style="font-size: 24px; display: block; padding: 0px 15px;line-height: 28px;font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif'; font-weight: bold;color: ">By completing our short survey, you will have the opportunity to share your thoughts on our products, services, and store experience</span>
<br />
<br />
<br />
<br />
<br />
<br />
<a href="http://www.got-tools.info/2874c2395rr8T613m48l40Xn1137I36cbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7EQJdSSo7Y1XSnt06rq1zwD/hereabouts-configurable" style="background-color: #E14722; border-radius: 5px; color: #fff; padding: 15px 20px 15px 20px; text-decoration: none; text-shadow: 0px 2px 2px #3a5606;font-weight: 900">Go And Start Now</a>
</div> </td>
</tr>
<tr>
<td class="promos" style="vertical-align:top; background-color:#FFFFFF;padding: 10px 30px 25px 30px; border-right:1px solid #dbc064; border-left:1px solid #dbc064; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;">
<table class="promo_1" style="width:270px; text-align:left">
<tbody>
<tr>
<td style="vertical-align:top ;width:100%;font-size: 14px; line-height: 16px; color: #654308;"> <h3 style="font-size:16px;"> </h3> <br /> </td>
</tr>
</tbody>
</table>
<table class="promo_2" style="width:270px; text-align:left">
<tbody>
<tr>
<td style="vertical-align:top ;width:100%;font-size: 14px; line-height: 16px; color: #654308;"> <h3 style="font-size:16px;"> </h3> <br /> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="callout" style="vertical-align:top; background-color:#FEAD83;background-color: #F1986D; padding: 30px; border-right: 1px solid #dbc064; border-bottom: 1px solid #dbc064; border-left: 1px solid #dbc064;">
<div style="width:100%; font-size: 12px">
<p><span style="text-decoration: none; ">To quit e-mail,</span><a href="http://www.got-tools.info/c7d5M2x395w8h6B11G4841W1137y36fbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7eQJdSSo5fqM106uyq3wD/hereabouts-configurable" style="text-decoration-line: none; color: white"> <span>Head Here </span> </a><br /> 126 E 23rd St New York, NY, US 10010<br /> <br /> <br /> <br /> <br /> <br /> <big><font size="hottest"></font></big><span face="Vanderpoel"><style><font></style><font dir="sorrowful"></font></font></span><font style="Ozzie"></font><big><font></font></big></p>
</div>
<table class="callout_1" style="width:135px;text-align:left;border:0;border-spacing:0;border-spacing:0;padding:0">
<tbody>
<tr>
<td style="vertical-align:top;width:135px;padding-left: 10px; padding-right: 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height: 16px; color: #ffffff;"><br /> <br /> </td>
</tr>
</tbody>
</table>
<table class="callout_2" style="width:135px;text-align:left;border:0;border-spacing:0;padding:0">
<tbody>
<tr>
<td style="vertical-align:top;width:135px;padding-left: 10px; padding-right: 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height: 16px; color: #ffffff;"> </td>
</tr>
</tbody>
</table>
<table class="callout_3" style="width:135px;text-align:left;border:0;border-spacing:0;padding:0">
<tbody>
<tr>
<td style="vertical-align:top;width:135px;padding-left: 10px; padding-right: 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height: 16px; color: #ffffff;"> </td>
</tr>
</tbody>
</table>
<table class="callout_4" style="width:135px;text-align:left;border:0;border-spacing:0;padding:0">
<tbody>
<tr>
<td style="vertical-align:top;width:135px;padding-left: 10px; padding-right: 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height: 16px; color: #ffffff;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="footer" style="vertical-align:top;padding: 10px 0px 30px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #b2a16e;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</div>
<img src="http://www.got-tools.info/8094j2395a85wM12z48S44H1137p36JbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7PQJdSSo5d10VZ5rLjwD/cheapest-Yokohama" alt=""/></body>
</html>