css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
<!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 NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"><META NAME="referrer" CONTENT="no-referrer">
  <meta name="x-apple-disable-message-reformatting" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <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;">Avoid the holiday scramble</div>

<img src="http://click.lyftmail.com/open.aspx?ffcb10-fe591c73776100787210-fdbd1570746d0d757512737363-fe6915707166047a7d14-fe9c13707464077c72-fe3513757364067f711470-ff65157777" width="1" height="1">

<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+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 width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td align="center" valign="top"><table align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
  <tbody>
    <tr>
      <td align="center" style="font-family: Gotham, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 23px; font-weight: 500; font-style: normal; color: #7f7f7f; text-align: center;">
        <img width="100%" border="0" style="margin: 0px;" src="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/8/HeaderLeaves.png" style="display: block;" class="center-text/>
      </td>
    </tr></tbody></table></td>
              </tr>
              <tr>
                <td align="center" valign="top"><table width="100%" cellspacing="0" cellpadding="0" border="0" align="bottom" bgcolor="#FFEFD9">
	<tbody>
		<tr>
			<td height="580" valign="top" background="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/8/HeaderBottomThanksgiving.png" style="background-repeat: no-repeat; background-size: contain; background-position: bottom;">


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


<table align="center" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFEFD9">
	<tbody>
		<tr>
			<td align="center">
				<table align="center" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFEFD9">
					<tbody>
						<tr>
							<td align="center" style="font-family: Gotham, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: center; color: #333447; line-height: 1.3; font-weight: bold; font-size: 37px; padding-bottom: 25px; padding-left: 47px; padding-right: 47px;">
You Pack, We Drive


							</td>
						</tr>
						<tr>
							<td align="center" style="font-family: Gotham-Book, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; color:#333447; line-height: 33px; font-size: 23px; padding-bottom: 35px; padding-left: 50px; padding-right: 50px;">
						Count on us for your airport ride. It's the easy (and affordable) way to go. Happy holidays! 
							</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table>

				<table width="100%" cellpadding="0" cellspacing="0" border="0" align="top">
					<tbody>
						<tr>
							<td align="center">
								
								<a href="http://click.lyftmail.com/?qs=3c9a15a5e3fb94a71a1635bdc2366910f34601ec0b9998fa666b6d46067ebaea8ef8027b7e43ce1e588b96faa05db2797f41fbce4574a905" target="_blank" style="text-decoration: none; display: block; width: 165px; height:45px;">
									
									<table width="185" height="45" 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-weight: bold; font-size: 18px; color:#fff;">
													Take a Ride
												</td>
											</tr>
										</tbody>
									</table>
								</a>
							</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table></td>
</td>
              </tr>
              <tr>
                <td align="center" valign="top"><table align="center" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#f3f3f5">
    <tbody>
        <tr>
            <td height="15">&nbsp;</td>
        </tr>
    </tbody>
</table></td>
              </tr>
              <tr>
                <td align="center" valign="top"><table bgcolor="#FFEFD9" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tbody>
        <tr>
            <td bgcolor="#FFEFD9" width="20" class="side">&nbsp;</td>
            <td>
                <table bgcolor="#FFEFD9" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td bgcolor="#FFEFD9" height="40">&nbsp;</td>
                        </tr>
                    			<tr>
							<td align="center" style="font-family: Gotham, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: center; color: #333447; line-height: 1.3; font-weight: bold; font-size: 37px; padding-bottom: 0px; padding-left: 53px; padding-right: 53px;">
You're Welcome

							</td>
						</tr>
                        <tr>
                            <td bgcolor="#FFEFD9" height="25">&nbsp;</td>
                        </tr>
                        <tr>
                            <td>
                                <table bgcolor="#FFEFD9" align="right" width="50%" cellspacing="0" cellpadding="0" border="0" class="wrapper" valign="top">
                                    <tbody>
                                        <tr>
                                            <td>
                                                <table bgcolor="#FFEFD9" align="left" width="100%" cellspacing="0" cellpadding="0" border="0">
                                                    <tbody>
                                                        <tr>
                                                            <td bgcolor="#FFEFD9" align="left" valign="top" style="font-family: Gotham, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; font-size: 20px; color:  #333447; line-height: 22px;  display: block; padding:10px 20px 0 20px; padding-top: 25px;" class="center-text"><b>Schedule your ride ahead of time.  
</b></td>
                                                        </tr>
                                                        <tr>
                                                            <td bgcolor="#FFEFD9" height="10">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td bgcolor="#FFEFD9" align="left" valign="top" style="font-family: Gotham, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; display: block; font-size: 18px; color: #333447; display: block; line-height: 24px; padding: 0 10px;" class="center-text">
                                                         Eliminate the last-minute airport scramble by scheduling your ride up to seven days in advance.  </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <table bgcolor="#FFEFD9" align="left" width="50%" cellspacing="0" cellpadding="0" border="0" class="wrapper">
                                    <tbody>
                                        
                                        <tr>
                                            <td bgcolor="#FFEFD9" align="center" valign="top"><img border="0" class="padded_img" src="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/8/Thanksgiving+Email_Car+Icon1.png" style="border-color: #000000; padding:10px; margin: 0px; display: block; width: 215px; height: 165px;" align="center" mdid="4777785f-5e3c-4b7e-a29e-89c86a30cdf4" /></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <td bgcolor="#FFEFD9" width="20" class="side">&nbsp;</td>
        </tr>
    </tbody>
