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.

            
              <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,">
<title>Southwest Airlines Rapid Rewards E-mail</title>
<style class="media" type="text/css">
    table td 		{border-collapse: collapse;}
    a.b:hover, a.b 	{cursor: default;}
    img.mobile		{display: none !important;}
    @media only screen and (max-width: 600px) {
		/* base classes */
        table.container, 	
        .full 		{width: 100% !important;}
        .hide 		{display: none !important;}
        .sides 		{padding-left: 10px !important; padding-right: 10px !important;}
        img.mobile 	{width: 100% !important; height: auto !important; display: block !important; line-height: normal !important; max-height: none !important;}

       	/* responsive hello */
 		#hello 	{padding-bottom: 10px !important;}
		
		/* responsive header */
			#header .nav-1,
			#header .nav-2 	{padding-right: 10px;}
		
		/* responsive hero */
		#hero-mobile 	{border-bottom: 10px solid #14214D !important;}
		
		/* responsive footer */
        #footer								{padding-bottom: 10px !important; font-size: 10px !important;}
        #footer .row-2 						{line-height: 20px; !important;}
        #footer .row-1 td[class*="label-"] 	{padding-bottom: 10px !important;}
        #footer .row-1 .content-1,
        #footer .row-1 .content-2,
        #footer .row-1 .content-3 			{padding-bottom: 10px !important;}
        #footer .row-1 .content-2 img 		{width: 50px !important; height: 50px !important;}
        #footer .row-1 .content-3 span 		{font-size: 14px !important; color: #304CB2 !important;}
        #footer .row-2 						{font-size: 14px !important;}


.hero-custom .col-right .row-1 {font-size:28px !important; color:#ffffff !important; line-height:30px !important; text-align:left !important; padding-left:0px !important; }
.hero-custom .col-right .row-2 {font-size:18px !important; color:#ffffff !important; line-height:20px !important; text-align:left !important; padding-left:0px; !important; background-color:#304cb2 !important; width:85% !important; height:auto !important; border-collapse:collapse !important;}
.hero-custom .col-right .row-3 {font-size:18px !important; color:#ffffff !important; line-height:20px !important; text-align:left !important; padding-left:0px; !important; background-color:#304cb2 !important; width:85% !important; height:auto !important; border-collapse:collapse !important;}
.hero-custom .col-right .row-4 {font-size:18px !important; color:#ffffff !important; line-height:20px !important; text-align:left !important; padding-left:0px; !important; background-color:#304cb2 !important; width:85% !important; height:auto !important; border-collapse:collapse !important;}
.hero-custom .row-5 {font-size:12px !important; color:#ffffff !important; line-height:14px !important; text-align:left !important; padding-left:20px; !important; padding-bottom:20px; !important; background-color:#304cb2 !important; width:15% !important; height:auto !important; border-collapse:collapse !important;}
.hero-custom .col-right .bul {font-size:18px !important; font-weight:bold !important; color:#ffffff !important; padding-left:20px !important; padding-right:0px !important; padding-bottom:5px; !important; background-color:#304cb2; }
.hero-custom .col-right >table.cn {height:auto !important; background-color:#304cb2 !important; }
.hero-custom .outer {background-color:#304cb2 !important; height:auto !important;  }
.hero-custom .mobile-cta {background-color:#304cb2 !important; padding:20px !important; }
.hero-custom .mobile {background-color:#304cb2 !important; padding:0px !important; }

.sheroa-custom .col-left .row-1 {font-size:28px !important; color:#111b40 !important; line-height:32px !important; text-align:left !important; background-color:#ffffff !important; }
.sheroa-custom .col-left .row-2 {font-size:14px !important; color:#111b40 !important; line-height:23px !important; text-align:left !important; background-color:#ffffff !important; }
.sheroa-custom .col-left .row-3 {font-size:18px !important; color:#304cb2 !important; line-height:39px !important; text-align:left !important; background-color:#ffffff !important; width:50% !important; }
.sheroa-custom .col-left .row-4 {font-size:12px !important; color:#304cb2 !important; line-height:39px !important; text-align:right !important; background-color:#ffffff !important; padding-right:20px !important; width:50% !important; }
.sheroa-custom .outer {background-color:#ffffff !important; padding-bottom:10px !important; }

.sherob-custom .col-right .row-5 {font-size:28px !important; color:#111b40 !important; line-height:32px !important; text-align:left !important; background-color:#ffffff !important; }
.sherob-custom .col-right .row-6 {font-size:14px !important; color:#111b40 !important; line-height:23px !important; text-align:left !important; background-color:#ffffff !important; }
.sherob-custom .col-right .row-7 {font-size:18px !important; color:#304cb2 !important; line-height:39px !important; text-align:left !important; background-color:#ffffff !important; padding-right:20px !important; }
.sherob-custom .col-right .row-7 a {color:#304cb2 !important;}
.sherob-custom .outer {background-color:#ffffff !important; padding-bottom:10px !important;}


    }</style>
</head>
<body style="width: 100% !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #FFFFFF; margin: 0; padding: 0;">
	<table id="main" class="RREU" bgcolor="#14214d" width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="background-color: #14214d;">
		<tbody>
        
	<!-- start: preheader -->
    <tr>
    	<td id="preheader" class="wrap" width="100%" align="center" valign="top" style="padding: 0px 10px 10px 10px;">
        	<table class="container ct" width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-bottom: 1px solid #2e354d;">
            	<tbody>
                    <tr>
                        <td valign="top" style="padding: 10px 0px 5px 0px; color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-align: left;">
                            Log in and get going
                    </td></tr>
                </tbody>
            </table>
        </td>
    </tr>
    <!-- end: preheader -->
    
    <!-- start: hello -->
    <tr>
    	<td id="hello" class="wrap" width="100%" align="center" valign="top" style="padding: 0px 10px;">
        	
        </td>
    </tr>
    <!-- end: hello -->
    
    <!-- start: header -->
    <tr>
    	<td id="header" class="wrap" width="100%" align="center" valign="top" style="padding: 0px 10px;">
        	<table class="container ct" width="600" align="center" border="0" cellpadding="0" cellspacing="0">
            
            	<tbody>
                    <tr>
                        <td class="row-1" valign="top">
                            <table class="container cn" width="100%" border="0" cellpadding="0" cellspacing="0">
                                <tbody>
                                    <tr>
                                        
                                        <td class="col-left" height="62" align="left" valign="bottom">
                                            <a href="https://www.southwest.com/rapidrewards?src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" name="Header_SWA_Logo" style="color: #ffffff; text-decoration: none;" target="_blank">
                                                <img src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/templates/cleancode/version2templates/!images/logo_RR.jpg" alt="Southwest Airlines Rapid Rewards" width="175" height="62" align="left" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;">
                                            </a>
                                        </td>
                                        
                                        <td class="col-right" height="62" align="right" valign="bottom" style="text-align: right; color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">
                                            <a href="" class="b" style="color: #cccccc; text-decoration: none;" target="_blank"></a>
                                        </td>
                                        
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    
                    <tr>
                        <td class="row-2" valign="top" style="padding: 14px 0px 15px 0px;">
                            <table class="container cn" align="left" border="0" cellpadding="0" cellspacing="0">
                                <tbody>
                                    <tr>
        
                                        <td class="nav-2 rpad" valign="top" style="padding-right: 20px; text-transform: uppercase; font-weight: bold; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; white-space: nowrap;">
                                            <a href="https://www.southwest.com/?CLK=BKN&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;src=MAILTXNRR0ET0EARN110315" name="Top_Nav_Book_Now" style="color: #ffffff; text-decoration: none;" target="_blank">book now</a>
                                        </td>

                                        <td class="nav-1 rpad" valign="top" style="padding-right: 20px; text-transform: uppercase; font-weight: bold; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; white-space: nowrap;">
                                            <a href="https://www.southwest.com/flight/login?returnUrl=%2Fmyaccount%2Fpreferences%2Fpersonal%3FCLK%3DPRF%26RMID%3DPROD_ET0EARN_V2%26RRID%3D3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba%26RR_NUMBER%3Dda39a3ee5e6b4b0d3255bfef95601890afd80709%26RSD%3D0000%26src%3DMAILTXNRR0ET0EARN110315" name="Top_Nav_My_Account" style="color: #ffffff; text-decoration: none;" target="_blank">preferences</a>
                                        </td>

                                        <td class="nav-3" valign="top" style="text-transform: uppercase; font-weight: bold; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; white-space: nowrap;">
                                            <a href="https://www.southwest.com/html/rapidrewards/partners/credit-cards/southwest-airlines-rapid-rewards-cards/index.html?CLK=PTR&amp;src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" name="Top_Nav_Partners" style="color: #ffffff; text-decoration: none;" target="_blank">partners</a>
                                        </td>
                                    
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    
                </tbody>
            </table>
        </td>
    </tr>
    <!-- end: header -->
    
    <!-- start: hero -->
    <tr>
    	<td id="hero" class="wrap" width="100%" align="center" valign="top" style="padding: 0px 10px;">
        	
	
	<table class="container ct" bgcolor="#14214d" width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-bottom: 25px solid #14214d; background-color: #14214d;">
        <tbody>
        
        	<!-- body copy -->
            <tr>
                <td class="row-1 sides" valign="top" style="padding-top:20px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; line-height: 18px;">
                    <span style="font-size:19px; font-weight: bold;">Hi, Smiles Davis!</span>
                    <br>
                    <br>
                    Welcome to Rapid Rewards®. It's only a matter of time before you're racking up points and redeeming them for great getaways.
                </td>
            </tr>
            
        </tbody>
    </table>
        </td>
    </tr>
    <!-- end: hero -->
    
    <!-- start: hero -->
    <tr>
    	<td id="hero" class="wrap" width="100%" align="center" valign="top" style="padding: 0px 10px;">
        	
    <table class="container ct hero-custom" width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-bottom: 10px solid #14214D; background-color:#14214D; ">
    	<tbody>
		
		
			<!-- mobile top image pixel -->
			<tr>
				<td class="mobile" valign="top" style="mso-hide: all; ">
					<a href="http://www.hellorapidrewards.com?CLK=HERO&amp;src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" style="color: #ffffff; text-decoration: none;" target="_blank">
						<img class="mobile" src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/loyalty_redesign_2016/2016_loyalty_newmember_day0_rtm/images/m_swa_newmem_day0_hero_600x320.jpg" alt="" width="1" height="1" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none; font-size: 0px; line-height: 0; max-height: 0; widtht: 0;">
					</a>
				</td>
			</tr>
			
            <!-- NESTED TABLE -->	
            <tr>    
                <td class="col-left" valign="top" style="background-color:#f6f6f5;">
                    <table class="container cn" width="600" border="0" cellpadding="0" cellspacing="0" align="left">
                        <tbody>
                            <tr>
                                <!-- desktop left column -->
                                
                                <td class="hide" width="298">
                                    <table class="container cn" border="0" cellpadding="0" cellspacing="0" align="left">
                                        <tbody>					
                                            <tr>						
                                                <td class="hide">
                                                    <a href="http://www.hellorapidrewards.com?CLK=HERO&amp;src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" style="color: #ffffff; text-decoration: none;" target="_blank">
                                                        <img src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/loyalty_redesign_2016/2016_loyalty_newmember_day0_rtm/images/d_swa_newmem_day0_hero_left_298x326.jpg" alt="" width="298" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none;">													
                                                    </a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>

                                <!-- right column -->
                  
                                <td class="col-right" valign="top">
                                    <table class="container cn" border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                            <tr>
                                                <td class="outer" valign="top" style="padding-left:30px; ">
                                                    <table class="container cn" width="272" border="0" cellpadding="0" cellspacing="0">
                                                        <tbody>
                                                
                                                            <tr>
                                                                <td class="row-1" valign="top" style="padding-top:15px; padding-bottom:20px; padding-right:20px; color: #304cb2; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight:bold; text-align: left;">
                                                                    Why Rapid Rewards is the only way to fly
                                                                </td>
                                                            </tr>
                                                            
                                                            <!-- Bullets -->
                                                            
                                                            <tr>
                                                                <td class="bullets" valign="top">
                                                                    <table class="container cn" width="230" border="0" cellpadding="0" cellspacing="0">
                                                                        <tbody>
                                                                        
                                                                            <tr>											
                                                                                <td class="bul" valign="top" width="20" style="font-size:18px; font-weight:bold; color:#111b40; padding: 0px 10px 5px 0px; ">✓
																				</td>
                                                                                
                                                                                <td class="li row-2" valign="middle" width="200" style="padding-bottom:5px; color: #111b40; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: left; font-weight:normal;">
                                                                                    Unlimited reward seats
                                                                                </td>                
                                                                            </tr>
                                                                            
                                                                            <tr>
                                                                                <td class="bul" valign="top" width="20" style="font-size:18px; font-weight:bold; color:#111b40; padding: 0px 10px 5px 0px;">✓
																				</td>
                                                                                
                                                                                <td class="li row-3" valign="middle" width="200" style="padding-bottom:5px; color: #111b40; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: left; font-weight:normal;">
                                                                                    No blackout dates
                                                                                </td>                
                                                                            </tr>
                                                                            
                                                                            <tr>
                                                                                <td class="bul" valign="top" width="20" style="font-size:18px; font-weight:bold; color:#111b40; padding: 0px 10px 15px 0px;">✓
																				</td>
                                                                                
                                                                                <td class="li row-4" valign="middle" width="200" style="padding-bottom:15px; color: #111b40; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: left; font-weight:normal;">
                                                                                    Your points don't expire   
                                                                                </td>                
                                                                            </tr>

                                                                        </tbody>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            
                                                            <tr>
                                                                <td class="hide" style="background-color:#f6f6f5;">
                                                                    <table class="btn-wrap" bgcolor="#FFBF27" width="133" align="left" border="0" cellpadding="0" cellspacing="0" style="background-color: #FFBF27; border-top: 1px solid #FDD503; border-bottom: 1px solid #D4AF00; border-radius: 2px; -ms-border-radius: 2px; -webkit-border-radius: 2px;">
																		<tbody>
																			<tr>
																				<td class="btn" height="32" style="color: #111B40; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center;" valign="middle">
																					<a href="http://www.hellorapidrewards.com?CLK=HERO&amp;src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" style="color: #111B40; text-decoration: none; display: block; width: 100%;" target="_blank">
																						&nbsp;Learn more&nbsp;
																					</a>
																				</td>
																			</tr>
																		</tbody>
																	</table>
                                                                </td>
                                                            </tr>
                                                            
                                                            <tr>
                                                                <td class="row-5 hide" valign="top" style="padding-top:15px; padding-bottom:15px; padding-right:20px; color: #8f8f8f; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight:normal; text-align: left;">
																	Points don't expire as long as you have flight or partner earning activity every 24 months.   
																</td>                
															</tr>

                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            
                        </tbody>
                    </table>
                </td>
            </tr>
			
            <!-- mobile bottom image pixel -->
            <tr>
                <td class="mobile-cta" valign="top" style="mso-hide: all; background-color:#14214D;">
                    <a href="http://www.hellorapidrewards.com?CLK=HERO&amp;src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" style="color: #ffffff; text-decoration: none;" target="_blank">
                        <img class="mobile" src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/loyalty_redesign_2016/2016_loyalty_newmember_day0_rtm/images/m_learn_more_btn_540x102.png" alt="" width="1" height="1" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none; font-size: 0px; line-height: 0; max-height: 0; widtht: 0;">
                    </a>
                </td>
            </tr>
			
			<tr>
				<td class="row-5" valign="top" style="mso-hide: all; padding-right:20px; color: #14214D; font-family: Arial, Helvetica, sans-serif; font-size: 0px; text-align: left; font-weight:normal; ">
					Points don't expire as long as you have flight or partner earning activity every 24 months.   
				</td>                
			</tr>
        
    	</tbody>
    </table>
        </td>
    </tr>
    <!-- end: hero -->
    
     <!-- start: secondary hero A -->
    <tr>
    	<td id="secheroA" class="wrap" width="100%" align="center" valign="top" style="padding: 0px 10px;">
        	
	<table class="container ct sheroa-custom" width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-bottom: 10px solid #14214d; background-color: #14214d;">
        <tbody>
            
            <!-- mobile pixel -->
            <tr>
                <td class="mobile" valign="top" style="mso-hide: all;">
                    <img class="mobile" src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/loyalty_redesign_2016/2016_loyalty_newmember_day0_rtm/images/day0-threecards-replacement-m.png" alt="" width="1" height="1" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none; font-size: 0px; line-height: 0; max-height: 0; widtht: 0;">                   
                </td>
            </tr>
            
            <tr>   
                <!-- desktop left column -->
                <td class="col-left" valign="top" bgcolor="#e5e3e3" style="background-color:#e5e3e3;">
                    <table class="container cn" height="245" border="0" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td class="outer" bgcolor="#e5e3e3" valign="top" style="padding: 20px 10px 20px 20px;">
                                    <table class="container cn" border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                
                                            <tr>
                                                <td class="row-1" valign="top" style="padding-bottom:18px; padding-top:10px; color: #304cb2; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: 700; text-align: left;line-height:30px;">
                                                  Your account is where it's at
                                                </td>
                                            </tr>
                                            
                                            <tr>
                                                <td class="row-2" valign="top" style="padding-bottom:25px; color: #111b40; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; text-align: left; line-height:18px;">
                                                 Log in to set your username and password, establish travel preferences, complete your account information and more. 
                                                </td>
                                            </tr>
                                            
                                            <tr>
                                                <td>
                                                    <table class="container cn" border="0" cellpadding="0" cellspacing="0">
                                                        <tbody>
                                                            <tr>
                                                                <td class="row-3" valign="top" style="padding-bottom: 20px; color: #304cb2; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left; font-weight:700; line-height:20px; white-space:nowrap;">
                                                                    <a href="https://www.southwest.com/flight/login?CLK=SHERA1&amp;src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" style="color: #304cb2; text-decoration: none;" target="_blank"><strong>Log in&nbsp;&gt;</strong></a>
                                                                </td>
                
                                                                <td class="row-4" valign="top" style="color: #8f8f8f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; text-align: left; padding-left:40px; line-height:20px; white-space:nowrap;">
                                                                    <a href="https://www.southwest.com/account/recovery?CLK=SHERA2&amp;src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" style="color: #304cb2; text-decoration: none;" target="_blank">Never logged in&nbsp;before?</a>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                
                <!-- right column -->
                <td class="hide" bgcolor="#e5e3e3">
                    <img align="right" src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/loyalty_redesign_2016/2016_loyalty_newmember_day0_rtm/images/day0-threecards-replacement-d.png" alt="" width="300" height="245" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none;">
                </td>
                
            </tr>
        </tbody>
    </table>
        </td>
    </tr>
    <!-- end: secondary hero A -->
    
    <!-- start: secondary hero B -->
    <tr>
    	<td id="secheroB" class="wrap" width="100%" align="center" valign="top" style="padding: 0px 10px;">
        	
	<table class="container ct sherob-custom" width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-bottom: 10px solid #14214d; background-color: #14214d;">
        <tbody>
        
            <!-- mobile pixel -->
            <tr>
                <td class="mobile" valign="top" style="mso-hide: all;">
                    <a href="https://www.southwest.com/flight/login?returnUrl=%2Fmyaccount%2Fpreferences%2Fcommunication%3FCLK%3DSHERB%26RMID%3DPROD_ET0EARN_V2%26RRID%3D3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba%26RR_NUMBER%3Dda39a3ee5e6b4b0d3255bfef95601890afd80709%26RSD%3D0000%26src%3DMAILTXNRR0ET0EARN110315" style="color: #ffffff; text-decoration: none;" target="_blank">
                        <img class="mobile" src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/loyalty_redesign_2016/2016_loyalty_newmember_day0_rtm/images/m_rr_email_samples.png" alt="" width="1" height="1" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none; font-size: 0px; line-height: 0; max-height: 0; widtht: 0;">
                    </a>
                </td>
            </tr>
            
            <tr>
                <!-- desktop left column -->
                
                <td class="hide" width="294" style="background-color:#304cb2;">
                    <a href="https://www.southwest.com/flight/login?returnUrl=%2Fmyaccount%2Fpreferences%2Fcommunication%3FCLK%3DSHERB%26RMID%3DPROD_ET0EARN_V2%26RRID%3D3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba%26RR_NUMBER%3Dda39a3ee5e6b4b0d3255bfef95601890afd80709%26RSD%3D0000%26src%3DMAILTXNRR0ET0EARN110315" style="color: #ffffff; text-decoration: none;" target="_blank">
                        <img src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/loyalty_redesign_2016/2016_loyalty_newmember_day0_rtm/images/d_rr_email_samples_b.png" alt="" width="294" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none;">
                    </a>
                </td>
                                
                <!-- right column -->
                
                <td class="col-right" valign="top" style="background-color:#304cb2;">
                    <table class="container cn" width="306" border="0" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td class="outer" valign="top" style="padding: 20px 25px 20px 20px;">
                                    <table class="container cn" border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                
                                            <tr>
                                                <td class="row-5" valign="top" style="padding-bottom:20px; padding-top:10px; color: #ffbf27; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight:700; text-align: right;">
                                                  Let's keep in touch
                                                </td>
                                            </tr>
                                            
                                            <tr>
                                                <td class="row-6" valign="top" style="padding-bottom:20px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; text-align: right;">
                                                 Get account updates, current <br class="hide">point totals, progress towards tier <br class="hide">status, and exclusive offers.
                                                </td>
                                            </tr>
                                            
                                            <tr>
                                                <td class="row-7" valign="top" style="padding-bottom:5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: right; font-weight:700;">
                                                    <a href="https://www.southwest.com/flight/login?returnUrl=%2Fmyaccount%2Fpreferences%2Fcommunication%3FCLK%3DSHERB%26RMID%3DPROD_ET0EARN_V2%26RRID%3D3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba%26RR_NUMBER%3Dda39a3ee5e6b4b0d3255bfef95601890afd80709%26RSD%3D0000%26src%3DMAILTXNRR0ET0EARN110315" style="color: #ffffff; text-decoration: none;" target="_blank"><strong>Get on the list &nbsp;&gt;</strong></a>
                                                </td>                
                                            </tr>

                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
        </td>
    </tr>
    <!-- end: secondary hero B -->
    
    
    
    <!-- start: footer -->
    <tr>
    	<td id="footer" class="wrap" width="100%" align="center" valign="top" style="padding: 0px 10px 40px 10px;">
        	<table class="container ct" bgcolor="#f5f5f5" width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="background-color: #f5f5f5;">
            	<tbody>
                
                    <!-- start: bottom nav -->
                    <tr>
                        <td class="row-1 sides" valign="top" style="padding: 20px 30px 0px 30px;">
                            <table class="container cn" width="100%" border="0" cellpadding="0" cellspacing="0">
                                <tbody>
                                    <tr>
                                        <td class="mobile-wrap" align="left" valign="top" style="color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; vertical-align: top;">
                                        
                                            <!-- rapid rewards flight tracker -->
                                            <table class="col-1 full" width="256" align="left" border="0" cellpadding="0" cellspacing="0">
                                                <tbody>
                                                    <tr>
                                                        <td class="label-1" valign="top" style="padding: 0px 30px 5px 0px; color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-align: left; white-space: nowrap;">
                                                            Rapid Rewards®
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="content-1" valign="top" style="padding-right: 30px;">
                                                            <a href="https://www.southwest.com/travel_center/destination-finder?RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;src=MAILTXNRR0ET0EARN110315" style="color: #304cb2; text-decoration: none;" target="_blank">
                                                                <img src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/templates/cleancode/version2templates/!images/reward_flight_tracker.jpg" alt="Reward Flight Tracker" width="221" height="38" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none; color: #304cb2; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;">
                                                            </a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            
                                            <!--[if mso]></td><td class="oltd" valign="top"><![endif]-->
                                            
                                            <!-- social media -->
                                            <table class="col-2 full" width="169" align="left" border="0" cellpadding="0" cellspacing="0">
                                                <tbody>
                                                    <tr>
                                                        <td class="label-2" valign="top" style="padding: 0px 30px 5px 0px; color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-align: left; white-space: nowrap;">
                                                            Connect with us
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="content-2" valign="top" style="padding-right: 30px;">
                                                            <a href="https://twitter.com/southwestair?RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;src=MAILTXNRR0ET0EARN110315" style="color: #304cb2; text-decoration: none;" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/templates/cleancode/version2templates/!images/ico-tw.png" alt="Twitter" width="22" height="22" border="0" style="-ms-interpolation-mode: bicubic; display: inline; border: none; outline: none; color: #636363; font-family: Arial, Helvetica, sans-serif; font-size: 10px;"></a>&nbsp;<a href="https://www.facebook.com/SouthwestAir" style="color: #304cb2; text-decoration: none;" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/templates/cleancode/version2templates/!images/ico-fb.png" alt="Facebook" width="22" height="22" border="0" style="-ms-interpolation-mode: bicubic; display: inline; border: none; outline: none; color: #636363; font-family: Arial, Helvetica, sans-serif; font-size: 10px;"></a>&nbsp;<a href="https://www.instagram.com/southwestair/?RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;src=MAILTXNRR0ET0EARN110315" style="color: #304cb2; text-decoration: none;" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/templates/cleancode/version2templates/!images/ico-in.png" alt="Instagram" width="22" height="22" border="0" style="-ms-interpolation-mode: bicubic; display: inline; border: none; outline: none; color: #636363; font-family: Arial, Helvetica, sans-serif; font-size: 10px;"></a>&nbsp;<a href="https://www.youtube.com/user/NutsAboutSouthwest?src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" style="color: #304cb2; text-decoration: none;" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/templates/cleancode/version2templates/!images/ico-yt.png" alt="YouTube" width="22" height="22" border="0" style="-ms-interpolation-mode: bicubic; display: inline; border: none; outline: none; color: #636363; font-family: Arial, Helvetica, sans-serif; font-size: 10px;"></a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            
                                            <!--[if mso]></td><td class="oltd" valign="top"><![endif]-->
                                            
                                            <!-- mobile app -->
                                            <table class="col-3 full" align="left" border="0" cellpadding="0" cellspacing="0">
                                                    <tbody>
                                                    <tr>
                                                        <td class="label-3" valign="top" style="padding-bottom: 5px; color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-align: left; white-space: nowrap;">
                                                            Mobile&nbsp;apps
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="content-3" valign="top" style="color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; white-space: nowrap;">
                                                            <a href="https://www.southwest.com/html/air/products/mobile.html?RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;src=MAILTXNRR0ET0EARN110315" style="color: #304cb2; text-decoration: none;" target="_blank"><img class="hide" src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/templates/cleancode/version2templates/!images/ico-apps.png" alt="Mobile apps" width="14" height="26" border="0" style="-ms-interpolation-mode: bicubic; display: inline; border: none; outline: none; color: #636363; font-family: Arial, Helvetica, sans-serif; font-size: 10px;"><span class="mobile" style="color: #f5f5f5; font-size: 1px; line-height: 1px; white-space: nowrap;">Get the mobile app</span></a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <!-- end: bottom nav -->
                    
                    <tr><td class="divider" valign="top"><img src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/templates/cleancode/version2templates/!images/divider_footer.jpg" class="full" alt="" width="600" height="19" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none;"></td></tr>
                    
                    <!-- start: link bar -->
                    <tr>
                        <td class="row-2 sides" valign="top" style="padding: 0px 20px; text-align: center; color: #9b9b9b; font-family: Arial, Helvetica, sans-serif; font-size: 11px;">
                            <a href="https://www.southwest.com/?RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;src=MAILTXNRR0ET0EARN110315" style="color: #304cb2; text-decoration: none;" target="_blank">Southwest.com®</a> |
                            <a href="https://www.southwest.com/html/rapidrewards/partners/credit-cards/southwest-airlines-rapid-rewards-cards/index.html?src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" style="color: #304cb2; text-decoration: none;" target="_blank">Rapid Rewards Credit Card</a> |
                            <a href="#" style="color: #304cb2; text-decoration: none;" target="_blank">Update preferences</a> |
                            <a href="https://www.southwest.com/rapidrewards/promotions?RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;src=MAILTXNRR0ET0EARN110315" style="color: #304cb2; text-decoration: none;" target="_blank">View all offers</a> |
                            <a href="https://www.southwest.com/html/about-southwest/terms-and-conditions/privacy-policy-pol.html?RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;src=MAILTXNRR0ET0EARN110315" style="color: #304cb2; text-decoration: none;" target="_blank">Privacy</a> |
                            <a href="https://www.southwest.com/contact-us/contact-us.html?src=MAILTXNRR0ET0EARN110315&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba" style="color: #304cb2; text-decoration: none;" target="_blank">Contact&nbsp;Us</a>
                        </td>
                    </tr>
                    <!-- end: link bar -->
                    
                    <tr><td class="divider" valign="top"><img src="https://static.cdn.responsys.net/i2/responsysimages/swair/contentlibrary/templates/cleancode/version2templates/!images/divider_footer.jpg" class="full" alt="" width="600" height="19" border="0" style="-ms-interpolation-mode: bicubic; display: block; border: none; outline: none;"></td></tr>
                    
                    <!-- start: terms and conditions -->
                    <tr>
                        <td class="row-3 sides" valign="top" style="padding: 0px 20px 20px 20px; color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left;">
                            
                            
                            The account information in this email is only an estimate for a specific point in time. Please reference your Rapid Rewards account on <a href="https://www.southwest.com/?RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;src=MAILTXNRR0ET0EARN110315" style="color: #304cb2; text-decoration: underline;" target="_blank"><strong>Southwest.com®</strong></a> 
                            for the most up-to-date information on available points, tier status including tier qualifying points or flights, Companion Pass status including qualifying points or flights, and credit balances.<br>
                            <br>
                            <a href="https://www.southwest.com/html/customer-service/faqs.html?RMID=PROD_ET0EARN_V2&amp;RRID=3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;RR_NUMBER=da39a3ee5e6b4b0d3255bfef95601890afd80709&amp;RSD=0000&amp;question=rules_and_regulations&amp;src=MAILTXNRR0ET0EARN110315&amp;topic=rapid_rewards_program_terms_and_conditions" style="color: #304cb2; text-decoration: underline;" target="_blank">All Rapid Rewards rules and regulations apply. </a>
                            <br>
                            <br>
                            Cualquier información publicitaria, promocional o de mercadotecnia contenida en este correo electrónico solo será efectiva y únicamente será aplicable en los Estados Unidos de América.
                            <br>
                            <br>
                            Southwest Airlines<br>
                            <a href="" class="b" style="color: #616161; text-decoration: none;" target="_blank">2702 Love Field Drive</a><br>
                            <a href="" class="b" style="color: #616161; text-decoration: none;" target="_blank">Dallas, TX 75235</a><br>
			    <a href="" class="b" style="color: #616161; text-decoration: none;" target="_blank">1-800-I-FLY-SWA (1-800-435-9792)</a>
                            <br>
                            <br>
                            © 2017 Southwest Airlines Co. All Rights Reserved. <br>
                            <br>
                            This is a transactional Rapid Rewards email sent to: <a href="" class="b" style="color: #616161; text-decoration: none;" target="_blank">hello@SmilesDavis.yeah</a>
                            <br>
                            <br>          
                             You are receiving this account information because of your new membership with Rapid Rewards®.
                             <br>
                          <img src="https://pixel.monitor1.returnpath.net/pixel.gif?r=8179f2f9015bd52e2a15dd2568ba16af45691163&amp;c=swair.2328102&amp;s=10224003142" width="1" height="1" style="-ms-interpolation-mode: bicubic; display: block; display: block; border: none; outline: none; display: block; border: none; outline: none; color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 10px;" alt="" border="0"> 
                                                        
                            <img src="https://pixel.monitor1.returnpath.net/pixel.gif?r=8179f2f9015bd52e2a15dd2568ba16af45691163&amp;c=swair.2328102&amp;s=10224003142" class="b" width="1" height="1" style="display: block;">
                            <img src="http://swa.demdex.net/event?c_pagename=Email%20Open&amp;c_evar45=20718214543&amp;c_evar38= 3f566dfb5f4b2bf70cf7de1087eb05629b44ba081a843fe2e79ddf63cb8620ba&amp;c_evar39=PROD_ET0EARN_V2&amp;c_evar65=0000&amp;c_campaign=MAILTXNRR0ET0EARN110315&amp;c_event=event16&amp;d_rand=22656" style="display:none">
                            
                        </td>
                    </tr>
                    <!-- end: terms and conditions -->
                
           	 	</tbody>
            </table>
        </td>
    </tr>
    <!-- end: footer -->
    
</tbody></table>
<div style="display: none; 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><table cellpadding="0" cellspacing="0" style="border: 0px; padding: 0px; margin: 0px; position: absolute; display: none; float: left">
<tbody><tr>
<td height="1" style="font-size: 1px; line-height: 1px; padding: 0px;">
<br><img height="1" width="1" style="padding: 0px 0px; !important; margin: 0px 0px; font-size: 1px; line-height: 1px;" src="https://luv.southwest.com/pub/as?_ri_=X0Gzc2X%3DYQpglLjHJlTQGimLzdhB9lt9RCArg8DzdHCKAWzfFze16FdPbmifhasvgDzfrPOcfmEzg56sRVXHkMX%3Dw&amp;_ei_=EolaGGF4SNMvxFF7KucKuWP9edWXSTq-175xkxMjO4C5lBbujOO2W5z5HzDBkdEemMYUq3yV6_Vk5DWyl_Tt.">
</td>
</tr>
</tbody></table>




</body>
            
          
!
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.

Console