You have 10% off weekday rides until 6/17

In this example below you will see how to do a You have 10% off weekday rides until 6/17 with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by reallygoodemails, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright reallygoodemails ©
  • HTML
  • CSS
  • JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"><meta name="x-apple-disable-message-reformatting">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.5">
  <style type="text/css">  
  @import url(https://lyft-assets.s3.amazonaws.com/email/ClobberRegular.otf);
  @font-face {
  font-family: 'Clobber';
  src: url("https://lyft-assets.s3.amazonaws.com/email/ClobberRegular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  }
  @font-face {
  font-family: 'Gotham-Book';
  src: url("http://take.lyft.com.s3.amazonaws.com/ride/fonts/Gotham-Book.otf") format("opentype");
  font-weight:normal;
  font-style:normal;
  }
  @font-face {
  font-family: 'Gotham-Bold';
  src: url("http://take.lyft.com.s3.amazonaws.com/ride/fonts/Gotham-Bold.otf") format("opentype");
  font-weight:normal;
  font-style:normal;
  }
  @font-face {
  font-family: 'Gotham-Medium';
  src: url("http://take.lyft.com.s3.amazonaws.com/ride/fonts/Gotham-Medium.otf") format("opentype");
  font-weight:normal;
  font-style:normal;
  }
  @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
  }
  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format('woff');
  }
  body {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important;
  -webkit-text-size-adjust: 100% !important;
  -ms-text-size-adjust: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  }
  img {
  border: 0 !important;
  outline: none !important;
  }
  table {
  border-collapse: collapse;
  mso-table-lspace: 0px !important;
  mso-table-rspace: 0px !important;
  }s
  td {
  border-collapse: collapse;
  mso-line-height-rule: exactly;
  }
  a, span {
  mso-line-height-rule: exactly;
  }
  .ExternalClass * {
  line-height: 100%;
  }
  .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass a, .ExternalClass div {
  line-height: 100%;
  }
  .f_num a {
  color: #808080;
  text-decoration: none;
  }

  td[class=hide-all] {
  display: none !important;
  }
  table[class=hide-all] {
  display: none !important;
  }
  span[class=hide-all] {
  display: none !important;
  }
  @media only screen and (max-width:480px) {
  td[class=headline1] {
  font-size: 50px!important;
  }
  td[class=backfill_headline] {
  font-size: 40px!important;
  line-height: 60px!important;
  }
  td[class=headline2] {
  font-size: 40px!important;
  }
  td[class=headline3] {
  font-size: 30px!important;
  }
  td[class=gap] {
  height:8px!important;
  }
  td[class=resize12] {
  font-size: 12px!important;
  line-height:18px!important;
  }
  td[class=resize14] {
  font-size: 14px!important;
  line-height:20px!important;
  }
  td[class=resize16] {
  font-size: 16px!important;
  line-height:25px!important;
  }
  td[class=resize36] {
  font-size: 36px!important;
  line-height:45px!important;
  }
  table[class=wrapper] {
  width: 100% !important;
  }
  table[class=wrapper_background] {
  width: 100% !important;
  background-size:200% !important;
  }  
  img[class=wrapper] {
  width: 100% !important;
  }
  table[class=main_table] {
  width: 100% !important;
  }
  table[class=social] {
  border-width:0px 0px 0px 5px!important;
  }
  img[class=social_img] {
  width:170px !important;
  height:170px !important;
  }
  table[class=spacer] {
  margin-left:38px!important;
  }
  table[class=button-width] {
  width:120px !important;
  }
  a[class=button-width] {
  width:120px !important;
  }
  table[class=features] {
  text-align:center!important;
  }
  table[class=side] {
  padding: 0 0 0 25px !important;
  }
  td[class=side] {
  width: 20px !important;
  }
  td[class=aside] {
  padding: 0px 10px !important;
  }
  td[class=hide] {
  display: none !important;
  }
  table[class=hide] {
  display: none !important;
  }
  span[class=hide] {
  display: none !important;
  }
  td[class=hide-all] {
  display: none !important;
  }
  table[class=hide-all] {
  display: none !important;
  }
  span[class=hide-all] {
  display: none !important;
  }
  table[class=mobile-center] {
  align: center!important;
  }
  td[class=block] {
  padding-bottom: 15px !important;
  }
  br[class=break] {
  display: none !important;
  }
  td[class=fix_height] {
  height: 30px !important;
  }
  td[class=title] {
  font-size: 34px !important;
  line-height: 38px !important;
  }
  td[class=text] {
  }
  td[class=header-text] {
  font-size: 1.4em !important;
  line-height: 1.4em !important;
  font-weight:bold !important;
  }
 td[class=header-normal] {
  font-size: 1em !important;
  line-height: 1.4em !important;
  font-weight:bold !important;
  }
 td[class=mobile-table-text] {
  font-size: 12px !important;
  line-height: 12px !important;
  font-weight:bold !important;
  }
  td[class=disclaimer] {
  font-size: 0.9em !important;
  }
  td[class=left-text] {
  text-align:left !important;
  }
  img[class=full_img] {
  width: 100% !important;
  height: auto !important;
  }
  img[class=padded_img] {
  width:90%!important;
  padding: 0 20px 20px 20px;
  height:auto!important;
  }
  img[class=hide_img_mobile] {
  max-height:none!important;
  width:auto!important;
  }
  td[class=copyright] {
  font-size: 12px !important;
  text-align: center !important;
  }
  td[class=body_copy] {
  font-size:20px!important;
  line-height:30px!important;
  }
  img[class=mustache] {
  margin: 0 auto !important;
  }
  td[class=spacer-fix] {
  height: 20px !important;
  line-height:20px !important;
  }
  td[class=spacer-30] {
  height: 30px !important;
  line-height:30px !important;
  }
  td[class=spacer-shrink] {
  height: 10px !important;
  line-height:10px !important;
  }
  td[class=center-text] {
  text-align:center !important;
  }

  td[class=pad_bottom1] {
  padding-bottom: 20px !important;
  }
  .center-text {
  display:block;
  text-align:center !important;
  }
  .left-text {
  text-align:left !important;
  }
  .marg_bottom {
  margin-bottom:20px !important;
  width:100% !important;  
  }
  .left-fix {
  margin-left:0px !important;
  width:100% !important;
  }
  }
  @media only screen and (min-width:480px) and (max-width:550px) {
  table[class=wrapper] {
  width: 100% !important;
  }
  table[class=one-row-right] {
	width: 60% !important;
align:right;
  }
  table[class=one-row-left] {
	width: 40% !important;
  }
  table[class=wrapper_background] {
  width: 100% !important;
  background-size:200% !important;
  }
  td[class=headline1] {
  font-size: 20px!important;
  line-height:26px!important;
  }
  td[class=backfill_headline] {
  font-size: 40px!important;
  line-height: 60px!important;
  }
  td[class=subhead1] {
    font-size:16px!important;
    line-height:18px!important;
  }
  table[class=main_table] {
  width: 100% !important;
  }
  td[class=resize12] {
  font-size: 12px!important;
  line-height:18px!important;
  }
  td[class=resize14] {
  font-size: 14px!important;
  line-height:20px!important;
  }
  td[class=resize16] {
  font-size: 16px!important;
  line-height:25px!important;
  }
  td[class=resize36] {
  font-size: 36px!important;
  line-height:45px!important;
  }
  td[class=side] {
  width: 20px !important;
  }
  table[class=features] {
  align:center!important;
  }
  td[class=aside] {
  padding: 0px 10px !important;
  }
  td[class=hide] {
  display: none !important;
  }
  table[class=hide] {
  display: none !important;
  }
  span[class=hide] {
  display: none !important;
  }
  td[class=block] {
  padding-bottom: 20px !important;
  }
  br[class=break] {
  display: none !important;
  }
  td[class=fix_height] {
  height: 20px !important;
  }
  td[class=balloon] {
  width: 50px !important;
  height: auto !important;
  }
  img[class=full_img] {
  width: 100% !important;
  height: auto !important;
  }
  td[class=copyright] {
  font-size: 12px !important;
  text-align: center !important;
  }
  img[class=mustache] {
  margin: 0 auto !important;
  }
  td[class=pad_bottom1] {
  padding-bottom: 20px !important;
  }
  .marg_bottom {
  margin-bottom:20px !important;
  width:100% !important;}
  .left-fix {
  margin-left:0px !important;
  width:100% !important;
  }
  td[class=center-text] {
  text-align:center !important;
  display:block;
  }
  td[class=left-text] {
  text-align:left !important;
  }
  .center-text {
  display:block;
  text-align:center !important;
  }
  .left-text {
  text-align:left !important;
  }
  img[class=padded_img] {
  width:75%!important;
  padding: 0 20px 20px 20px;
  height:auto!important;
  }
  img[class=hide_img_mobile] {
  max-height:0!important;
  width:0!important;
  }
  img[class=show_img_mobile] {
  max-height:none!important;
  width:75%!important;
  height:auto!important;
  padding: 0 20px 20px 20px;
  }
  td[class=box_text] {
  padding-top:10px!important;
  }
  .text_color_box {
  position:static!important;
  right:0px!important;
  }
  }
  @media only screen and (max-width:480px) {
  table[class=footerWrapper] {
  width: 160px !important;
  }
  table[class=one-row-right] {
	width: 60% !important;
  }
  table[class=one-row-left] {
	width: 40% !important;
  }
  td[class=headline1] {
  font-size: 20px!important;
  line-height: 26px!important;
  }
  td[class=subhead1] {
    font-size:16px!important;
    line-height:18px!important;
  }
  td[class=resize12] {
  font-size: 12px!important;
  line-height:18px!important;
  }
  td[class=resize14] {
  font-size: 14px!important;
  line-height:20px!important;
  }
  td[class=resize16] {
  font-size: 16px!important;
  line-height:25px!important;
  }
  td[class=resize36] {
  font-size: 36px!important;
  line-height:45px!important;
  }
  table[class=spacer] {
  margin-left:38px!important;
  }
  img[class=footerIcon] {
  height: 17px !important;
  width: 16px !important;
  }
  table[class=footerFixHeight] {
  width: 7px !important;
  }
  td[class=footerFixHeight] {
  height: 7px !important;
  }
  td[class=pad_bottom1] {
  padding-bottom: 20px !important;
  }
  img[class=padded_img] {
  width:75%!important;
  padding: 0 20px 20px 20px;
  height:auto!important;
  }
  img[class=hide_img_mobile] {
  max-height:0!important;
  width:0!important;
  }
  img[class=show_img_mobile] {
  max-height:none!important;
  width:75%!important;
  height:auto!important;
  padding: 0 20px 20px 20px;
  }  
  td[class=box_text] {
  padding-top:10px!important;
  }
  .marg_bottom {
  margin-bottom:20px !important;
  width:100% !important;}
  .left-fix {
  margin-left:0px !important;
  width:100% !important;
  }
  td[class=center-text] {
  text-align:center !important;
  display:block;
  }
  td[class=left-text] {
  text-align:left !important;
  display:block;
  }
  .text_color_box {
  position:static!important;
  right:0px!important;
  }
  .center-text {
  display:block;
  text-align:center !important;
  }
  .left-text {
  display:block;
  text-align:left !important;
  }
  .mobile-block {
  display:block;
  }
.gmailfix {
display:none;
display:none!important;
}
  }
  </style>
</head><body marginwidth="0" marginheight="0" bgcolor="#F3F3F5" style="margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;   width: 100% !important;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; " offset="0" topmargin="0" leftmargin="0"><style type="text/css">
div.preheader 
{ display: none !important; } 
</style>
<div class="preheader" style="font-size: 1px; display: none !important;">The perfect reward for a perfect score.</div>

<img src="http://click.lyftmail.com/open.aspx?ffcb10-fe581c73776c04787c10-fdcc1570746403797c15757365-fe6915707166047a7d14-fe9c13707464077c72-fe2a12787465077a751679-fec015797d620678" width="1" height="1">

<!--
  Include this Content Area in your emails to leverage personalization fields from the passengers_realtime table.  All fields are contained in a single variable named @pax_realtime.  Access fields using Field(@pax_realtime,'FieldName').
-->











  
    

  


<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#F3F3F5">
  <tr>
    <td>
    <table width="600" style="max-width:600px;" cellspacing="0" cellpadding="0" border="0" align="center" class="main_table" bgcolor="#F3F3F5">
      <tr>
        <td>
        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
          <!-- Header Section -->
          <tr>
            <td bgcolor="#F3F3F5">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#F3F3F5">
              <tr>
                <td height="10" bgcolor="#F3F3F5">&nbsp;</td>
              </tr>
              <td width="237" class="hide">&nbsp;</td>
              <td width="51" align="center"><img src="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/4/Lyft&#43;Logo.png" width="51" height="36" style="display:block;" border="0"></td>
              <td width="237" class="hide">&nbsp;</td>
              <tr>
                <td height="10" bgcolor="#F3F3F5">&nbsp;</td>
              </tr>
            </table>
            </td>
          </tr>
          <!-- //Header Section -->  
          <tr>
            <td bgcolor="#FFFFFF"><span width="600" style="display: block;border-left:0px solid #FFFFFF;border-right:0px solid #FFFFFF;border-bottom:1px solid #F3F3F5;border-top:3px solid #FF00BF;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td align="center" valign="top"> </td>
              </tr>
              <tr>
                <td align="center" valign="top"><table align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td height="20">&nbsp;</td>
        </tr>
    </tbody>
</table>
<table align="center" cellspacing="0" cellpadding="0" border="0" style="border-spacing:0;">
          <tbody>
            <tr>
              <td align="center" style="border-spacing:0; font-family: Gotham-Book, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; color:#333447; line-height: 24px; font-size: 16px; padding-left: 40px; padding-right: 40px;">
Your 5-Star Reward is Here<br>
<img src="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/6/Star_5UP_2x.gif" style="width:160px;height:30px">
              </td>
            </tr>
          </tbody>
        </table>

<table align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td height="20">&nbsp;</td>
        </tr>
    </tbody>
</table></td>
              </tr>
              <tr>
                <td align="center" valign="top"><table class="wrapper_background" bgcolor="#FFFFFF" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" background="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/6/BG_commute2.png" style="background-size: 100%; width: 600; height: 600; background-repeat: no-repeat;">
    <tbody>
      <tr>
        <td align="center" style="vertical-align:middle; padding-top:0px;">
          <table>
           <tr>
            <td height="110">&nbsp;</td>
          </tr>

          <tr>

            <td width="300 " height="300">

            <table bgcolor="#FFFFFF" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
              <tbody>
                <tr>
                  <td width="100" height="120" align="center" style="font-family: Gotham-Bold, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; color:#352384; line-height: 35px; font-weight: bold; font-size: 30px; padding-left: 10px; padding-right: 10px;">
                    <br>10%  OFF

                    WEEKDAY
                    
                    <br>
                    RIDES

                  </td>
                </tr>
              </tbody>

              <tbody>
                <tr>
                  <td align="center" style="font-family: Gotham-Book, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; color:#352384; line-height: 1.5; font-size: 18px; padding-left: 40px; padding-right: 40px;">
                    Go ahead and do a little dance, you deserve it.
                  </td>
                </tr>
              </tbody>

              <tbody>
                <tr>
                 <tr>
                  <td height="25">&nbsp;</td>
                </tr>
                <td align="center">
 <a href="#" target="_blank" style="text-decoration: none; display: block; width: 160px; height:44px;">

                    <table width="160" height="44" border="0" cellspacing="0" cellpadding="0" align="center" class="wrapper" style=" border-radius: 4px; background: #ff00bf">
                      <tbody>
                        <tr>
                          <td align="center" valign="middle" style="font-family: Gotham-Medium, Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; color:#ffffff;">
                             Ride Now
                    

                          </td>

                        </tr>
                      </tbody>


                    </table>
                  </a>
                  </td>
                </tr>
                <tr>
                  <td height="25">&nbsp;</td>
                </tr>
              </tbody>
            </table>
          </td></tr>
        </table>
      </td>
    </tr>
  </tbody>
  <tr>
    <td height="110">&nbsp;</td>
  </tr>
</table></td>
              </tr>
              <tr>
                <td align="center" valign="top"><table bgcolor="#352384" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
  <tbody>
    <tr>
      <td height="40">&nbsp;</td>
    </tr>
    <tr>
      <td align="center">
      <table align="center" cellspacing="0" cellpadding="0" border="0">
        <tbody>
          <tr>
            <td align="center" style="font-family: Gotham, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; color: #FFFFFF; line-height: 40px; font-weight: normal; padding-left: 60px; padding-right: 60px; font-size: 20px;">

You've got a 5-star rating, and that's worth celebrating. Your weekday
                     
                    Lyft
                     rides are now 10% off until 6/17.




            </td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
    <tr>
      <td height="40">&nbsp;</td>
    </tr>
  </tbody>
</table>


<table align="center" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#f3f3f5 ">
    <tbody>
        <tr>
            <td height="16">&nbsp;</td>
        </tr>
    </tbody>
</table>

</td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"><table align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
  <tbody>
    <tr>
      <td height="40">&nbsp;</td>
    </tr>
    <tr>
      <td align="center">
        <table align="center" cellspacing="0" cellpadding="0" border="0">
          <tbody>
            <tr>
              <td align="center" style="font-family: Gotham-Book, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; color: #BFC7D9; line-height: 18px; font-size: 12px; padding-left: 40px; padding-right: 40px;">
                 
                    Offer valid between 12:00 AM local time 6/5/18 through 11:59 PM local time 6/17/18. Max 9  rides per user. Max $10 discount per ride. Sample fares are estimates only, actual fares may vary. Minimum fares apply. Discount applies to the fare and Prime Time charges only, not to Service fee, tips, tolls, taxes, or other fees and charges. Promo valid only for users who received this email directly from Lyft. Cannot be combined with other offers. Subject to Lyft’s <a href="http://click.lyftmail.com/?qs=4a350440941ea0bb856982f12aeb9ef3786749b7f5bf3839cc6f230b72bf878739a1c4fc6f0b6c289a0644483a158729b5ef0fa13b64acd0507398cb4dcad3eb" style="text-decoration: none; color: #ff00bf;">Terms of Service</a>.   

             </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr>
      <td height="40">&nbsp;</td>
    </tr>
  </tbody>
</table>







</td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td align="center" valign="top"></td>
              </tr>
              <tr>
                <td bgcolor="#FFFFFF">
                <div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff;line-height:5px;background-color:#FFFFFF">
                - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                </div>
                </td>
              </tr>
            </table>
            </span>
            <!-- Footer -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td bgcolor="#F3F3F5">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                  <tr>
                    <td height="10" class="footerFixHeight" style="font-size:1px; line-height:1px;">&nbsp;</td>
                  </tr>
                  <tr>
                    <td bgcolor="#F3F3F5">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#F3F3F5">
                      <tr>
                        <td valign="top">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                          <tr>
                            <!-- Margin -->          
                            <td width="10">&nbsp;</td>
                            <td>
                            <table width="340" border="0" cellspacing="0" cellpadding="0" align="right" class="wrapper">
                              <tr>
                                <td>
                                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                                  <tr>
                                    <td align="right" class="copyright" style="color:#384049;font-family: Gotham, Clobber, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:10px;line-height:18px; font-weight:400;"><span class="mobile-block">185 Berry St, Ste 5000, San Francisco, CA 94107
                                    </span>
                                    © 2018 Lyft, Inc.</td>
                                    <td width="10">&nbsp;</td>
                                  </tr>
                                </table>
                                </td>
                              </tr>
                            </table>
                            <table width="250" border="0" cellspacing="0" cellpadding="0" align="left" class="wrapper">
                              <tr>
                                <td align="center">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                                  <tr>
                                    <td align="left" valign="top" class="copyright" style="color:#384049;font-family: Gotham, Clobber, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:10px;line-height:18px; font-weight:normal;"><a href="#" target="_blank" style="color:#384049; text-decoration:none;">View in Browser</a> &nbsp;|&nbsp; <a href="#" target="_blank" style="color:#384049; text-decoration:none;">Unsubscribe</a> &nbsp;|&nbsp; 
<a href="http://click.lyftmail.com/?qs=4a350440941ea0bbcc666ebcbac33f8a191113c6c2981241e779b9572d0344adfd7745068675b16dba9935b7ec0c5ae6fd97d08ac2237e7c9c1b635e7d7e0fac" target="_blank" style="color:#384049; text-decoration:none;">Contact</a></td>
                                  </tr>
                                </table>
                                </td>
                              </tr>
                            </table>
                            </td>
                          </tr>
                        </table>
                        </td>
                      </tr>
                    </table>
                    </td>
                  </tr>
                  <tr>
                    <td bgcolor="#F3F3F5">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#F3F3F5">
                      <tr>
                        <td height="10" bgcolor="#F3F3F5">&nbsp;</td>
                      </tr>
                      <td width="208" class="hide">&nbsp;</td>
                      <td width="104" align="center">
                      <table>
                        <tr>
                          <td> <a href="http://click.lyftmail.com/?qs=4a350440941ea0bbf7d690045d1d2c6526f4f8b53a2255496f2b061c9aeb83a635d0afe8ca40c8beabfd8415a7162a622cc222a2a1a02c266cb2fa06a46fdaad" target="_blank"><img src="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/2/facebook_dkgr_transparent.png" width="27" height="37" style="display:block;" border="0"></td>
                          <td> <a href="http://click.lyftmail.com/?qs=4a350440941ea0bbfcf895b0ac66153a076da501ac71a2e99039fcd800f805c469db8a55a392eb7b91d49141845cd0f49bc5c83fdf012ba3d5b2827a3028e4b9" target="_blank"><img src="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/2/twitter_dkgr_transparent.png" width="40" height="37" style="display:block;" border="0"></a></td>
                          <td width="32" height="37"> <a href="http://click.lyftmail.com/?qs=4a350440941ea0bba3461d38329f65db4eb852d11e3743b8172e2d369a1b0c08dd97c0d7562227bdcea499ff83cf2cfe5ba03fa6c40656e0034e3ccf92c84300" target="_blank"><img src="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/2/instagram_dkgr_transparent.png" width="32" height="37" style="display:block;" border="0"></td>
                        </tr>
                      </table>
                      </td>
                      <td width="208" class="hide">&nbsp;</td>
                      <tr>
                        <td height="10" bgcolor="#F3F3F5">&nbsp;</td>
                      </tr>
                    </table>
                    </td>
                  </tr>
                  <tr>
                    <td height="10" class="footerFixHeight" style="font-size:1px; line-height:1px;" bgcolor="#F3F3F5">&nbsp;</td>
                  </tr>
                </table>
                </td>
              </tr>
              <!--// Footer -->
            </table>
            </td>
          </tr>
        </table>
        </td>
      </tr>
    </table>
    </td>
  </tr>
</table>

<div class="gmailfix" style="white-space:nowrap; font:15px courier; line-height:0;">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</div>

<!-- RETURNPATH TRACKING -->
  <table border="0" cellpadding="0" cellspacing="0" align="center">
  	<tr>
  		<td border="0" align="center" height="1" style="font-size:0px; line-height:0px;">
  
  		</td>
  	</tr>
  </table>
  <!-- END RETURNPATH  TRACKING -->
</body></html>
</body></html>


/*Downloaded from https://www.codeseek.co/reallygoodemails/you-have-10-off-weekday-rides-until-617-eKddZK */
    


/*Downloaded from https://www.codeseek.co/reallygoodemails/you-have-10-off-weekday-rides-until-617-eKddZK */
    

Comments