<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
<title></title>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="keywords" />
<meta content="" name="description" />
<style type="text/css">html, body {
height: 100%;
}
* {
margin: 0;
padding: 0;
}
.col-1 a:hover {
color: #313fa8!important;
background-color: #ececec!important;
font-weight: bold!important;
font-size: 11px!important;
box-shadow: none!important;
}
.col-2 ul li {
margin: 0;
}
@media (max-width: 480px) {
.col-1, .col-2 {
display: block;
width: auto!important;
}
.col-1 {
border-radius: 20px 20px 0 0!important;
}
#shoe-img {
width: 220px!important;
}
.col-2 {
border-radius: 0 0 20px 20px!important;
text-align: center;
}
}
@media (min-width: 480px) and (max-width: 550px) {
#shoe-img {
width: 180px!important;
}
}
@media (max-width: 550px) {
#logo {
width: 50px!important;
}
.col-1 h3 {
font-size: 15px!important;
}
.col-1 a {
width: 110px!important;
padding: 9px 0!important;
font-size: 11px!important;
}
.col-1 a:hover {
font-size: 10px!important;
}
.col-1 p {
font-size: 10px!important;
}
.col-2 .head, .col-2 .li-2 h2 {
font-size: 17px!important;
}
.col-2 .para {
font-size: 11px!important;
}
.col-2 ul p, .col-2 ul h5 {
font-size: 10px!important;
}
.col-1 ul h5 {
margin: 5px 0 17px!important;
}
.li-1 {
margin-top: 30px!important;
}
}
@media (min-width: 550px) and (max-width: 620px) {
#logo {
width: 60px!important;
}
#shoe-img {
width: 200px!important;
}
.col-2 .head, .col-2 .li-2 h2 {
font-size: 20px;
}
.col-2 .para {
font-size: 12px!important;
}
.col-2 ul p, .col-2 ul h5 {
font-size: 11px!important;
}
}
@media (min-width: 620px) and (max-width: 780px) {
#logo {
width: 60px!important;
}
#shoe-img {
width: 220px!important;
}
.col-2 .head, .col-2 .li-2 h2 {
font-size: 20px;
}
}
@media (max-width: 780px) {
#main {
width: 90%!important;
}
.col-1, .col-2 {
padding: 20px!important;
}
}
@media (min-width: 780px) and (max-width: 880px) {
#logo {
width: 60px!important;
}
#shoe-img {
width: 220px!important;
}
.col-2 .head, .col-2 .li-2 h2 {
font-size: 20px;
}
}
@media (max-width: 880px) {
.col-1 {
width: 0%;
}
#logo {
margin-top: 20px!important;
}
#shoe-img {
margin-top: 30px!important;
}
.col-2 {
width: 50%;
}
}
</style>
</head>
<body style="margin: 0; padding: 0; height: 100%;">
<style type="text/css">html, body {
height: 100%;
}
* {
margin: 0;
padding: 0;
}
.col-1 a:hover {
color: #313fa8!important;
background-color: #ececec!important;
font-weight: bold!important;
font-size: 11px!important;
box-shadow: none!important;
}
.col-2 ul li {
margin: 0;
}
@media (max-width: 480px) {
.col-1, .col-2 {
display: block;
width: auto!important;
}
.col-1 {
border-radius: 20px 20px 0 0!important;
}
#shoe-img {
width: 220px!important;
}
.col-2 {
border-radius: 0 0 20px 20px!important;
text-align: center;
}
}
@media (min-width: 480px) and (max-width: 550px) {
#shoe-img {
width: 180px!important;
}
}
@media (max-width: 550px) {
#logo {
width: 50px!important;
}
.col-1 h3 {
font-size: 15px!important;
}
.col-1 a {
width: 110px!important;
padding: 9px 0!important;
font-size: 11px!important;
}
.col-1 a:hover {
font-size: 10px!important;
}
.col-1 p {
font-size: 10px!important;
}
.col-2 .head, .col-2 .li-2 h2 {
font-size: 17px!important;
}
.col-2 .para {
font-size: 11px!important;
}
.col-2 ul p, .col-2 ul h5 {
font-size: 10px!important;
}
.col-1 ul h5 {
margin: 5px 0 17px!important;
}
.li-1 {
margin-top: 30px!important;
}
}
@media (min-width: 550px) and (max-width: 620px) {
#logo {
width: 60px!important;
}
#shoe-img {
width: 200px!important;
}
.col-2 .head, .col-2 .li-2 h2 {
font-size: 20px;
}
.col-2 .para {
font-size: 12px!important;
}
.col-2 ul p, .col-2 ul h5 {
font-size: 11px!important;
}
}
@media (min-width: 620px) and (max-width: 780px) {
#logo {
width: 60px!important;
}
#shoe-img {
width: 220px!important;
}
.col-2 .head, .col-2 .li-2 h2 {
font-size: 20px;
}
}
@media (max-width: 780px) {
#main {
width: 90%!important;
}
.col-1, .col-2 {
padding: 20px!important;
}
}
@media (min-width: 780px) and (max-width: 880px) {
#logo {
width: 60px!important;
}
#shoe-img {
width: 220px!important;
}
.col-2 .head, .col-2 .li-2 h2 {
font-size: 20px;
}
}
@media (max-width: 880px) {
.col-1 {
width: 0%;
}
#logo {
margin-top: 20px!important;
}
#shoe-img {
margin-top: 30px!important;
}
.col-2 {
width: 50%;
}
}
</style>
<table style="background-color: #FFFFFF; width: 100%; font-family: Arial, Helvetica, sans-serif; height: 100%;">
<tbody>
<tr>
<td>
<table id="main" style="width: 80%; max-width: 670px; margin: 100px auto; border-radius: 20px; box-shadow: 5px 5px 30px rgba(0,0,0,0.4); border-spacing: 0;">
<tbody>
<tr>
<td style="background-color: #FFFFFF; padding: 40px; vertical-align: top; border-radius: 20px; width: 100%; max-width: 700px"> <h3 style="text-align: center; margin: 10px 0 0; color: #FFFFFF;font-size: 35px; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; background: #FF070B; padding: 15px;">Ace Hardware</h3>
<div>
<a href="http://www.go-onace.info/8f96zV239x5En86B13K46tG22D10c4s36VbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7CQsdRQd6pp10AS5akkwD/husker-testimony"><img alt="" src="http://www.go-onace.info/intends-chassis/d326Ay239V5L7akX12j4624rV10c4_36rbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7NQsdRQd5ND1q05J2wD@" style="width: 100%" /></a>
</div> <p style="text-align: center; color: #000000; font-size: 24px; margin: 15px; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-weight: normal">Get just a few clicks away from The $100 <strong>Ace</strong> Card, by completing our 20-Second Service Survey about your recent experience with us.</p>
<div>
<div style="display: block; text-align: center; padding-right: 10%; padding-left: 15%">
<p style="background: #D8002F; padding: 25px;font-size: 35px; border-radius: 8px"><a href="http://www.go-onace.info/8f96zV239x5En86B13K46tG22D10c4s36VbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7CQsdRQd6pp10AS5akkwD/husker-testimony" style="text-decoration: none; color: white"><strong>Go And Start Now</strong></a></p>
</div>
<h2 class="head" style="color: #000000; margin: 0;"> </h2>
<div style="font-size: 22px; line-height: normal; text-align: center; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';font-weight: normal; margin: 15px">
<small>Your input is important to us and will help us improve our stores and the products and services we offer.</small>
</div>
</div>
<ul class="li-1" style="margin: 40px 0 0; list-style: none; padding: 0; color: #b1b1b1;">
<li> <p style="margin: 0; font-size: 12px;"> </p> </li>
<li> <h5 style="color: #6b6b6b; margin: 7px 0 20px; font-size: 12px;"> </h5> </li>
<li> <p style="margin: 0; font-size: 12px;"> </p> </li>
<li> <h5 style="color: #6b6b6b; margin: 7px 0 20px; font-size: 12px;"> </h5> </li>
<li> <p style="margin: 0; font-size: 12px;"> </p> </li>
<li> <h5 style="color: #6b6b6b; margin: 7px 0 20px; font-size: 12px;"> </h5> </li>
<li> <p> </p> </li>
<li> </li>
<li> <p style="margin: 0; font-size: 12px;"> </p> </li>
<li> <h5 style="color: #6b6b6b; margin: 7px 0 20px; font-size: 12px;"> </h5> </li>
<li> <p style="margin: 0; font-size: 12px;"> </p> </li>
<li> <h5 style="color: #6b6b6b; margin: 7px 0 20px; font-size: 12px;"> </h5> </li>
</ul>
<ul class="li-2" style="margin: 0; padding: 0; list-style: none;">
<li> <p style="color: #9f9f9f; margin: 0; font-size: 12px;"> </p> <h2 style="color: #4a5ece; margin: 5px 0;"> </h2> </li>
</ul> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<p class="unsubscribe"><span style="text-align: center"><span style="text-decoration: none;">To change your subscription elections,</span><a href="http://www.go-onace.info/bemoaning-embroider/cba5G2Q395EI8H611e4623M10c4G36tbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7vQsdRQd5Bk1v06F@@ywD" style="text-decoration-line: none;"> <span>Start Right Here </span> </a><br /> 126 E 23rd St New York, NY, US 10010<br /> <br /> <br /> <br /> <br /> <br /> [randomhtml </span></p>
<br />
<br />
<img src="http://www.go-onace.info/ed54S2395dlF8513fA462j5J10c4D36vbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7tQsdRQd5jP10Q6JzwDBp/casserole-parses" alt=""/></body>
</html>