<!DOCTYPE html>
<html>
<head>
<title></title>
<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" name="viewport" />
<link href="http://www.box-atandt.info/Jules-roundly/6fc6m2L3w95DT8r611i45f0n10baI36VbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7SQwdRd97SY1k0Yw6LzkwDU" rel="stylesheet" />
<style type="text/css">body {
width: 100%;
margin: 0;
padding: 0;
}
img {
max-width: 100%;
}
/* Remove text Decoration on Links */
.em_defaultlink a {
color: inherit !important;
text-decoration: none !important;
}
/* helper classes */
.bm-image {
margin-bottom: -7px;
}
.m-0 {
margin: 0;
}
.yellow-bg {
background: rgb(247,170,49); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(247,170,49,1) 0%, rgba(247,204,49,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(247,170,49,1) 0%,rgba(247,204,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(247,170,49,1) 0%,rgba(247,204,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7aa31', endColorstr='#f7cc31',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.blue-bg {
background: rgb(86,158,187); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(86,158,187,1) 0%, rgba(81,127,216,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(86,158,187,1) 0%,rgba(81,127,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(86,158,187,1) 0%,rgba(81,127,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569ebb', endColorstr='#517fd8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* Header */
.main-header {
background-color: #FFFFFF;
}
.email-wrapper {
max-width: 600px;
width: 100%;
}
/* Featured Auction */
.featured-auction {
}
.featured-auction__banner {
background-color: #012169;
}
.title__featured-auction {
color: white;
display: inline-block;
font-weight: 300;
margin: 0;
}
.featured-auction__details {
background-image: url('');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: ;
width: 100%
}
.featured-auction__details__title,
.featured-auction__details__date-time {
font-weight: 300;
font-size: 25px;
display: inline-block;
padding: 4px 15px;
border-radius: 8px;
margin: 0;
}
.featured-auction__details__title {
background-color: rgba(255,255,255,0.70);
color: #000000;
}
.featured-auction__details__text {
color: white;
font-size: 20px;
width: 350px;
margin: 8px auto 8px auto;
text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}
.featured-auction__details__date-time {
background-color: #FFFFFF;
}
/* Event Details */
.event-details {
background-color: #FFFFFF;
}
.event-details__td {
padding-top: 20px;
padding-bottom: 20px;
}
.event-details__title {
font-weight: 600;
font-size: 26px;
}
.event-details__text {
width: 220px;
color: white;
font-weight: 300;
margin-top: 5px;
}
/* Photo Section */
.pickup-image {
margin-bottom: -6px;
}
.inline-image {
}
/* Equipment Info Block */
.equipment-info-block {
padding: 20px 0;
}
.equipment-info__title {
color: white;
letter-spacing: 1px;
font-size: 22px;
margin: 0;
}
.equipment-info__text {
max-width: 500px;
}
.equipment-info__link {
color: white;
font-size: 20px;
}
.everything-sells__title {
color: white;
font-size: 28px;
padding: 0px 80px 0px;
}
.everything-sells__subtitle {
font-size: 24px;
}
/* Terms & Question Info */
.terms-block__title,
.quest-info__title {
margin: 0;
}
.terms-block__text,
.quest-info__text {
color: white;
font-weight: 300;
}
.terms-block__link,
.quest-info__link {
color: #F7CC31;
}
/* Footer */
.footer {
background-color: #2E67CA;
padding: 30px 0;
}
.footer__text {
color: white;
font-size: 18px;
font-weight: 300;
margin-bottom: 5px;
}
@media only screen and (max-width: 449px) {
/* Adjusts 2 Column Tables */
table.event-details__col-1,
table.event-details__col-2,
table.terms__col-1,
table.terms__col-2 {
width: 100% !important;
}
table.terms__col-1 {
margin-bottom: 20px !important;
}
td.img-1-4 {
width: 50% !important;
display: inline-block !important;
}
/* Yellow Block with Sale Line Items listing */
.equipment-info__text {
width: 90% !important;
}
}
@media only screen and (min-width: 600px) {
table.event-details__col-1,
table.event-details__col-2,
table.terms__col-1,
table.terms__col-2
{
width: 50% !important;
}
}
</style>
</head>
<body>
<!-- Start of HTML Email -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" class="email-wrapper">
<tbody>
<tr class="row-1">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" class="main-header" style="height: 100%;" width="100%">
<tbody>
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" class="container" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif; padding: 10px" width="100%">
<tbody>
<tr style="font-size: 14px; font-weight: 600;">
<td align="center"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr class="row-2">
<td>
<table align="center" cellpadding="0" cellspacing="0" class="featured-auction" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;" width="100%">
<tbody>
<tr align="center" class="featured-auction__banner" style="display: block;padding: 8px;">
<td class="featured-auction__text"> <h3 class="title__featured-auction" style="font-size: 30px"><strong>Dear AT&T Customer</strong></h3> </td>
</tr>
<tr class="featured-auction__details">
<td>
<table align="center" cellpadding="0" cellspacing="0" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;" width="100%">
<tbody>
<tr align="center">
<td>
<div>
<a href="http://www.box-atandt.info/proudest-intricacy/7384Q2395h8Jp612D45f1rn10bao36YbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7FQwdRd95rg10X6OTJwDL"><img alt="" src="http://www.box-atandt.info/proudest-intricacy/7ec4S2395U_7aY13s45sfN3g10bak36KbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7oQwdRd95YK10T6zUNwBD" style="width: " /></a>
</div>
<div style="padding-top: 15px">
<span style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size: 27px; text-align: center; margin: 0px 10px 20px">Get just a few clicks away from The $100 <strong>AT&T</strong> Card by completing our 20-Second Service Survey about your recent experience with us. </span>
</div> <br /> <br /> <p style="background: #A2D45E; display: inline-block; padding: 20px 40px"><span style=""><a href="http://www.box-atandt.info/proudest-intricacy/7384Q2395h8Jp612D45f1rn10bao36YbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7FQwdRd95rg10X6OTJwDL" style="text-decoration: none; font-size: 35px; color: #FFFFFF"><strong>Go And Start Now</strong> </a></span></p> </td>
</tr>
<tr align="center">
<td> <p class="featured-auction__details__text"> </p> </td>
</tr>
<tr align="center">
<td>
<blockquote>
<p class="featured-auction__details__date-time"> </p>
</blockquote> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr class="row-3 event-details">
<td class="event-details__td">
<table align="left" cellpadding="0" cellspacing="0" class="event-details__col-1" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;" width="50%">
<tbody>
<tr>
<td align="center"> </td>
</tr>
<tr>
<td align="center" class="event-details__title"> </td>
</tr>
<tr>
<td align="center"> <p class="event-details__text"> </p> </td>
</tr>
</tbody>
</table>
<table align="left" cellpadding="0" cellspacing="0" class="event-details__col-2" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;" width="50%">
<tbody>
<tr>
<td align="center" height="37px"> </td>
</tr>
<tr>
<td align="center" class="event-details__title"> </td>
</tr>
<tr>
<td align="center"> <p class="event-details__text"> </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr class="row-4">
<td>
<table cellpadding="0" cellspacing="0" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;">
<tbody>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr class="row-5">
<td class="equipment-info-block #FFFFFF-bg">
<table align="center" cellpadding="0" cellspacing="0" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;">
<tbody>
<tr align="center">
<td> <h3 class="equipment-info__title"> </h3> </td>
</tr>
<tr>
<td align="center"> <p class="equipment-info__text"> </p> </td>
</tr>
<tr>
<td align="center"> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr class="row-6">
<td>
<table align="center" cellpadding="0" cellspacing="0" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;">
<tbody>
<tr>
<td class="img-1-4"> </td>
<td class="img-1-4"> </td>
<td class="img-1-4"> </td>
<td class="img-1-4"> </td>
</tr>
<tr>
<td align="center" colspan="4" style="padding: 20px 0;">
<table align="center" cellpadding="0" cellspacing="0" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;">
<tbody>
<tr>
<td> <h4 class="m-0 everything-sells__title"> </h4> </td>
</tr>
<tr>
<td align="center" colspan="4"> <h5 class="m-0 everything-sells__subtitle"> </h5> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr class="row-7">
<td align="center" class="#FFFFFF-bg" style="padding: 40px 0">
<table align="left" cellpadding="0" cellspacing="0" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;" width="100%">
<tbody>
<tr>
<!-- Column 1 'Auction Terms' -->
<td>
<table align="left" cellpadding="0" cellspacing="0" class="terms__col-1" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;" width="50%">
<tbody align="center">
<tr>
<td> <h2 class="terms-block__title"> </h2> </td>
</tr>
<tr>
<td> <p class="terms-block__text"> </p> </td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<table align="left" cellpadding="0" cellspacing="0" class="terms__col-2" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;" width="50%">
<tbody align="center">
<tr>
<td> <h2 class="quest-info__title"> </h2> </td>
</tr>
<tr>
<td> <p class="quest-info__text"> </p> </td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<!-- End of row 7 -->
<!-- Start of row 8 -->
<!-- Footer -->
<tr class="row-8">
<td class="footer">
<table align="left" cellpadding="0" cellspacing="0" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;" width="100%">
<tbody>
<tr>
<td align="center" colspan="4"> <p class="footer__text"> </p> </td>
</tr>
<tr>
<td align="center" colspan="4"> <p class="footer__text"> </p> </td>
</tr>
<tr>
<td align="center">
<!-- Social Icons -->
<table align="center" cellpadding="0" cellspacing="0" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;" width="250">
<tbody>
<tr>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<!-- Yellow Line -->
<td>
<hr class="yellow-bg" width="300" /></td>
</tr>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" style="font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;" width="350">
<tbody>
<tr>
<td align="center"> </td>
</tr>
<tr>
<td align="center"> <p style="margin: 0; font-size: 12px; text-align: left; letter-spacing: normal;"> </p>
<center>
<small style="color: white; font-weight: 300; font-size: 10px">No longer want to receive information?,<a href="http://www.box-atandt.info/Anglicans-Pomeranian/9ea4J2395Uu86j13ol45fQ2t10baN36DbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7sQwdRd97zNs1zX05o0@wD" style="text-decoration-line: none;color: #000000"> <span><strong>Click Right Here</strong> </span> </a><br /> 126 E 23rd St New York, NY, US 10010<br /> <br /> <br /> <small><style><span class="worshipful"><font><big></style></small></big><font color="mechanically"></font></span></font><font></font><font style="canine"></font> </small>
<p> </p>
<small style="color: white; font-weight: 300; font-size: 10px"> </small>
</center> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<!-- End of row 8 'Footer' -->
</tbody>
</table>
<!-- End of Page Wrapper --></td>
</tr>
</tbody>
</table>
<!-- End of HTML Email -->
<img src="http://www.box-atandt.info/proudest-intricacy/7745M23p95IXK8512w45fN4z10baK36mbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7nQwdRd96Hm1_0I5QTAwD" alt=""/></body>
</html>