Pen Settings

HTML

CSS

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

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

Behavior

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="x-apple-disable-message-reformatting">
		<!--[if !mso]><!==-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<!--<![endif]-->
		<!--[if !mso]><!-->
    	<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
    	<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
    	<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">
    	<style type="text/css">
        	@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
        	@import url('https://fonts.googleapis.com/css?family=Montserrat');
        	@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
        	.nav-item {
        		font-weight:normal!important;
        	}
    	</style>
  		<!--<![endif]-->
		<style type="text/css">
		/*<![CDATA[*/
		/* YAHOO */
		@media screen yahoo {
	      * {
	      overflow: visible!important
	      }
	      .y-overflow-hidden {
	      overflow: hidden!important
	      }
	      .mobile-show {
	      display:none!important;
	      max-height:0!important;
	      max-width:0!important;
	      overflow:hidden!important;
	      visibility:hidden!important;
	      }
	    }
		body {
			background: #FFFFFF;
			width: 100% !important;
			-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
			margin: 0;
			padding: 0;
			font-family:'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		}
		h1,
		h2,
		h3,
		p {
			margin: 0;
			padding: 0;
			font-weight:normal;
		}
		/* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/

		.ExternalClass {
			width: 100%;
		}
		/* Force Hotmail to display emails at full width */

		.ExternalClass * {
			line-height: 100%
		}
		.ExternalClass,
		.ExternalClass p,
		.ExternalClass span,
		.ExternalClass font,
		.ExternalClass td,
		.ExternalClass div {
			line-height: 100%;
		}
		/* Forces Hotmail to display normal line spacing. */

		.backgroundTable {
			margin: 0;
			padding: 0;
			width: 100% !important;
			line-height: 100% !important;
		}
		/* End reset */
		/* Some sensible defaults for images
		Bring inline: Yes. */

		img {
			outline: none;
			text-decoration: none;
			display: block;
			-ms-interpolation-mode: bicubic;
		}
		a img {
			border: none;
		}
		/* Outlook 07, 10 Padding issue fix
		Bring inline: No.*/

		table td {
			border-collapse: collapse;
		}
		/* Remove spacing around Outlook 07, 10 tables
		Bring inline: Yes */

		table {
			border-collapse: collapse;
			mso-table-lspace: 0pt;
			mso-table-rspace: 0pt;
		}
		.address a, .date a {
			color: #000001!important;
		}
		sup {
			line-height: 0;
			font-size: 55%;
		}

		@media screen yahoo {
         * {
         overflow: visible!important
         }
         .y-overflow-hidden {
         overflow: hidden!important
         }
         .mobile-show {
         display:none!important;
         }
       }

		/***************************************************
		****************************************************
		MOBILE TARGETING
		****************************************************
		***************************************************/

		@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
			body {
				width: 100% !important;
				-webkit-text-size-adjust: 100%;
				-ms-text-size-adjust: 100%;
				margin: 0;
				padding: 0;
			}
			.device-width {
				width: 100%!important;
				max-width: 100%!important;
				height: auto!important;
				padding: 0!important;
				float: none!important;
			}
			.android-fix {
          		display:none !important;
      		}
			.mobile-hide {
				display: none!important;
			}
			.center-img {
				display: block!important;
				float: none!important;
				margin: 0 auto!important;
				background-color: transparent;
			}
			.mobile-txt {
				padding: 0 15px!important;
			}
			.mobile-bg {
				height:auto!important;
				width:100%!important;
				background:#16130c url(https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/bg_mobile_rolled-chix-tacos.jpg) no-repeat top center!important;
				background-size:100% auto!important;
			}
			.mobile-bg-hide {
				height:auto!important;
				width:100%!important;
				background:none!important;
			}
			h2 {
				font-size:24px!important;
				line-height:30px!important;
			}
			p {
				font-size:14px!important;
				line-height:20px!important;
				padding:0 30px!important;
			}
			.logo {
				display: block!important;
				float: none!important;
				margin: 20px auto!important;
				background-color: transparent;
			}
			.header {
			    display: block!important;
			    margin: 0 auto!important;
			    width: 300px!important;
			    float: none!important;
			}
			.navigation {
				width:100%!important;
			}
			.nav-item {
				padding:5px 15px 20px!important;
			}
			.three-col {
				display: block!important;
				float: none!important;
				margin: 0 auto 20px!important;
				background-color: transparent;
			}
			.hero-spacer {
				width: 100%!important;
				max-width: 100%!important;
				height: auto!important;
				padding: 0 0 65px!important;
				float: none!important;
			}
			
			.social-icons_container {
				display:block!important;
				width:388px!important;
				margin:0 auto!important;
			}
			.mobile-show {
				display:block!important;
				max-height:100px!important;
				max-width:100px!important;
				overflow:visible!important;
				visibility:visible!important;
			}
				/* GMAIL */
			u + .body .device-width {
				width: 100%!important;
				max-width: auto!important;
				height: auto!important;
				padding: 0!important;
				float: none!important;
			}
			u + .body .mobile-hide {
				display: none!important;
			}
			u + .body .mobile-bg-hide {
				display: none!important;
				overflow:hidden!important;
			}
			u + .body .center-img {
				display: block!important;
				float: none!important;
				margin: 0 auto!important;
				background-color: transparent;
			}
			u + .body + .header {
			    display: block!important;
			    margin: 0 auto!important;
			    width: 300px!important;
			    float: none!important;
			}
			u + .body + .navigation {
				width:100%!important;
			}
			u + .body .nav-item {
				font-size:13px!important;
				padding: 5px 5px 20px!important;
			}
			u + .body h2 {
				font-size:20px!important;
				padding: line-height:24px!important;
			}
		}
		/* Social Icons */  
		@media only screen and (max-device-width: 388px) {
			.social-icons_container {
				display:block!important;
				width:320px!important;
				margin:0 auto!important;
			}
			.social-icon {
				width:64px!important;
				height:auto!important;
			}
			.mobile-show {
				display:block!important;
				max-height:100px!important;
				max-width:64px!important;
				overflow:visible!important;
				width:64px!important;
				height:auto!important;
			}

		}
		</style>
		<!--[if gte mso 9]>
		    <style type="text/css">
		    .nav-item a {text-decoration: none;}
		    .cta_text a {text-decoration: none;}
		    </style>
		<![endif]-->
		<!--[if gte mso 9]>
		<xml>
		    <o:OfficeDocumentSettings>
		    <o:AllowPNG/>
		    <o:PixelsPerInch>96</o:PixelsPerInch>
		    </o:OfficeDocumentSettings>
		</xml>
		<![endif]-->
