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.

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

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.

HTML

            
              <head>
	<!--[if gte mso 9]><xml>
	 <o:OfficeDocumentSettings>
	  <o:AllowPNG/>
	  <o:PixelsPerInch>96</o:PixelsPerInch>
	 </o:OfficeDocumentSettings>
	</xml><![endif]-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="HandheldFriendly" content="True">
	<title>Moto Z is $200 off for a very limited time.</title>

	<!--[if !mso]>--><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet"><!--<![endif]--> 
	
	<style type="text/css">
		.x-bkg-swap-color:hover a, * [lang~="x-bkg-swap-color"]:hover a { color:#FFFFFF!important; background-color:#33a1ff!important; -webkit-transition: all .17s !important; transition: all .17s !important; } 
		a[x-apple-data-detectors] {	color: inherit !important; text-decoration: none !important; }
	</style>
	<style type="text/css">
	body {
  width: 100%;
  background-color: #f7f7f7;
  margin: 0 !important;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html {
  width: 100%; }

table, td {
  border-collapse: collapse;
  mso-table-lspace: 0pt;
  mso-table-rspace: 0pt; }

img {
  border: 0 none;
  height: auto;
  line-height: 100%;
  outline: none;
  text-decoration: none; }

a img {
  border: 0 none; }

.imageFix {
  display: block; }

#outlook a {
  padding: 0; }

.ExternalClass {
  width: 100%; }

.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
  line-height: 100%; }

div[style*="margin: 16px 0"] {
  margin: 0 !important; }