</table>
<table bgcolor="#FFEFD9" align="center" width="100%" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td bgcolor="#FFEFD9" height="15">&nbsp;</td>
        </tr>
    </tbody>
</table>
<table bgcolor="#FFEFD9" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tbody>
        <tr>
            <td bgcolor="#FFEFD9" width="20" class="side">&nbsp;</td>
            <td bgcolor="#FFEFD9">
                <table bgcolor="#FFEFD9" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td bgcolor="#FFEFD9">
                                <table bgcolor="#FFEFD9" align="left" width="50%" cellspacing="0" cellpadding="0" border="0" class="wrapper" valign="top">
                                    <tbody>
                                        <tr>
                                            <td>
                                                <table bgcolor="#FFEFD9" align="left" width="100%" cellspacing="0" cellpadding="0" border="0"">
                                                    <tbody>
                                                        <tr>
                                                            <td bgcolor="#FFEFD9" align="left" valign="top" style="font-family: Gotham, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; font-size: 20px; color: #333447; line-height: 22px;  display: block; padding:10px 20px 0 15px; padding-top: 35px;" class="center-text"><b>Get a Lyft Plus and roll with the whole crew.</b></td>
                                                        </tr>
                                                        <tr>
                                                            <td bgcolor="#FFEFD9" height="10">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td bgcolor="#FFEFD9" align="left" valign="top" style="font-family: Gotham, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; font-size: 18px; color: #333447; line-height: 24px; padding: 0 10px;" class="center-text">
                                                           Keep the family (and the luggage) together when you request a Lyft Plus. </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <table bgcolor="#FFEFD9" align="right" width="50%" cellspacing="0" cellpadding="0" border="0" class="wrapper">
                                    <tbody>
                                    
                                        <tr>
                                            <td bgcolor="#FFEFD9" align="center" valign="bottom"><img border="0" class="padded_img" src="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/8/Thanksgiving+Email_Car+Icon3.png" style="border-color: #000000; padding:15px; display: block; margin: 0px; width: 230px; height: 175px;" align="center" mdid="4777785f-5e3c-4b7e-a29e-89c86a30cdf4" /></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <td bgcolor="#FFEFD9" width="20" class="side">&nbsp;</td>
        </tr>
    </tbody>
</table>

<table bgcolor="#FFEFD9" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tbody>
        <tr>
            <td bgcolor="#FFEFD9" width="20" class="side">&nbsp;</td>
            <td bgcolor="#FFEFD9">
                <table bgcolor="#FFEFD9" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                        <tr>
                            <td bgcolor="#FFEFD9">
                                <table bgcolor="#FFEFD9" align="right" width="50%" cellspacing="0" cellpadding="0" border="0" class="wrapper" valign="top">
                                    <tbody>
                                        <tr>
                                            <td>
                                                <table bgcolor="#FFEFD9" align="left" width="100%" cellspacing="0" cellpadding="0" border="0">
                                                    <tbody>
                                                        <tr>
                                                            <td bgcolor="#FFEFD9" align="left" valign="top" style="font-family: Gotham, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; font-size: 20px; color: #333447; line-height: 22px;  display: block; padding:10px 20px 0 20px; padding-top: 40px;" class="center-text"><b> Know the price up front. 
</b>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td bgcolor="#FFEFD9" height="10">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td bgcolor="#FFEFD9" align="left" valign="top" style="font-family: Gotham, Montserrat, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; font-size: 18px; color: #333447; line-height: 24px; display: block; padding: 0 10px;" class="center-text">
                                                             With our in-app fare estimate tool, you can always view the price before you ride so there's no guessing.
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <table bgcolor="#FFEFD9" align="left" width="50%" cellspacing="0" cellpadding="0" border="0" class="wrapper">
                                    <tbody>
                                
                                            <tr>
                                                <td bgcolor="#FFEFD9" align="center" valign="top"><img border="0" class="padded_img" src="http://image.lyftmail.com/lib/fe6915707166047a7d14/m/8/Thanksgiving+Email_Car+Icon4.png" style="border-color: #000000; padding:10px; margin: 0px; width: 235px; height: 185px;"  align="center" mdid="4777785f-5e3c-4b7e-a29e-89c86a30cdf4" /></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td width="20" class="side">&nbsp;</td>
            </tr>
        </tbody>
    </table>
    <table bgcolor="#FFEFD9" align="center" width="100%" cellspacing="0" cellpadding="0">
        <tbody>
            <tr>
                <td bgcolor="#FFEFD9" height="30">&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"><custom type="content" name="section-06"></td>
              </tr>
              <tr>
                <td align="center" valign="top"><custom type="content" name="section-07"></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>
                                    &copy; 2017 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=3c9a15a5e3fb94a74794190c600e06fa1f40a44a00984642746a102e2f9a22bae24a921feb0a9fa12719ac125ae61546b3a5a3d5e0cf0cff" 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=3c9a15a5e3fb94a7417489d2b5131d3b0a281013150d00ce88679298fd1ee4977eaddd66e284128acf4f4848722a382ccb3e5873bc375e1c" 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=3c9a15a5e3fb94a7f854b29ebe7cabe85aa7db2386bf3caa4d749128f9455bc9860a4560635e2d4a992098f21343d6ab27618c17184f1385" 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=3c9a15a5e3fb94a7a064b3e82af28efea11c91e91f0c121c9a02ca4906c91973cdaaae932a05a8f50802fa261fbb89f7d49ed3ef1207c71c" 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>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console