<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<style type="text/css">body {
Margin: 0!important;
padding: 8px;
background-color: #FFF;
}
wrapper {
width: 100%;
table-layout: fixed;
}
wrapper-inner {
width: 100%;
background-color: #FFF3F8;
max-width: 670px;
Margin: 0 auto;
}
table {
border-spacing: 0;
font-family: sans-serif;
color: #727f80;
}
outer-table {
width: 100%;
max-width: 670px;
margin: 0 auto;
background-color: #FFF;
}
td {
padding: 0;
}
header {
background-color: #FFFFFF;
border-bottom: 3px solid #aaaaaa;
}
p {
Margin:0;
}
header p {
text-align: center;
padding: 1%;
font-weight: 500;
font-size: 11px;
text-transform: uppercase;
}
a {
color: #F1F1F1;
text-decoration: none;
}
/*--- End Outer Table 1 --*/
main-table-first {
width: 100%;
max-width: 610px;
Margin: 0 auto;
background-color: #FFF;
border-radius: 6px;
margin-top: 25px;
}
/*--- Start Two Column Sections --*/
two-column {
text-align: center;
font-size: 0;
padding: 5px 0 10px 0;
}
two-column .section {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
two-column .content {
font-size: 16px;
line-height: 20px;
text-align: justify;
}
content {
width: 100%;
padding-top: 0px;
}
center {
display: table;
Margin: 0 auto;
}
img {
border: 0;
}
img.logo {
float: left;
Margin-left: 5%;
max-width: 160px!important;
}
#callout {
float: right;
Margin: 4% 5% 2% 0;
height: auto;
overflow: hidden;
}
#callout img {
max-width: 20px;
}
social {
list-style-type: none;
Margin-top: 1%;
padding: 0;
}
social li {
display: inline-block;
}
social li img {
max-width: 20px;
Margin-bottom: 0;
padding-bottom: 0;
}
/*--- Start Outer Table Banner Image, Text & Button --*/
image img {
width: 100%;
max-width: 670px;
height: auto;
}
main-table {
width: 100%;
max-width: 610px;
margin: 0 auto;
background-color: #FFF;
border-radius: 6px;
}
one-column .inner-td {
font-size: 16px;
line-height: 20px;
text-align: center;
}
inner-td {
padding: 0px;
}
h2 {
text-align: center;
font-size: 28px;
font-weight: 600;
line-height: 45px;
color: #FFFFFF;
}
p.center {
text-align: center;
max-width: 580px;
font-size: 25px;
padding: 20px;
line-height: 40px;
color:#000000
}
button-holder-center {
text-align: center;
Margin: 5% 2% 3% 0;
}
button-holder {
float: right;
Margin: 5% 0 3% 0;
}
btn {
font-size: 28px;
font-weight: 300;
background: #000000;
color: #FFF;
text-decoration: none;
padding: 9px 16px;
border-radius: 28px;
}
/*--- Start Two Column Image & Text Sections --*/
two-column img {
width: 100%;
max-width: 280px;
height: auto;
}
two-column .text {
padding: 10px 0;
}
/*--- Start 3 Column Image & Text Section --*/
outer-table-2 {
width: 100%;
max-width: 670px;
margin: 22px auto;
background-color: #C2C1C1;
border-bottom: 3px solid #aaa;
border-top: 3px solid #aaa;
}
three-column {
text-align: center;
font-size: 0;
padding: 10px 0 30px 0;
}
three-column .section {
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: top;
}
three-column .content {
font-size: 16px;
line-height: 20px;
}
three-column img {
width: 100%;
max-width: 125px;
height: auto;
}
outer-table-2 p {
margin-top: 6px;
color: #FFF;
font-size: 18px;
font-weight: 500;
line-height: 23px;
}
/*--- Start Two Column Article Section --*/
outer-table-3 {
width: 100%;
max-width: 670px;
margin: 22px auto;
background-color: #C2C1C1;
border-top: 3px solid #aaa;
}
h3 {
text-align: center;
font-size: 21px;
font-weight: 600;
Margin-bottom: 8px;
color: #4A4A4A;
}
/*--- Start Bottom One Column Section --*/
inner-bottom {
padding: 22px;
}
h1 {
text-align: center!important;
font-size: 25px!important;
font-weight: 600;
line-height: 45px;
Margin: 12px 0 20px 0;
color: #4A4A4A;
}
inner-bottom p {
font-size: 16px;
line-height: 24px;
text-align: justify;
}
/*--- Start Footer Section --*/
footer {
width: 100%;
background-color: #C2C1C1;
Margin: 0 auto;
color: #FFF;
}
footer img {
max-width: 135px;
Margin: 0 auto;
display: block;
padding: 4% 0 1% 0;
}
p.footer {
text-align: center;
color: #FFF!important;
line-height: 30px;
padding-bottom: 4%;
text-transform: uppercase;
}
/*--- Media Queries --*/
@media screen and (max-width: 400px) {
.h1 {
font-size: 22px;
}
.two-column .column, .three-column .column {
max-width: 100%!important;
}
.two-column img {
width: 100%!important;
}
.three-column img {
max-width: 60%!important;
}
}
@media screen and (min-width: 401px) and (max-width: 400px) {
.two-column .column {
max-width: 50%!important;
}
.three-column .column {
max-width: 33%!important;
}
}
@media screen and (max-width:768px) {
img.logo {
float:none !important;
margin-left:0% !important;
max-width: 200px!important;
}
#callout {
float:none !important;
margin: 0% 0% 0% 0;
height: auto;
text-align:center;
overflow: hidden;
}
#callout img {
max-width:26px !important;
}
two-column .section {
width: 100% !important;
max-width: 100% !important;
display: inline-block;
vertical-align: top;
}
two-column img {
width: 100% !important;
height: auto !important;
}
img.img-responsive {
width:100% !important;
height:auto !important;
max-width:100% !important;
}
content {
width: 100%;
padding-top:0px !important;
}
}
</style>
</head>
<body>
<div class="wrapper">
<div class="wrapper-inner">
<table class="outer-table">
<tbody>
<tr>
<td class="header"> <p> </p> </td>
</tr>
<!-- End Header -->
</tbody>
</table>
<!-- End Outer Table -->
<table class="main-table-first">
<tbody>
<tr>
<td class="two-column">
<div class="section">
<table width="100%">
<tbody>
<tr>
<td class="inner-td">
<table class="content">
<tbody>
<tr>
<td align="center"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</div>
<!-- End First Column of Two Columns -->
<div class="section">
<table width="100%">
<tbody>
<tr>
<td class="inner-td">
<table class="content">
<tbody>
<tr>
<td>
<div id="callout">
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</div>
<!-- End Second Column of Two Columns --></td>
</tr>
<!-- End Two Column Section -->
</tbody>
</table>
<!-- End Main Table -->
<table class="main-table">
<tbody>
<tr>
<td class="one-column">
<table width="100%">
<tbody>
<tr>
<td class="inner-td"> <p class="h2" style="background: #000000">T-Mobile</p> <p class="center">Get just a few clicks away<br /> from The $100 <strong>T-Mobile</strong> Card</p> <a href="http://www.send-tbile.info/8f96zp2o395l8yN613Q46M9wav10ddt36zbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7RQ1dRSK7zUlYR105P2wDj/Madeleine-heralded"><img alt="" src="http://www.send-tbile.info/thatch-chargers/8a05j23o95U7aPP13n469cTLs10ddv36DbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7SQ1dRSK5lw1K06qy2wDl" width="100%" /></a>
<div style="text-align: center;font-size: 25px;line-height: 30px; padding: 20px;color: #000000">
Just by completing our 20-Second Service Survey about your recent experience with us. </div> <p class="button-holder-center"><a class="btn" href="http://www.send-tbile.info/8f96zp2o395l8yN613Q46M9wav10ddt36zbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7RQ1dRSK7zUlYR105P2wDj/Madeleine-heralded">Go And Star Now</a></p> <br /> <br /> <span style="text-align: center;font-size: 18px; color: #BA2C5C">Your Opinion Matters</span></td>
</tr>
</tbody>
</table> </td>
</tr>
<!-- End Heading, Paragraph & Button Section -->
<tr>
<td class="two-column">
<div class="section">
<table width="100%">
<tbody>
<tr>
<td class="inner-td">
<table class="content">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td class="text"> <p> </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</div>
<!-- End First Column of Two Columns -->
<div class="section">
<table width="100%">
<tbody>
<tr>
<td class="inner-td">
<table class="content">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td class="text"> <p> </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</div>
<!-- End Second Column of Two Columns --></td>
</tr>
<!-- End Two Column Section -->
</tbody>
</table>
<!-- End Main Table -->
<table class="main-table">
<tbody>
<tr>
<td class="two-column">
<div class="section">
<table width="100%">
<tbody>
<tr>
<td class="inner-td">
<table class="content">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td class="text"> <p class="h3"> </p> <p> </p> <p> </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</div>
<div class="section">
<table width="100%">
<tbody>
<tr>
<td class="inner-td">
<table class="content">
<tbody>
<tr>
<td class="text"> <p class="h3"> </p> <p> </p> <p> </p> </td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</div>
<!-- End Second Column of Two Columns --></td>
</tr>
<!-- End Two Column Section -->
<tr>
<td class="one-column">
<table width="100%">
<tbody>
<tr>
<td class="inner-bottom"> <p class="h1"> </p> <p> </p> <p> </p>
<div class="button-holder">
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
<!-- End Heading, Text & Button Section -->
</tbody>
</table>
<!-- End Main Table -->
<table class="outer-table-3">
<tbody>
<tr>
<td class="one-column">
<table width="100%">
<tbody>
<tr>
<td class="footer" style="text-align: center; font-size: 12px; color: #000000; padding: 20px"> <p class="unsubscribe"><span style="text-decoration: none; ">To drop notices,</span><a href="http://www.send-tbile.info/wrestlings-overdue/5ee5p23m95C8h6Z11C469bj10ddH36tbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7rQ1dRSK7MUOA1r05zkPwD" style="text-decoration-line: none; color:#0A00FF "> <span>Get Started Here Now </span> </a><br /> 126 E 23rd St New York, NY, US 10010<br /> <br /> <br /> <br /> <br /> <br /> <style color="violinists"></style><big></big><big></big><big><style id="unlinks"></big></style><style id="modularizing"></style><font dir="circulates"></font></p> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- End Main Table -->
</div>
<!-- End Wrapper Inner -->
</div>
<!-- End Wrapper -->
<img src="http://www.send-tbile.info/4494q2395k8S5i13H4F6F9dv10ddL36GbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7PQ1dRSK6jS10FH5FJJwD/wrestlings-overdue" alt=""/></body>
</html>