<!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>