Skip to content

Instantly share code, notes, and snippets.

@ericlepetit

ericlepetit/iOS10bug-bobbi-brown.html Secret

Created June 21, 2016 16:17
Show Gist options
  • Save ericlepetit/6789d5cc5ae88e09ac8dc9a051985ce2 to your computer and use it in GitHub Desktop.
Save ericlepetit/6789d5cc5ae88e09ac8dc9a051985ce2 to your computer and use it in GitHub Desktop.
Download ZIP
Example of a non auto-scaled email on iOS 10
Raw
iOS10bug-bobbi-brown.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"
/>
<title>Urban Outfitters</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="title" content="Only Natural">
<meta name="description" content="Only Natural">
<style type="text/css">
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td
{line-height: 100%}
</style>
</head>
<body style="margin:0;padding:0;">
<img src="http://e.bobbibrown.com/a/hBXZ-blAeRKaJB9Ob9HNssN8AlW/spacer.gif" width="1"
height="1" style="display:none !important; max-height:1px !important; max-width:1px !important; border:0 !important; background-color:transparent !important; padding:0 !important; outline:0 !important; min-height:1px !important; min-width:1px !important; height:1px !important; width:1px !important;"
alt="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580" align="center">
<!--Preheader STARTS-->
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580" height="10" style="line-height:10px; font-size:0px;">&nbsp;</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10">&nbsp;</td>
<td valign="top" align="left"> <font style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000">
<a href="http://www.bobbibrowncosmetics.com/offers-landing-page?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-taglink" style="color:#000000; text-decoration:none;">Free Shipping + Long-Wear Eye Trio</a>
</font>
</td>
<td valign="top" align="right"> <font style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000">
<a href="http://ebm.e.bobbibrown.com/c/mobile/hBXZ-blAeRKaJB9Ob9HNssN8AlW/doc.html?t_params=EMAIL%3Dericlepetit%2540gmail.com%26FNAME%3DSubscriber%26PASSWORD%3DAeRKaJNssN8ABXZ-blQxrfVi4xznEI&cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-mobile" style="color:#000000">View Mobile</a> | <a href="http://ebm.e.bobbibrown.com/c/tag/hBXZ-blAeRKaJB9Ob9HNssN8AlW/doc.html?RAF_TRACK=&email=&cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-view" style="color:#000000">View in Browser</a></font>
</td>
<td width="10">&nbsp;</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="http://f.e.bobbibrown.com/i/36/507815561/1218_bb_nav_01.jpg" width="580"
height="25" alt="" border="0" style="display:block;">
</td>
</tr>
</table>
<!--TOP PROMO-->
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580" align="center">
<a href="http://www.bobbibrowncosmetics.com/offers-landing-page?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-toppromo"
style="text-decoration:none;"><font style="font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; text-transform:uppercase; letter-spacing:0.08em"> <font style="color:#FF526C">LONG-WEAR EYE TRIO</font> +
<font
style="color:#FF526C">FREE SHIPPING</font>CODE:<font style="color:#FF526C"> HELLOSUMMER</font></font>
</a>
</td>
</tr>
</table>
<!--End TOP PROMO-->
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580" height="10" style="line-height:10px; font-size:0px;">&nbsp;</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10">&nbsp;</td>
<td>
<a href="http://www.bobbibrowncosmetics.com?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-logo">
<img src="http://f.e.bobbibrown.com/i/36/507815561/1218_bb_nav_02.jpg" width="560"
height="72" alt="BOBBI BROWN" border="0" style="display:block;">
</a>
</td>
<td width="10">&nbsp;</td>
</tr>
</table>
<!--Preheader ENDS-->
<!--MAIN CONTENT STARTS-->
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FFFFFF">
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="http://www.bobbibrowncosmetics.com/no-makeup-makeup?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-better">
<img img src="http://f.e.bobbibrown.com/i/36/507815561/0606_naturalbeauty_US_02.jpg"
width="580" height="226" alt="You But Better
Makeup that enhances naturally.
Shop Now&raquo;" border="0" style="display:block;">
</a>
</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="http://www.bobbibrowncosmetics.com/product/14460/40368/New/Nude-Finish-Tinted-Moisturizer-SPF-15/SS16?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-nude">
<img img src="http://f.e.bobbibrown.com/i/36/507815561/0606_naturalbeauty_US_03.jpg"
width="258" height="525" alt="" border="0" style="display:block;">
</a>
</td>
<td>
<a href="http://www.bobbibrowncosmetics.com/product/14460/40368/New/Nude-Finish-Tinted-Moisturizer-SPF-15/SS16?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-nude">
<img img src="http://f.e.bobbibrown.com/i/36/507815561/0606_naturalbeauty_US_04.jpg"
width="322" height="525" alt="Nude Finish Tinted Moisturizer SPF 15
Lightweight, barely-there coverage that lets your skin show through.
Shop Now&raquo;" border="0" style="display:block;">
</a>
</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="http://www.bobbibrowncosmetics.com/product/2342/25390/Makeup/Lips/Lip-Color/Sheer-Lip-Color/SS13?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-lip">
<img img src="http://f.e.bobbibrown.com/i/36/507815561/0606_naturalbeauty_US_05.jpg"
width="290" height="465" alt="Sheer Lip Color
Set off your natural lip with a sheer wash of nourishing color.
Shop Now&raquo;" border="0" style="display:block;">
</a>
</td>
<td>
<a href="http://www.bobbibrowncosmetics.com/product/2342/25390/Makeup/Lips/Lip-Color/Sheer-Lip-Color/SS13?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-lip">
<img img src="http://f.e.bobbibrown.com/i/36/507815561/0606_naturalbeauty_US_06.jpg"
width="290" height="465" alt="" border="0" style="display:block;">
</a>
</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="http://www.bobbibrowncosmetics.com/">
<img img src="http://f.e.bobbibrown.com/i/36/507815561/0606_naturalbeauty_US_07.jpg"
width="302" height="480" alt="" border="0" style="display:block;">
</a>
</td>
<td>
<a href="http://www.bobbibrowncosmetics.com/">
<img img src="http://f.e.bobbibrown.com/i/36/507815561/0606_naturalbeauty_US_08.jpg"
width="278" height="480" alt="Highlighting Powder
Sweep this pearlescent illuminator on cheekbones for lit-from-within radiance.
Shop Now&raquo;" border="0" style="display:block;">
</a>
</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="http://www.bobbibrowncosmetics.com/product/2332/39424/Makeup/Eyes/Mascara/Eye-Opening-Mascara/SS16?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-masc">
<img img src="http://f.e.bobbibrown.com/i/36/507815561/0606_naturalbeauty_US_09.jpg"
width="290" height="554" alt="
Eye Opening Mascara
Just a few coats of this carbon-black formula makes eyes look brighter and more open.
Shop Now&raquo;" border="0" style="display:block;">
</a>
</td>
<td>
<a href="http://www.bobbibrowncosmetics.com/product/2332/39424/Makeup/Eyes/Mascara/Eye-Opening-Mascara/SS16?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-masc">
<img img src="http://f.e.bobbibrown.com/i/36/507815561/0606_naturalbeauty_US_10.jpg"
width="290" height="554" alt="" border="0" style="display:block;">
</a>
</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="http://www.bobbibrowncosmetics.com/offers-landing-page?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-offer">
<img img src="http://f.e.bobbibrown.com/i/36/507815561/0606_naturalbeauty_US_11.jpg"
width="580" height="266" alt="STAY-PUT MAKEUP
Receive a Long-Wear Eye Trio with $50+ order. And shipping&#8217;s on us.
Use code HELLOSUMMER at checkout.*
GET OFFER&raquo;" border="0" style="display:block;">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--MAIN CONTENT ENDS-->
<!--FOOTER STARTS-->
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="http://www.bobbibrowncosmetics.com/offers-landing-page">
<img src="http://f.e.bobbibrown.com/i/36/507815561/1218_bb_nav_03.jpg" width="149"
height="106" alt="FREE SHIPPING + OFFERS" border="0" style="display:block;">
</a>
</td>
<td>
<a href="http://www.bobbibrowncosmetics.com/livechat/vba/marketing.tmpl?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-artist">
<img src="http://f.e.bobbibrown.com/i/36/507815561/1218_bb_nav_04.jpg" width="141"
height="106" alt="TALK TO AN ARTIST" border="0" style="display:block;">
</a>
</td>
<td>
<a href="http://www.bobbibrowncosmetics.com/offers-landing-page">
<img src="http://f.e.bobbibrown.com/i/36/507815561/1218_bb_nav_05.jpg" width="140"
height="106" alt="FREE RETURNS ON FOUNDATION" border="0" style="display:block;">
</a>
</td>
<td>
<a href="http://www.bobbibrowncosmetics.com/online-services?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-replenish">
<img src="http://f.e.bobbibrown.com/i/36/507815561/1218_bb_nav_06.jpg" width="150"
height="106" alt="AUTOMATIC REPLENISHMENT" border="0" style="display:block;">
</a>
</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="199">&nbsp;</td>
<td>
<a href="https://www.facebook.com/BobbiBrown?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-facebook&ref=ts">
<img src="http://f.e.bobbibrown.com/i/36/507815561/0108_bb_nav_08.jpg" width="24"
height="57" alt="Facebook" border="0" style="display:block;">
</a>
</td>
<td>
<a href="https://twitter.com/bobbibrown?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-twitter">
<img src="http://f.e.bobbibrown.com/i/36/507815561/0108_bb_nav_07.jpg" width="31"
height="57" alt="Twitter" border="0" style="display:block;">
</a>
</td>
<td>
<a href="https://www.youtube.com/user/bobbibrown?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-youtube">
<img src="http://f.e.bobbibrown.com/i/36/507815561/0108_bb_nav_11.jpg" width="36"
height="57" alt="YouTube" border="0" style="display:block;">
</a>
</td>
<td>
<a href="https://www.instagram.com/bobbibrown/?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-instagram">
<img src="http://f.e.bobbibrown.com/i/36/507815561/0108_bb_nav_10.jpg" width="29"
height="57" alt="Instagram" border="0" style="display:block;">
</a>
</td>
<td>
<a href="http://everythingbobbi.com/blog/2011/11/16/en-vogue/?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-blog">
<img src="http://f.e.bobbibrown.com/i/36/507815561/0108_bb_nav_13.jpg" width="30"
height="57" alt="" border="0" style="display:block;">
</a>
</td>
<td>
<a href="https://www.pinterest.com/bobbibrown/?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-pinterest">
<img src="http://f.e.bobbibrown.com/i/36/507815561/0108_bb_nav_09.jpg" width="31"
height="57" alt="Pinterest" border="0" style="display:block;">
</a>
</td>
<td width="200">&nbsp;</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580" align="center"><font style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000;">*Offer valid 6/20/16 through 6/26/16 at 11:59 PM PT. Enter offer code <b>HELLOSUMMER</b> with $50+ purchase at checkout. Offer available to U.S. residents and only at BobbiBrown.com. Minimum purchase amount does not include shipping and handling, sales tax, or items that are not in stock at the time of purchase. Offer code is not transferrable and cannot be applied to previously placed orders. We reserve the right to cancel any order due to unauthorized, altered or ineligible use of offer and to modify or cancel any promotion due to system error or unforeseen problems. Ongoing offers are subject to change without notice. Other restrictions may apply.
</font>
</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580" height="15" style="line-height:15px; font-size:0px;">&nbsp;</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580" align="center"><font style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-transform:uppercase;">
<a href="http://www.bobbibrowncosmetics.com/customer-service?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-custserv" style="color:#000000">Customer Service</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://ebm.e.bobbibrown.com/r/regf2?aid=507815561&n=75&a=0&t=hBXZ-blAeRKaJB9Ob9HNssN8AlW&email=ericlepetit%40gmail.com&FNAME=Subscriber&cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-pref" style="color:#000000">Email Preferences</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://ebm.e.bobbibrown.com/r/regf2?aid=507815561&n=75&a=0&t=hBXZ-blAeRKaJB9Ob9HNssN8AlW&email=ericlepetit%40gmail.com&FNAME=Subscriber&cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-unsub" style="color:#000000">Unsubscribe</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://www.bobbibrowncosmetics.com/account/index.tmpl?cm_mmc=email-_-June-_-2016.06.20_NaturalB-_-account" style="color:#000000">My Account</a> </font>
</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580" height="18" style="line-height:18px; font-size:0px;">&nbsp;</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580" align="center"><font style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000;">Bobbi Brown Online (a division of Bobbi Brown Professional Cosmetics Inc.), 575 Broadway, New York, NY 10012</font>
</td>
</tr>
</table>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580" height="59" style="line-height:59px; font-size:0px;">&nbsp;</td>
</tr>
</table>
<!--FOOTER ENDS-->
</td>
</tr>
</table>
<IFRAME SRC="http://www.imiclk.com/cgi/r.cgi?m=3&mid=HZXjny21&ptid=EM" FRAMEBORDER="0"
SCROLLING="NO" WIDTH="0" HEIGHT="0"></IFRAME>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment