Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu

hteumeuleu/zara.html Secret

Created September 8, 2016 07:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hteumeuleu/c9e1147904b7117082646636b88d16ba to your computer and use it in GitHub Desktop.
Save hteumeuleu/c9e1147904b7117082646636b88d16ba to your computer and use it in GitHub Desktop.
Download ZIP
Zara email that doesn't fully autoscale on iOS 10 beta 8
Raw
zara.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="en-us">
<title>Zara Newsletter</title>
</head>
<body bgcolor="#ffffff" text="#333333"><img src="http://mailing.zara.com/a/hBXz9B4B8I7w5B9SQZyNs1j0Gg6/spacer-20.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="">
<div align="center" style="padding:10px 0">
<div style="width:720px;">
<table style="border-collapse: collapse; text-align:center;"
width="720" cellpadding="0" cellspacing="0" border="0">
<thead>
<tr>
<td style="padding-top:0px">
<p> <a href="###"
style="text-decoration:none;"><img
src="http://f.mailing.zara.com/i/3/2082716729/main_logo.png" alt="Zara
newsletter" style="border:none" width="180" height="70"></a></p>
</td>
</tr>
<tr>
<td style="padding-top: 15px; padding-bottom:0px; text-align:center">
<p style="margin-top:0; margin-bottom:5px;">
<font style="font-size: 9px; color:#999898;letter-spacing:1px" face="Tahoma">
NEWSLETTER. LIVRAISON GRATUITE POUR LES COMMANDES STANDARD DE PLUS DE 50 EUR
</font>
</p>
<p style="margin-top:0; margin-bottom:45px; letter-spacing:1px">
<font style="font-size: 9px; color:#999898;" face="Tahoma">
SI VOUS NE POUVEZ PAS VISUALISER CORRECTEMENT CE COURRIER �LECTRONIQUE, <a href="###" style="color:#999898">CLIQUEZ ICI</a>
</font>
</p>
</td>
</tr>
</thead>
<tbody>
<!--First content-->
<tr>
<td style="padding-bottom:0px">
<a href="###">
<img src="http://f.mailing.zara.com/i/3/2082716729/man_studio_1.jpg" alt="MAN" width="720">
</a>
</td>
</tr>
<!--End First content-->
<!--Second content-->
<tr>
<td style="padding-bottom:0px">
<a href="###">
<img src="http://f.mailing.zara.com/i/3/2082716729/man_studio_2_2.jpg" alt="MAN" width="720">
</a>
</td>
</tr>
<!--End Second content-->
<!--Third content-->
<tr>
<td style="padding-bottom:0px">
<a href="###" target="null"><img
src="http://f.mailing.zara.com/i/3/2082716729/man_studio_3.jpg"
alt="MAN" style="" width="720"></a>
</td>
</tr>
<!--End Third content-->
<!--Footer-->
<tr>
<td style="padding: 70px 0px 70px 0px;text-align:center" >
<div align="center">
<table border="0" width="600px" style="table-layout:fixed">
<tbody>
<tr>
<td style="width:120px"> </td>
<td style="width:120px; text-align:center"><font
style="font-size: 10px;
color:#999898;" face="Tahoma"><a href="###"
style="text-decoration:none; color:#999898">FACEBOOK</a></font></td>
<td style="width:120px"> </td>
<td style="width:120px; text-align:center"><font
style="font-size: 10px;
color:#999898;" face="Tahoma"><a
href="###"
style="text-decoration:none; color:#999898;
margin-left:25px">PINTEREST</a></font></td>
<td style="width:120px"> </td>
</tr>
<tr>
<td style="text-align:left"><font style="font-size:
10px; color:#999898;" face="Tahoma"><a
href="###" style="text-decoration:none;
color:#999898">INSTAGRAM</a></font></td>
<td> </td>
<td style="text-align:center"><font style="font-size:
10px; color:#000;"
face="Tahoma"><a href="###"
style="text-decoration:none; color:#999898">TWITTER</a></font></td>
<td> </td>
<td style="text-align:right"><font style="font-size:
10px; color:#999898;" face="Tahoma"><a
href="###" style="text-decoration:none;
color:#999898">YOUTUBE</a></font></td>
</tr>
<tr>
<td colspan="5" style="text-align: justify;
vertical-align: bottom�; padding-top:55px">
<font style="font-size: 10px; color:#999898;"
face="Tahoma">
<p style="clear:both;line-height: 13px; margin-top:25px; margin-bottom:10px;">Nous vous rappelons que ce message vous est envoyé en accord avec la politique de confidentialité que vous avez souscrite et que vous avez la possibilité à tout moment d'exercer vos droits d'accès, de rectification, d'annulation et d'opposition en adressant un courrier à ITX FASHION LIMITED, dont le siège social est sis Hainault House, 5th Floor, 69-71 St. Stephen's Green, Dublin 2, ou au siège social d'Inditex S. A., avec la mention suivante : « Función LOPD ». Vous pouvez également envoyer un courrier électronique à <a href="###" style="color:#999898; text-decoration:none">funcionlopd@inditex.com</a>, en joignant la copie d'une pièce d'identité.</p>
</font>
</td>
</tr>
<tr>
<td colspan="4">
<font style="font-size: 10px; color:#999898;"
face="Tahoma">
<p style="line-height: 13px; margin-top: 0;
margin-bottom:0px"> Tous droits réservés </p>
<p style="line-height: 13px; margin-top: 0;
margin-bottom:0px">Pour annuler votre inscription, <a
href="###"
style="color:#999898; white-space:nowrap">cliquez ici </a> </p>
</font>
</td>
<td>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<!--Footer-->
</tbody>
</table>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment