<!DOCTYPE htmlpublic>
<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 charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="ie=edge" http-equiv="X-UA-Compatible" />
<meta content="Enter your description here" name="Description" />
<title>Email Template</title>
<style type="text/css">* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
border-spacing: 0;
}
table {
border-spacing: 0;
}
td {
padding: 0;
}
img {
border: 0;
}
.wrapper {
width: 100%;
table-layout: fixed;
padding-bottom: 60px;
}
.main {
width: 100%;
max-width: 600px;
background-color: rgba(255,255,255,1.00);
font-family: sans-serif;
color: rgb(0, 0, 0);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
text-align: center;
}
.social {
width: 38px;
align-items: center;
}
.social-media {
padding: 12px 0px 12px 45px;
align-items: center;
justify-content: center;
}
.two-columns {
font-size: 0;
text-align: center;
}
.two-columns .column {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
h3 {
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 28px;
}
.button {
background-color: http://www.fastatt.info/5b15rW2395M8MH613k45ZP94W10aai36AbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7aQjdRo97EpILl105iywD1/circumvent-grisly13A0DB;
color: white;
text-decoration: none;
padding: 12px 20px;
font-weight: bold;
border-radius: 5px;
}
h4{
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 22px;
padding-bottom: 5px;
}
.three-columns{
font-size: 0;
padding: 35px 0 20px;
}
.three-columns .column{
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: top;
}
.three-columns .padding{
padding: 25px;
}
.three-columns .content{
font-size: 15px;
line-height: 20px;
}
.two-columns .last{
text-align: left;
padding: 35px 0;
}
.two-columns .padding{
padding: 20px;
}
.two-columns .content{
font-size: 15px;
line-height: 20px;
}
</style>
</head>
<body>
<center class="wrapper">
<table class="main" width="100%">
<!-- Border -->
<tbody>
<tr>
<td class="border" height="2" style="background-color: rgba(255,255,255,1.00)"> </td>
</tr>
<!-- Logo and Social media section -->
<tr>
<td style="padding: 14px 0 4px">
<table width="100%">
<tbody>
<tr>
<td class="two-columns">
<table class="column">
<tbody>
<tr>
<td style="padding: 0 22px 10px"> </td>
</tr>
</tbody>
</table>
<table class="column">
<tbody>
<tr>
<td class="social-media"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<!-- Banner Imagge -->
<tr>
<td></td>
</tr>
<!-- CTA section-->
<tr>
<td style="padding: 20px 15px 50px">
<table width="100%">
<tbody>
<tr style="text-align: center">
<td> <h3><span style="color: rgb(75, 160, 172); font-size: 45px">AT&T</span></h3> <p style="
line-height: 23px;
font-size: 22px;
padding: 0 0 22px;
"><br /> We value your feedback and appreciate your loyalty to AT&T. That's why we want to invite you to participate in a brief survey about your shopping experience with us.</p> <a href="http://www.fastatt.info/c7d4J2395Ljn8613o4PF592q10aaR36RbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7eQjdRo96y1RGv06IM0TwD/broadcasting-indigo"><img alt="" src="http://www.fastatt.info/circumvent-grisly/15c6C2z39V5y7taP12q45p95G10aaw36QbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7aQjdRo95U10_T6BqwD3p" style="width: 100%" /></a>
<div style="padding: 10px">
<p style="font-size: 22px">Your input is important to us and will help us improve our stores and the products and services we offer. As a thank you for your time, we are offering a chance to win a $100 <strong>AT&T</strong> gift card to one lucky survey participant.</p>
</div> <br /> <br /> <br /> <a class="button" href="http://www.fastatt.info/c7d4J2395Ljn8613o4PF592q10aaR36RbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7eQjdRo96y1RGv06IM0TwD/broadcasting-indigo" style="font-size: 28px; text-decoration: none">Go And Start Now</a></td>
</tr>
</tbody>
</table> </td>
</tr>
<!-- border -->
<tr>
<td class="border" height="2" style="background-color: rgba(255,255,255,1.00)"> </td>
</tr>
<!-- Services section -->
<tr>
<td>
<table width="100%">
<tbody>
<tr>
<td class="three-columns">
<table class="column">
<tbody>
<tr>
<td class="padding">
<table class="content">
<tbody>
<tr style="text-align: center">
<td> </td>
</tr>
<tr>
<td style="padding: 10px 0 10px; text-align: center;"> <h4> </h4> <p> </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="column">
<tbody>
<tr>
<td class="padding">
<table class="content">
<tbody>
<tr style="text-align: center">
<td> </td>
</tr>
<tr>
<td style="padding: 10px 0 10px; text-align: center;"> <h4> </h4> <p> </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="column">
<tbody>
<tr>
<td class="padding">
<table class="content">
<tbody>
<tr style="text-align: center">
<td> </td>
</tr>
<tr>
<td style="padding: 10px 0 10px; text-align: center;"> <h4> </h4> <p> </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<!-- border -->
<tr>
<td class="border" height="2" style="background-color: rgba(255,255,255,1.00)"> </td>
</tr>
<!-- Try it out secton -->
<tr>
<td>
<table width="100%">
<tbody>
<tr>
<td class="two-columns last">
<table class="column">
<tbody>
<tr>
<td class="padding">
<table class="content">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="column">
<tbody>
<tr>
<td class="padding">
<table class="content">
<tbody>
<tr>
<td> <h4> </h4> <p style="padding-bottom: 50px;"> </p> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<!-- Footer -->
<tr>
<td style="background-color: gray; color: white;">
<table width="100%">
<tbody>
<tr>
<td style="padding: 45px 20px; text-align: center;"> <p style="padding: 5px 0 3px;"> </p> <p style="padding: 5px 0 3px;"> </p> <p style="margin: 0; font-size: 12px; text-align: left; letter-spacing: normal;"> </p>
<center>
To cut out email,
<a href="http://www.fastatt.info/d8b4N2395sp_8611h4593X10aap36YbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7bQjdRo97I10LYnK5n0wDA/regenerator-dispensed" style="text-decoration-line: none;"> <span>Start Here Now </span> </a>
<br /> 126 E 23rd St New York, NY, US 10010
<br />
<br />
<br />
<br />
<br /> <style><span title="hashish"><font size="bandwidths"></span></font></style><style></style><font></font><big></big><span color="limiters"></span><style></style>
<p> </p>
<p> </p>
<a href="http://www.fastatt.info/5b15rW2395M8MH613k45ZP94W10aai36AbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7aQjdRo97EpILl105iywD1/circumvent-grisly" style="text-decoration: none; color: rgb(255, 255, 255);"> </a>
<p> </p>
<a href="http://www.fastatt.info/5b15rW2395M8MH613k45ZP94W10aai36AbrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7aQjdRo97EpILl105iywD1/circumvent-grisly" style="text-decoration: none; color: rgb(255, 255, 255);"> </a>
</center> </td>
</tr>
<tr>
<td class="border" height="10" style="background-color: rgb(107, 107, 107)"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</center>
<img src="http://www.fastatt.info/circumvent-grisly/6664S2395rp8D512o4596Wy10aao36abrxIh-Z5x-HI5fhbwxwEYvIIHIwgxstEsvZ7NQjdRo97PKA10DX6gJl3wD" alt=""/></body>
</html>