S2770135 - Twin Peaks

Hi Alex, I have another HA custom invite that they want sent out on Friday. It is in the directory: X:\Clients\CL277\0135\00\MAILER I have confirmed that the social media images at the bottom are static and do not include links. Please let me know if you have any questions or need anything else from me. Thank you, Mike

by dixalex

HTML

<table>
  <tbody>
    <tr>
      <td cellpadding="0" cellspacing="0" valign="bottom" class='mainLogo'><img src='https://s.rrimr.com/SPSSMR/ImageCache/ImageCache.aspx?Project=S2770135&File=Images/mainLogo.jpg' /></td>
    </tr>
    <tr>
      <td cellpadding="0" cellspacing="0" valign="top" class='feedBack'><img src='https://s.rrimr.com/SPSSMR/ImageCache/ImageCache.aspx?Project=S2770135&File=Images/feedBack.jpg' /></td>
    </tr>
    <tr>
      <td cellpadding="0" cellspacing="0" valign="top" class='infoText1'>As part of our ongoing efforts to better meet our guests' needs,
        <br/>we are conducting a survey to get your opinion about Twin
        <br/>Peaks. Please take the 10 minute survey and enjoy $5 on us.</td>
    </tr>
    <tr>
      <td cellpadding="0" cellspacing="0" valign="top" class='surveyLink'><span class='linkBox'><a href="">CLICK HERE TO BEGIN</a></span></td>
    </tr>
    <tr>
      <td cellpadding="0" cellspacing="0" valign="top" class='infoText2'>Please complete the survey as soon as possible; access to the survey will be closed after a
        <br/>sufficient number of responses are received. Upon lull completion of the survey your $5
        <br/>off coupon will arrive to your inbox within 7 business days.</td>
    </tr>
    <tr>
      <td cellpadding="0" cellspacing="0" valign="top" class='infoText3'>The information you provide is strictly confidential, anonymous, and for research purposes only. At no time will we in any way attempt to
        <br/>sell you anything. Twin Peaks and its service providers are committed to protecting your privacy. You can be assured any information you
        <br/>provide us will be handled with great care according to our standards. &#169; 2016 Twin Peaks</td>
    </tr>
    <tr>
      <td cellpadding="0" cellspacing="0" valign="top" class='bottom'><img src='https://s.rrimr.com/SPSSMR/ImageCache/ImageCache.aspx?Project=S2770135&File=Images/bottomBorder.jpg' /></td>
    </tr>
    <tr>
      <td...

CSS

table {
  border-collapse: collapse;
}

td {
  border: solid 1px #000;
  padding: 0;
  margin: 0;
  vertical-align: top;
  font-family: arial;
  text-align: center;
}

td.infoText1 {
  font-size: .99em;
  font-weight: bold;
  line-height: 150%;
}

td.infoText2 {
  font-size: .75em;
  font-weight: bold;
  line-height: 150%;
  background-color: #d6d6d6;
}

td.infoText3 {
  font-size: .65em;
  line-height: 135%;
  background-color: #827e7d;
  color: #FFF;
}

a,
a.visited,
a.active,
a:hover {
  color: #FFF;
  text-decoration: none;
  font-size: .65em;
}

td.optOut {
  background-color: #000;
}

span.linkBox a,
span.linkBox a.visited,
span.linkBox a.active,
span.linkBox a:hover {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5em;
}

span.linkBox {
  display: block;
  background-color: #2d2624;
  width: 300px;
  margin: 0 auto;
}

td.surveyLink {
  background-color: #d6d6d6;
}

img {
  padding: 0;
  margin: 0;
  width: 775px;
  height: auto;
}
td.mainLogo {
  height: 137px;
  background-color: #76130e;
}
td.bottom {
  background-color: #000;
}

JavaScript

$('td').css('vertical-align', 'bottom');
$('td.mainLogo, td.mainLogo img').css('vertical-align', 'bottom').css('height', '130px');
$('td.feedBack, td.feedBack img').css('vertical-align', 'bottom').css('height', '499px');