.default-link a {
  text-decoration: none;
  color: #8d8f95; }

.applelinks-white a {
  text-decoration: none;
  color: #FFFFFF; }

.bu_xyz_mobile_table_block {
  width: 320px !important;
  min-width: 320px !important; }

body[yahoo] {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 15px;
  font-weight: 400; }
  body[yahoo] h2 {
    font-size: 35px;
    letter-spacing: .5px;
    margin: 0;
    color: #fee600 !important;
    font-weight: 700;
    margin: 0 0;
    text-align: center; }
    body[yahoo] h2 span {
      color: #fff !important; }
  body[yahoo] h3 {
    margin: .75em 0;
    font-size: 20px;
    font-weight: 700; }
  body[yahoo] .mobile-content-size,
  body[yahoo] .mobile-content-inner-size {
    width: 550px;
    min-width: 550px;
    mso-cellspacing: 0;
    mso-padding-alt: 0 0 0 0; }
  body[yahoo] a.cta_button {
    font-weight: 700;
    color: #fff;
    text-decoration: none; }
    body[yahoo] a.cta_button.black {
      color: #000; }
    body[yahoo] a.cta_button:hover {
      text-decoration: underline; }
    body[yahoo] a.cta_button .span {
      font-weight: 400; }

@media screen and (max-width: 480px) {
	.mobileautoheight {
		height:auto !important;
	}
  .mobile-collapse {
    height: auto !important;
    text-align: center !important;
    width: 320px;
    min-width: 320px; }

  .mobile-content-size,
  .mobile-content-inner-size {
    width: 320px !important;
    min-width: 320px !important; }
    .mobile-content-size img,
    .mobile-content-inner-size img {
      max-width: 320px !important; }

  .story-wrapper {
    width: 320px !important;
    min-width: 320px !important;
    padding: 0 0 0 0 !important; }

  table[class="social-networks"] {
    width: 320px !important;
    min-width: 320px !important; }

  *[class*="mobile-only"] {
    display: block !important;
    max-height: none !important; }

  .hide {
    display: none !important; }

  div[class="email-size"] {
    letter-spacing: 0 !important; }

  /* header */
  td[class="pre-text-header"] {
    padding: 0 0 0 0 !important; }

  td[class="intro-copy-cell"] {
    padding: 3px 5px 0 0 !important; }

  td[class="bug-wrapper"] {
    padding: 15px 15px 10px 10px !important; }

  td[class="lenovo-bug"] {
    padding: 4px 0 0 0 !important; }

  td[class="intro-wrapper"] {
    padding: 0 0 0 0 !important; }

  td[class="promotion-features"] {
    padding: 5px 5px 5px 5px !important; }

  /* body */
  td[class="shipping"],
  td.shipping {
    background-image: url(https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/freeshipping_2_mobile.png);
    background-size: 160px 96px;
    height: 96px !important;
    width: 160px !important;
    min-width: 160px !important;
    padding: 0 0 0 0 !important; }

  td[class="specials"],
  td.specials {
    background-image: url(https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/specials_mobile_170508.png);
    background-size: 160px 96px;
    height: 96px !important;
    width: 160px !important;
    min-width: 160px !important;
    padding: 0 0 0 0 !important; }

  td[class="shipping"] img,
  td[class="specials"] img,
  td.shipping img,
  td.specials img {
    display: none !important; }

  td img.bigphone {
    width: 280px !important;
    max-width: 280px !important; }

  td[class="shipping"] a {
    display: block !important;
    width: 160px !important;
    height: 92px !important; }

  td[class="specials"] a {
    display: block !important;
    width: 160px !important;
    height: 92px !important; }

  /* cta */
  td[class="cta-one-row"] {
    width: 320px !important;
    padding: 0 0 0 60px !important; }

  td[class="cta-one-row-left"] {
    width: 320px !important;
    padding: 0 0 0 20px !important; }

  td[class="left-col-button"] {
    display: none !important; }

  table[class="cta-show-them-table"] {
    width: 200px !important; }

  table[class="btn-design-yours-table"] {
    width: 280px !important;
    min-width: 280px !important; }

  td[class="btn-design-yours"] {
    text-align: center !important; }

  a[class="design-btn"] {
    width: 280px !important;
    min-width: 280px !important; }

  td[class="btn-spacer"] {
    height: 20px !important; }

  /* legal */
  .legal {
    width: 320px !important;
    min-width: 320px !important; }

  td[class="legal-copy"] {
    text-align: center !important; }

  /* campaign content  */
  table[class="left_icon_column"],
  table[class="right_text_column"],
  table.left_icon_column,
  table.right_text_column {
    margin-left: 0 !important;
    width: 320px !important;
    min-width: 320px !important; }

  table[class="right_text_column"],
  table.right_text_column {
    margin-top: 0 !important;
    text-align: center !important; }

  td p,
  td h3 {
    margin-left: 1em;
    margin-right: 1em; } }

/*# sourceMappingURL=style.css.map */
	</style>
	
	
</head>
<body bgcolor="#f7f7f7" style="margin:0;padding:0;" yahoo="fix"><style type="text/css">
div.preheader 
{ display: none !important; } 
</style>
<div class="preheader" style="font-size: 1px; display: none !important;">Plus, free Moto Care Accident Protection included.</div>
<div style="letter-spacing: 550px; line-height: 0; mso-hide: all;" class="email-size">&nbsp;</div><!-- Yahoo App Min Block -->
<div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff; line-height:0; width:550px !important; min-width:550px !important; max-width:550px !important; ">&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>


<!-- Google App / Inbox Min Block -->
	<!-- Wrapper -->
	<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#f7f7f7" style="mso-cellspacing: 0; mso-padding-alt: 0 0 0 0;">
		<tbody><tr>
			<td width="100%" valign="top">
				
				
				
				
				
	
			
				<!-- this is the thing above the logo -->
				<table width="550" border="0" cellpadding="0" cellspacing="0" align="center" class="mobile-content-size" style="width:550px; min-width:550px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0;">
					<tbody><tr>
						<td style="padding:15px 15px 15px 15px;" class="bug-wrapper"><a href="https://www.motorola.com/us/home?utm_campaign=ECOMM_NA_US_EN_PRODUCT_MOTOMODSDEVELOPER&amp;utm_content=US-HOUDINI-REG-TY&amp;utm_medium=email&amp;utm_source=motoemail&amp;utm_term=moto_bug_top" title="Motorola" target="_blank"><img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/bug-motorola-blue.png" alt="" width="51" height="51" style="font-family:arial, verdana, sans-serif; font-size:14px; color:#4d4d4d; border:0;"></a></td>
						<td class="intro-wrapper">
							<!-- start intro -->
							
														<table border="0" cellpadding="0" cellspacing="0">
								<tbody><tr>
									<td style="padding:0 10px 3px 0; font-family: Arial, Verdana, sans-serif; color:#8d8f95; font-size:13px!important; line-height:16px!important; font-weight:normal;" class="pre-text-header"><span style="color:#383838; font-weight:bold;"><a style="text-decoration:none;  font-family: Arial, Verdana, sans-serif; color:#383838; font-size:13px; line-height:16px;" class="default-link" target="_blank">Two years of accident protection included!</a></span></td>
								</tr>
							</tbody></table>
														
							
							<table border="0" cellpadding="0" cellspacing="0">
								<tbody><tr>
									<td style="padding:0 5px 5px 0; font-family: Arial, Verdana, sans-serif; color:#8d8f95; font-size:11px; line-height:14px; font-weight:normal;" class="intro-copy-cell">
										
																				<span class="hide">You [<a style="color:#8d8f95; text-decoration:none;" class="default-link" target="_blank"><span style="color:#8d8f95; text-decoration:none;">hello@SmilesDavis.yeah</span></a>] have received this email because of a prior transaction or relationship with Motorola.</span>
																				
										
										<a href="#" title="Web Version" style="text-decoration:underline; color:#8d8f95;" target="_blank">Browser View</a> | <a href="#" title="Unsubscribe" style="text-decoration:underline; color:#8d8f95;" target="_blank">Unsubscribe</a>
									</td>
								</tr>
							</tbody></table>
							<!-- end intro -->
						</td>
						<td style="padding:3px 0 0 0; text-align:right;" class="lenovo-bug"><img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/lenovo-logo-blue.png" alt="" width="20" height="60" style="font-family:arial, verdana, sans-serif; font-size:14px; color:#4d4d4d; border:0;"></td>
					</tr>
				</tbody></table>				
		






				<!-- ROW WITH BACKGROUND IMAGE -->
				<table width="550" border="0" cellpadding="0" cellspacing="0" class="mobile-content-size" align="center" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;">
					<tbody><tr>
						<td background="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/170531_bg.jpg" style="background-image:url('https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/170603_bg.jpg'); background-repeat: no-repeat; background-position:  top center; background-color:#262e35" ;="" width="550" valign="top" height="1300" bgcolor="#262e35" class="mobileautoheight">
							
							<!--[if (gte mso 9)|(IE)]>
							<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:550px; height:1300px; ">
							<v:fill type="tile" src=https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/1700603_bg.jpg" color="#262e35" />
							<v:textbox inset="0,0,0,0">
							<![endif]-->

								
							<table width="100%" height="60" border="0" cellpadding="0" cellspacing="0" class="mobile-content-size" style="width:100%px; min-width:100%px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0; background-color:transparent" align="center">
		<tbody><tr>
			<td width="100%" height="60" style="font-size:2px; line-height:2px;  background-color:transparent">&nbsp;</td>
		</tr>                         
	</tbody></table>							
							<h4 style="font-family:'Open Sans',Arial, sans-serif; text-align: center; font-size:35px; margin:0 auto; color:#fff; max-width:450px;">
								ultra-thin design.<br>
								ultra-low price.
							</h4>




								
							<img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/170603_phone.png" width="550" height="auto" style="width:550px; height:auto">

							
						
						<table border="0" cellpadding="0" cellspacing="0" align="center"><tbody><tr><td align="center"><img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/170603_lockup.png" alt="Moto Z" width="185" height="auto" style="max-width: 280px !important; height:auto;"></td></tr></tbody></table>						<table width="100%" height="30" border="0" cellpadding="0" cellspacing="0" class="mobile-content-size" style="width:100%px; min-width:100%px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0; background-color:transparent" align="center">
		<tbody><tr>
			<td width="100%" height="30" style="font-size:2px; line-height:2px;  background-color:transparent">&nbsp;</td>
		</tr>                         
	</tbody></table>	
							
							<p style=" font-family:'Open Sans',Arial, sans-serif; color:#fff; margin-right:40px; margin-left:40px; margin-top:0; margin-bottom:0; font-size:15px; text-align: center; line-height:24px;">
							Get the world's thinnest premium smartphone at our lowest price ever. 
							For five days only, <b>Moto Z</b> is $200 off.<sup>*</sup> Plus, two years of <b>Moto Care Accident Protection</b> are included ($74.99 value)!


							</p>
							<table width="100%" height="30" border="0" cellpadding="0" cellspacing="0" class="mobile-content-size" style="width:100%px; min-width:100%px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0; background-color:transparent" align="center">
		<tbody><tr>
			<td width="100%" height="30" style="font-size:2px; line-height:2px;  background-color:transparent">&nbsp;</td>
		</tr>                         
	</tbody></table>	
							<p style=" font-family:'Open Sans',Arial, sans-serif; color:#fff; margin-right:20px; margin-left:20px;  margin-bottom:0; font-size:15px; text-align: center; line-height:24px; margin-top:0;">

							Hurry, this deal expires on Saturday, June 17.
							
								
							</p>
							
							<table width="100%" height="30" border="0" cellpadding="0" cellspacing="0" class="mobile-content-size" style="width:100%px; min-width:100%px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0; background-color:transparent" align="center">
		<tbody><tr>
			<td width="100%" height="30" style="font-size:2px; line-height:2px;  background-color:transparent">&nbsp;</td>
		</tr>                         
	</tbody></table>	
							<p style=" font-family:'Open Sans',Arial, sans-serif; color:#fff; margin-right:20px; margin-left:20px;  margin-bottom:0; font-size:15px; text-align: center; line-height:24px; margin-top:0;">
							Use promo code MOTOZ200OFF at checkout.
							</p>

							<table width="100%" height="50" border="0" cellpadding="0" cellspacing="0" class="mobile-content-size" style="width:100%px; min-width:100%px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0; background-color:transparent" align="center">
		<tbody><tr>
			<td width="100%" height="50" style="font-size:2px; line-height:2px;  background-color:transparent">&nbsp;</td>
		</tr>                         
	</tbody></table>		
							
							
							<table border="0" bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="cta-show-them-table" style="color:#3e3b38; text-decoration:none; background-color:#ffffff; border-radius:1px; width:200px;" align="center">
                                            <tbody><tr>
                                                <td align="center" valign="middle" height="55" style="height: 55px; color:#3e3b38;" class="cta-show-them"><a href="https://www.motorola.com/us/products/moto-z?utm_source=motoemail&amp;utm_medium=email&amp;utm_campaign=ECOMM_NA_US_EN_PRODUCT_MOTOMODSDEVELOPER&amp;utm_content=US-HOUDINI-REG-TY" target="_blank" class="cta-show-them" style="display:inline-block; color:#3e3b38; text-decoration:none; font-family: 'Open Sans', Arial, sans-serif; font-size:15px !important; line-height:15px!important; width:100%; font-weight:normal; border:0; padding:20px 0 20px 0;" title="Buy now">Buy now</a></td>
                                            </tr>
                                        </tbody></table>
							<table width="100%" height="50" border="0" cellpadding="0" cellspacing="0" class="mobile-content-size" style="width:100%px; min-width:100%px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0; background-color:transparent" align="center">
		<tbody><tr>
			<td width="100%" height="50" style="font-size:2px; line-height:2px;  background-color:transparent">&nbsp;</td>
		</tr>                         
	</tbody></table>
							<table border="0" cellpadding="0" cellspacing="0" align="center"><tbody><tr><td align="center"><img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/170603_gsm.png" alt="GSM Unlocked" width="135" height="auto" style="max-width: 280px !important; height:auto;"></td></tr></tbody></table>							
							<table width="100%" height="50" border="0" cellpadding="0" cellspacing="0" class="mobile-content-size" style="width:100%px; min-width:100%px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0; background-color:transparent" align="center">
		<tbody><tr>
			<td width="100%" height="50" style="font-size:2px; line-height:2px;  background-color:transparent">&nbsp;</td>
		</tr>                         
	</tbody></table>
							<!--[if (gte mso 9)|(IE)]>
							</v:textbox>
							</v:rect>
							<![endif]-->		
						</td>
					</tr>  
				</tbody></table>













				<!-- shipping/ specials -->
				<table width="550" height="92" border="0" cellpadding="0" cellspacing="0" bgcolor="#f7f7f7" class="mobile-content-size" style="width:550px; min-width:550px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0;" align="center">
					<tbody><tr>
						<td width="275" height="92" class="shipping"><a href="https://www.motorola.com/us/legal/terms-of-sale?utm_campaign=ECOMM_NA_US_EN_PRODUCT_MOTOMODSDEVELOPER&amp;utm_content=US-HOUDINI-REG-TY&amp;utm_medium=email&amp;utm_source=motoemail&amp;utm_term=shipping" title="Free shipping***" style="text-decoration:none; font-size: 11px !important; color: #FFFFFF; font-weight: normal; font-family: Verdana, Arial, sans-serif; line-height: 14px !important;" class="promo-footer-links" target="_blank"><img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/freeshipping_2.png" width="275" height="96" alt="Free shipping*" style="font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border:0;"></a></td>
						<td width="275" height="92" class="specials"><a href="https://www.motorola.com/us/specials?utm_campaign=ECOMM_NA_US_EN_PRODUCT_MOTOMODSDEVELOPER&amp;utm_content=US-HOUDINI-REG-TY&amp;utm_medium=email&amp;utm_source=motoemail&amp;utm_term=specials" title="Specials" style="text-decoration:none; font-size: 11px !important; color: #212121; font-weight: normal; font-family: Verdana, Arial, sans-serif; line-height: 14px !important;" class="promo-footer-links" target="_blank"><img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/specials_170508.png" width="275" height="96" alt="Specials" style="font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border:0;"></a></td>
					</tr>
				</tbody></table><!-- social -->
				<table width="550" height="54" border="0" cellpadding="0" cellspacing="0" bgcolor="#f7f7f7" align="center" class="mobile-content-size" style="width:550px; min-width:550px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0; border-bottom-left-radius:4px; border-bottom-right-radius:4px;">
					<tbody><tr>
						<td style="text-align:center; font-size: 1px; line-height: 1px;" height="1">
							<!-- start social -->
							<a href="https://twitter.com/Moto_USA" title="Twitter" target="_blank"><img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/social_twitter_170508.png" width="63" height="54" alt="Twitter" title="Twitter" style="font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border:0;"></a><a href="https://www.facebook.com/MotoUSA/" title="Facebook" target="_blank"><img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/social_fb_170508.png" width="63" height="54" alt="Facebook" title="Facebook" style="font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border:0;"></a>
<a href="https://plus.google.com/+Moto" title="Google+" target="_blank">
<img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/social_google_170508.png" width="63" height="54" alt="Google+" title="Google+" style="font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border:0;"></a><a href="https://www.instagram.com/moto_usa/" title="instagram" target="_blank"><img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/social_ig_170508.png" width="63" height="54" alt="instagram" title="instagram" style="font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border:0;"></a><a href="https://www.youtube.com/user/motorola" title="YouTube" target="_blank">
<img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/social_youtube_170508.png" width="63" height="54" alt="YouTube" title="YouTube" style="font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border:0;"></a>						
							<!-- end -->
						</td>
					</tr>
				</tbody></table>
<!-- end social -->

<p style="text-align: center;">
<img src="https://image.motorola-mail.com/lib/fe901272716d077b74/m/7/hellomoto_170508.png" style="width:170px; height:28px;" width="170" height="28">
</p><!-- legal -->
				<table width="550" border="0" cellpadding="0" cellspacing="0" align="center" class="legal" style="width:550px; min-width:550px; mso-cellspacing: 0; mso-padding-alt: 0 0 0 0;">
					<tbody><tr>
						<td align="center" style="text-align:left; padding:20px 20px 10px 20px; font-family: Arial, Helvetica, sans-serif; color:#8d8f95; font-size:11px; line-height:15px;" class="legal-copy">You [<a style="color:#8d8f95; text-decoration:none;" class="default-link" target="_blank"><span style="color:#8d8f95; text-decoration:none;">hello@SmilesDavis.yeah</span></a>] have received this email because of a prior transaction or relationship with Motorola. If this email has been forwarded to you, you can <a href="#" title="opt-in for future communications" style="color:#8d8f95; text-decoration:underline;" class="default-link" target="_blank">opt-in for future communications</a> from Motorola.</td>
					</tr>
					<tr>
						<td align="center" style="text-align:left; padding:0 20px 10px 20px; font-family: Arial, Helvetica, sans-serif; color:#8d8f95; font-size:11px; line-height:15px;" class="legal-copy">All screen images simulated.</td>
					</tr>

					
										<tr>
						<td align="center" style="text-align:left; padding:0 20px 10px 20px; font-family: Arial, Helvetica, sans-serif; color:#8d8f95; font-size:11px; line-height:15px;" class="legal-copy">* Offer valid until 10:59 a.m. CT on 6/17/17 or while supplies last. Promo code MOTOZ200OFF must be entered at checkout for discount to apply. Discount does not apply to Moto Z Droid.</td>
					</tr>
										<tr>
						<td align="center" style="text-align:left; padding:0 20px 10px 20px; font-family: Arial, Helvetica, sans-serif; color:#8d8f95; font-size:11px; line-height:15px;" class="legal-copy">** Free shipping for orders over $75.</td>
					</tr>
					



					<tr>
						<td align="center" style="text-align:left; padding:0 20px 10px 20px; font-family: Arial, Helvetica, sans-serif; color:#8d8f95; font-size:11px; line-height:15px;" class="legal-copy">If you no longer wish to receive promotional emails from Motorola Mobility LLC, please <a href="#" title="unsubscribe" style="text-decoration:underline; color:#8d8f95;" target="_blank">unsubscribe</a>. Please direct any questions concerning Motorola's privacy practices to <a href="mailto:privacy@motorola.com" title="privacy@motorola.com" style="color:#8d8f95; text-decoration:underline;" target="_blank">privacy@motorola.com</a>.</td>
					</tr>
					<tr>
						<td align="center" style="text-align:left; padding:0 20px 10px 20px; font-family: Arial, Helvetica, sans-serif; color:#8d8f95; font-size:11px; line-height:15px;" class="legal-copy">Inquiries or requests to unsubscribe from ("opt-out" of) communications from Motorola may also be mailed to: Motorola Mobility LLC Attn: Privacy Compliance Program <a style="color:#8d8f95; text-decoration:none;" class="default-link" target="_blank">222 W. Merchandise Mart Plaza, Suite 1800, Chicago, IL 60654.</a></td>
					</tr>
					<tr>
						<td align="center" style="text-align:left; padding:0 20px 10px 20px; font-family: Arial, Helvetica, sans-serif; color:#8d8f95; font-size:11px; line-height:15px;" class="legal-copy">Motorola values your privacy. Read the <a href="https://www.motorola.com/us/legal/privacy-policy" title="Privacy" style="color:#8d8f95; text-decoration:underline;" target="_blank">Motorola Privacy Policy</a> for more information on our privacy practices. Please read the <a href="https://www.motorola.com/us/legal/terms-of-use" title="Terms of Use" style="color:#8d8f95; text-decoration:underline;" target="_blank">Motorola Website Terms of Use</a> before using our website.</td>
					</tr>
					<tr>
						<td align="center" style="text-align:left; padding:0 20px 40px 20px; font-family: Arial, Helvetica, sans-serif; color:#8d8f95; font-size:11px; line-height:15px;" class="legal-copy">Moto branded products are designed and manufactured by or for Motorola Mobility LLC, a wholly owned subsidiary of Lenovo. MOTOROLA and the Stylized M Logo are trademarks of Motorola Trademark Holdings, LLC. Android, Google and other marks are trademarks of Google Inc. All other trademarks are the property of their respective owners. ©2017 Motorola Mobility LLC. All rights reserved.</td>
					</tr>
				</tbody></table>
<!-- end legal -->					

				<!-- end -->
			</td>
		</tr>
	</tbody></table>
	


</body>
            
          
!

CSS

            
              
            
          
!

JS

            
              
            
          
!
999px

Console