</head>
<body class="body">
	<div style="display: none; max-height: 0px; overflow: hidden;">Welcome to the easiest choice you'll make all day.</div>
	<div style="display: none; max-height: 0px; overflow: hidden;">
	&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
	</div>
		<table cellpadding="0" cellspacing="0" border="0" class="android-fix">
		      <tr>
		          <td height="1" class="android-fix" style="min-width:600px; font-size:0px;line-height:0px;">
		              <img height="1"   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/transact/global/header-spacer.gif" style="min-width: 600px; text-decoration: none; border: none; -ms-interpolation-mode: bicubic;">
		          </td>
		      </tr>
	     </table>
			<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
				<tr>
					<td valign="top">
						<table align="center" border="0" cellpadding="0" cellspacing="0" class="device-width" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin: 0 auto; padding: 0; line-height: 100%; width:600px;" width="600">
							<tr>
								<td valign="top" bgcolor="#000000">
									<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
										<tr>
											<td valign="top">
												<table align="left" cellpadding="0" cellspacing="0" role="presentation" class="header">
													<tr>
														<td valign="top" width="15" style="width:15px;" class="mobile-hide"></td>
														<td valign="top">
															<table align="left" border="0" cellpadding="0" cellspacing="0" class="device-width" style="width: 100%; max-width: 40px;">
																<tr>
																	<td valign="top" height="37" style="font-size:37px;line-height:37px;height:37px;" class="mobile-hide"></td>
																</tr>
																<tr>
							                                        <td align="center" style="text-align: left; font-size: 0; padding-top: 10px;display: inline-block;"  class="logo">
							                                            <a href="http://links.tacobell.mkt7706.com/ctt?kn=18&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0"  name="www_tacobell_com_utm_medium_email_u"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/10/bell_tm.png" class="center-img" height="38" width="46" style="border: 0;" /></a>
							                                        </td>
							                                    </tr>
															</table>
														<!--[if (gte mso 9)|(IE)]>
		                        							</td>
		                        							<td>
						                                      <table width="545 align="right" cellpadding="0" cellspacing="0" border="0">
						                                        <tr>
						                                          <td>
						                                    <![endif]-->
															<table align="left" cellpadding="0" cellspacing="0" role="presentation" class="device-width">
																<tr>
																	<td valign="top" height="57" style="font-size:57px;line-height:57px;height:57px;" class="mobile-hide"></td>
																</tr>
																<tr>
																	<td valign="top">
																		<table align="left" cellpadding="0" cellspacing="0" role="presentation" class="navigation">
																			<tr>
																				<td valign="top" width="30" class="mobile-hide"></td>
																				<td valign="top" class="nav-item" style="font-family: 'Fjalla One', Franklin Gothic Medium, 'Franklin Gothic Medium', Futura Condensed Bold, 'Futura Condensed Bold', 'Arial Narrow', Helvetica, sans-serif; font-stretch: condensed;font-size:14px;line-height: 18px;color: #FFFFFF;text-align:center;font-weight:bold;-webkit-text-size-adjust: none;"><a   name="www_tacobell_com_food_utm_medi" href="http://links.tacobell.mkt7706.com/ctt?kn=19&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank" style="color: #FFFFFF; text-decoration: none;"><span style="color:#FFFFFF;">FOOD</span></a></td>
																				<td valign="top" width="30" class="mobile-hide"></td>
																				<td valign="top" class="nav-item" style="font-family: 'Fjalla One', Franklin Gothic Medium, 'Franklin Gothic Medium', Futura Condensed Bold, 'Futura Condensed Bold', 'Arial Narrow', Helvetica, sans-serif; font-stretch: condensed;font-size:14px;line-height: 18px;color: #FFFFFF;text-align:center;font-weight:bold;-webkit-text-size-adjust: none;"><a   name="www_tacobell_com_locations_utm" href="http://links.tacobell.mkt7706.com/ctt?kn=16&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank" style="color: #FFFFFF; text-decoration: none;"><span style="color:#FFFFFF;">LOCATIONS</span></a></td>
																				<td valign="top" width="30" class="mobile-hide"></td>
																				<td valign="top" class="nav-item" style="font-family: 'Fjalla One', Franklin Gothic Medium, 'Franklin Gothic Medium', Futura Condensed Bold, 'Futura Condensed Bold', 'Arial Narrow', Helvetica, sans-serif; font-stretch: condensed;font-size:14px;line-height: 18px;color: #FFFFFF;text-align:center;font-weight:bold;-webkit-text-size-adjust: none;"><a   name="www_tacobell_com_feed_utm_medi" href="http://links.tacobell.mkt7706.com/ctt?kn=20&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank" style="color: #FFFFFF; text-decoration: none;"><span style="color:#FFFFFF;">THE FEED</span></a></td>
																				<td valign="top" width="30" class="mobile-hide"></td>
																				<td valign="top" class="nav-item" style="font-family: 'Fjalla One', Franklin Gothic Medium, 'Franklin Gothic Medium', Futura Condensed Bold, 'Futura Condensed Bold', 'Arial Narrow', Helvetica, sans-serif; font-stretch: condensed;font-size:14px;line-height: 18px;color: #FFFFFF;text-align:center;font-weight:bold;-webkit-text-size-adjust: none;"><a   name="www_tacobell_com_live_mas_utm_" href="http://links.tacobell.mkt7706.com/ctt?kn=9&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank" style="color: #FFFFFF; text-decoration: none;"><span style="color:#FFFFFF;">LIVE M&Aacute;S</span></a></td>
																			</tr>
																		</table>
																	</td>
																</tr>
																<tr>
																	<td valign="top" height="35" style="font-size:35px;line-height:35px;height:35px;" class="mobile-hide"></td>
																</tr>
															</table>
															<!--[if (gte mso 9)|(IE)]>
		                             						   </td>
					                                            </tr>
					                                        </table>
					                                        <![endif]-->
														</td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		
			<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
				<tr>
	            	<td valign="top">
	            		<table bgcolor="#16130c" align="center" border="0" cellpadding="0" cellspacing="0" class="device-width" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin: 0 auto; padding: 0; line-height: 100%;width:600px;" width="600">
	            			<tr>
	            				<td valign="top">
				            		<a   name="www_tacobell_com__utm_medium_e" href="http://links.tacobell.mkt7706.com/ctt?kn=11&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/hero_cyber-monday.gif" width="600" height="414" alt="Cyber Monday Can Wait" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#e4844f; font-weight: bold; font-size:50px; font-family:Arial, sans-serif;width:600px;height:414px" border="0" class="device-width" /></a>
				            	</td>
					        </tr>
					        <tr>
	            				<td valign="top">
	            					<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
	            						<tr>
	            							<td valign="top" style="width:110px" class="mobile-hide"></td>
	            							<td valign="top">
							            		<a   name="www_tacobell_com__utm_medium_e" href="http://links.tacobell.mkt7706.com/ctt?kn=11&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/txt_rolled-chix-back.jpg" width="380" height="97" alt="Rolled Chicken Tacos Are Back!" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#FFFFFF; font-weight: bold; font-size:24px; font-family:Arial, sans-serif;width:380px;height:97px" border="0" class="device-width" /></a>
							            	</td>
	            							<td valign="top" style="width:110px" class="mobile-hide"></td>
							            </tr>
							        </table>
				            	</td>
					        </tr>
					    </table>
					</td>
				</tr>
				<tr>
					<td valign="top">
						<table align="center" border="0" cellpadding="0" cellspacing="0" class="device-width" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin: 0 auto; padding: 0; line-height: 100%;width:600px;">
							<tr>
							<td valign="top" bgcolor="#16130c">
							  	<table align="center" border="0" cellpadding="0" cellspacing="0" class="device-width" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0 auto;padding: 0;line-height: 100%;width:600px;">
									<tr>
										<td  name="Cont_3" background="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/bg_rolled-chix-tacos.jpg" style="background:url(https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/bg_rolled-chix-tacos.jpg) no-repeat center top;width:600px;height:1134px;" valign="top" class="mobile-bg" height="1134">
									     	<!--[if gte mso 9]>
									        <v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; width: 600px; height: 1134px;" src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/bg_rolled-chix-tacos.jpg" />
											<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; width: 600px; height: 1134px;">
											<v:fill  opacity="0%" color="#16130c" />
											<v:textbox inset="0,0,0,0">
									        <![endif]-->
											<div>
									      <table align="center" border="0" cellpadding="0" cellspacing="0" class="device-width" role="presentation">
									        	<tr>
									            	<td valign="top">
									            		<a   name="www_tacobell_com_food_new_roll" href="http://links.tacobell.mkt7706.com/ctt?kn=21&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/img_rolled-chix-tacos.png" width="600" height="574" alt="Rolled Chicken Tacos" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#FFFFFF; font-weight: bold; font-size:50px; font-family:Arial, sans-serif; width:600px; height:574px" border="0" class="hero-spacer" /></a>
									            	</td>
										        </tr>
										        <tr>
													<td valign="top">
														<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
															<tr>
																<td valign="top" width="209" style="width:209px" class="mobile-hide"></td>
																<td valign="top">
																	<a   name="www_tacobell_com_food_new_1" href="http://links.tacobell.mkt7706.com/ctt?kn=7&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank">
																		<img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/cta_order-on-taco.jpg" width="181" height="33" alt="ORDER ON TA.CO" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#FFFFFF; font-weight: bold; font-size:24px; font-family:Arial, sans-serif;width:181px;height:33px" border="0" class="center-img" />
																	</a>
																</td>
																<td valign="top" width="209" style="width:209px"  class="mobile-hide"></td>
															</tr>
														</table>
													</td>
												</tr>
										        <tr>
													<td valign="top" height="15" style="font-size:15px;line-height:15px;height:15px;"></td>
												</tr>
												<tr>
													<td valign="top">
														<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
															<tr>
																<td valign="top" width="209" style="width:209px" class="mobile-hide"></td>
																<td valign="top">
																	<a   name="n6q_q_tlnk_io_serve_action_cli" href="http://links.tacobell.mkt7706.com/ctt?kn=6&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank">
																		<img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/cta_order-in-the-app.jpg" width="181" height="33" alt="ORDER IN THE APP" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#FFFFFF; font-weight: bold; font-size:24px; font-family:Arial, sans-serif;width:181px;height:33px" border="0" class="center-img" />
																	</a>
																</td>
																<td valign="top" width="209" style="width:209px" class="mobile-hide"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td valign="top" height="25" style="font-size:25px;line-height:25px;height:25px;"></td>
												</tr>
												<tr>
													<td class="mobile-txt" style="color:#cccccc;font-family:'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;text-align:center;" valign="top"><p style="font-size:12px;line-height:18px;padding:0;margin:0;">Choice of two dips per 4-pack <br>and one dip per 2-pack.</p></td>
												</tr>
												<tr>
													<td valign="top" height="30" style="font-size:30px;line-height:30px;height:30px;"></td>
												</tr>
												<tr>
						            				<td valign="top">
					            					<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
					            						<tr>
					            							<td valign="top" style="width:110px" class="mobile-hide"></td>
					            							<td valign="top">
											            		<img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/txt_come-back.png" width="380" height="78" alt="Rolled Chicken Tacos Are Back!" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#FFFFFF; font-weight: bold; font-size:24px; font-family:Arial, sans-serif;width:380px;height:78px" border="0" class="device-width" />
											            	</td>
					            							<td valign="top" style="width:110px" class="mobile-hide"></td>
											            </tr>
												        </table>
									            	</td>
										        </tr>
										        <tr>
													<td valign="top" height="15" style="font-size:15px;line-height:15px;height:15px;"></td>
												</tr>
												<tr>
						            				<td valign="top">
					            					<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation" style="position:relative;z-index:100">
					            						<tr>
					            							<td valign="top" width="46" style="width:46px" class="mobile-hide"></td>
					            							<td valign="top">
																	<!--[if mso]>
																	<table border="0" cellpadding="0" cellspacing="0" width="508" align="center" style="width:508px;">
																	<tr>
																	<td style="width:156px;">
																	<![endif]-->
																	<table align="left" cellpadding="0" cellspacing="0" class="three-col" width="156" border="0">
																		<tr>
						            										<td valign="top">
																			<a   name="www_tacobell_com_food_dollar_c" href="http://links.tacobell.mkt7706.com/ctt?kn=22&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/img_shredded-chix.jpg" width="156" height="203" alt="Rolled Chicken Tacos" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#FFFFFF; font-weight: bold; font-size:50px; font-family:Arial, sans-serif; width:156px; height:203px; padding:0 10px 0 0;" border="0" class="center-img" /></a>
																			</td>
																		</tr>
																		<tr>
																			<td valign="top" height="15" style="font-size:15px;line-height:15px;height:15px;"></td>
																		</tr>
																		<tr>
																			<td class="mobile-txt" style="color:#FFFFFF;font-family:'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;line-height:18px;text-align:center;" valign="top"><p style="font-size:14px;line-height:18px;padding:0;margin:0;">The cream <br>of the crop.</p></td>
																		</tr>
																	</table>
																	<!--[if mso]>
																	</td>
																	<td valign="top" width="20"></td>
																	<td style="width:156px;">
																	<![endif]-->
																	<table align="left" cellpadding="0" cellspacing="0" class="three-col" width="156" border="0">
																		<tr>
						            										<td valign="top">
																			<a   name="www_tacobell_com_food_specialt" href="http://links.tacobell.mkt7706.com/ctt?kn=2&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/img_mexican-pizza.jpg" width="156" height="203" alt="Mexican Pizza" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#FFFFFF; font-weight: bold; font-size:50px; font-family:Arial, sans-serif; width:156px; height:203px; padding:0 10px;" border="0" class="center-img" /></a>
																			</td>
																		</tr>
																		<tr>
																			<td valign="top" height="15" style="font-size:15px;line-height:15px;height:15px;"></td>
																		</tr>
																		<tr>
																			<td class="mobile-txt" style="color:#FFFFFF;font-family:'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;line-height:18px;text-align:center;" valign="top"><p style="font-size:14px;line-height:18px;padding:0;margin:0;">Mexitalian <br>deliciousness.</p></td>
																		</tr>
																	</table>
																	<!--[if mso]>
																	</td>
																	<td valign="top" width="20"></td>
																	<td style="width:156px;">
																	<![endif]-->
																	<table align="left" cellpadding="0" cellspacing="0" class="three-col" width="156" border="0">
																		<tr>
						            										<td valign="top">
																			<a   name="www_tacobell_com_food_burritos" href="http://links.tacobell.mkt7706.com/ctt?kn=4&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/cyber-monday/img_7-layer-burrito.jpg" width="156" height="203" alt="7 Layer Burrito" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#FFFFFF; font-weight: bold; font-size:50px; font-family:Arial, sans-serif; width:156px; height:203px; padding:0 0 0 10px;" border="0" class="center-img" /></a>
																			</td>
																		</tr>
																		<tr>
																			<td valign="top" height="15" style="font-size:15px;line-height:15px;height:15px;"></td>
																		</tr>
																		<tr>
																			<td class="mobile-txt" style="color:#FFFFFF;font-family:'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;line-height:18px;text-align:center;" valign="top"><p style="font-size:14px;line-height:18px;padding:0;margin:0;">Complexity <br>is awesome.</p></td>
																		</tr>
																	</table>
																	<!--[if mso]>
																	</td></tr></table>
																	<![endif]-->
															</td>
															<td valign="top" width="46" style="width:46px" class="mobile-hide"></td>
														</tr>
												    </table>
									            	</td>
										        </tr>
										    </table>
										</div>
							<!--[if gte mso 9]>
				             </v:textbox>
							    </v:fill>
							  </v:rect>
							  </v:image>
				           <![endif]-->
						</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
			<tr>
				<td valign="top">
					<table align="center" border="0" cellpadding="0" cellspacing="0" class="device-width" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin: 0 auto; padding: 0; line-height: 100%;" width="600">
						<tr>
							<td valign="top">
								<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
									<tr>
										<td valign="top" height="35"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2016_modular/spacer.gif" style="display: block; outline:none; text-decoration:none; border:none;" height="35" width="35" /></td>
									</tr>
	                                <tr>
	                                    <td class="muli" style="font-family:'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:15px; line-height:20px; color:#000000;text-align:center" valign="top"><p style="font-size:15px;line-height:20px;padding:0;margin:0;"><a href="#" name="viewaswebpage" style="color:#000000;" target="_blank" xt="SPCLICKTOVIEW"><span style="color:#000000;">View this cyber-deliciousness in your browser, <br class="mobile-hide">then take a Taco Bell break. You need it.</span></a></p></td>
	                                </tr>
									<tr>
										<td valign="top" height="35"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2016_modular/spacer.gif" style="display: block; outline:none; text-decoration:none; border:none;" height="35" width="35" /></td>
									</tr>
	                                <tr>
	                                    <td valign="top">
	                                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="social-icons_container">
	                                            <tr>
	                                                <td valign="top" width="108" class="mobile-hide">&nbsp;</td>
													<td valign="top" style="mso-hide:all;display:none;max-height:0;overflow:hidden;visibility:hidden;max-width:0" class="mobile-show"><a   name="www_snapchat_com_add_tacobell" href="http://links.tacobell.mkt7706.com/ctt?kn=14&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/05/social_snapchat.jpg" width="75" height="100" alt="Snapchat" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#000000; font-weight: bold; font-size:14px; font-family:Arial, sans-serif;" border="0" style="mso-hide:all;display:none;max-height:0;overflow:hidden;visibility:hidden;max-width:0" class="mobile-show" /></a></td>
													<td valign="top" class="mobile-hide"><a   name="www_facebook_com_tacobell" href="http://links.tacobell.mkt7706.com/ctt?kn=17&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/05/social_facebook.jpg" width="75" height="100" alt="Facebook" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#000000; font-weight: bold; font-size:14px; font-family:Arial, sans-serif;" border="0" class="social-icon" /></a></td>
													<td valign="top"><a   name="instagram_com_tacobell" href="http://links.tacobell.mkt7706.com/ctt?kn=3&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/05/social_instagram.jpg" width="75" height="100" alt="Instagram" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#000000; font-weight: bold; font-size:14px; font-family:Arial, sans-serif;" border="0" class="social-icon" /></a></td>
													<td valign="top"><a   name="www_tacobell_com__utm_med_1" href="http://links.tacobell.mkt7706.com/ctt?kn=13&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/11/catering/logo_footer.jpg" width="88" height="100" alt="Taco Bell" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#000000; font-weight: bold; font-size:14px; font-family:Arial, sans-serif;" border="0" class="social-icon" /></a></td>
													<td valign="top"><a   name="twitter_com_tacobell" href="http://links.tacobell.mkt7706.com/ctt?kn=12&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/05/social_twitter.jpg" width="75" height="100" alt="Twitter" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#000000; font-weight: bold; font-size:14px; font-family:Arial, sans-serif;" border="0" class="social-icon" /></a></td>
													<td valign="top"><a   name="www_youtube_com_user_tacobell" href="http://links.tacobell.mkt7706.com/ctt?kn=5&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2017/05/social_youtube.jpg" width="75" height="100" alt="YouTube" style="outline: none; text-decoration: none; display: block; -ms-interpolation-mode: bicubic; border: none; color:#000000; font-weight: bold; font-size:14px; font-family:Arial, sans-serif;" border="0" class="social-icon" /></a></td>
	                                                <td valign="top" width="104" class="mobile-hide">&nbsp;</td>
												</tr>
	                                        </table>
	                                    </td>
	                                </tr>
									<tr>
										<td valign="top" height="25"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2016_modular/spacer.gif" style="display: block; outline:none; text-decoration:none; border:none;" height="25" width="25" /></td>
									</tr>
									<tr>
	                                    <td class="mobile-txt" style="font-family:'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:15px;text-align:center; color:#000000; text-align:center" valign="top">&copy;2017 Taco Bell IP Holder, LLC<br><br>You get emails from Taco Bell because you love tacos. <br><a href="http://links.tacobell.mkt7706.com/ctt?kn=8&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" name="Legal" style="color:#000000" target="_blank" ><span style="color:#000000;">View our privacy policy</span></a>.<br><br>This email was sent by Taco Bell, located at<br><a   name="www_google_com_maps_dir__1_Gle" href="http://links.tacobell.mkt7706.com/ctt?kn=10&ms=MzE4NDgyODMS1&r=MzI3NDA4OTczMTU2S0&b=0&j=MTE2MzQ2NTA3MQS2&mt=1&rt=0" target="_blank" style="color:#000001;text-decoration:none;">1 Glen Bell Way, Irvine, California 92618.</a><br><br><a href="#" name="Optout" style="color:#000000" target="_blank" xt="LPWEBFORMOPTOUT" xtwebform="6847267"><span style="color:#000000;">Unsubscribe</span></a> from this list.
	                                    </td>
									</tr>
									<tr>
										<td valign="top" height="35"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2016_modular/spacer.gif" style="display: block; outline:none; text-decoration:none; border:none;" height="35" width="35" /></td>
									</tr>
									<tr>
										<td valign="top" height="35"><img   src="https://eroi-s3.s3.amazonaws.com/emailassets/clients/tacobell/2016_modular/spacer.gif" style="display: block; outline:none; text-decoration:none; border:none;" height="35" width="35" /></td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>


        
        </body>
</html>



              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console