Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu

hteumeuleu/bonobo.html Secret

Created September 12, 2016 20:00
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/7f59e54be2e92d67fd30aabdcd810cbc to your computer and use it in GitHub Desktop.
Save hteumeuleu/7f59e54be2e92d67fd30aabdcd810cbc to your computer and use it in GitHub Desktop.
Download ZIP
Bonobo email that doesn't auto-scale well in iOS 10
Raw
bonobo.html
<head>
<style type="text/css">
</style>
</head><body bottommargin="0" leftmargin="0" rightmargin="0" style="background-color:#FFF;" topmargin="0">
<table align="center" border="0" cellpadding="20" cellspacing="0" style="background-color:#FFF;" width="100%">
<tbody><tr>
<td align="center">
<table align="center" border="0" cellpadding="0" cellspacing="0" height="20" style="font-size:12px;font-family:Arial, Helvetica, sans-serif;" width="600">
<tbody><tr>
<td style="-webkit-text-size-adjust:none;font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; color: #727272;" width="400"> <!-- ***PRE-HEADER*** -->GoodSport activewear is here.
</td>
<!-- &lt;td width="200" style="-webkit-text-size-adjust:none;font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:right; color: #727272;"&gt; &lt;p style="text-decoration: none; color: #4d4e4e;"&gt;<a class="web-view" href="###">View in Your Browser</a>&lt;/p&gt;&lt;/td&gt; -->
</tr>
</tbody></table>
<!-- =============================== HEADER =============================== -->
<table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color:#FFF;" width="600">
<tbody><tr>
<td align="center">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:12px;font-family:Arial, Helvetica, sans-serif;" width="600"> <!-- &lt;tr&gt;
&lt;td height="18" width="600"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="center" width="600"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0"&gt;
&lt;tr&gt;
&lt;td align="center" bgcolor="#ffffff" height="0" style="font-size:11px;color:#232323;font-family:Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none;" width="600"&gt;
&lt;a href="###" style="text-decoration: none;"&gt;
&lt;img align="texttop" alt="Bonobos" border="0" height="25" src="http://images.email.bonobos.com/Mailers/2016/Template_2016/Bonobos-Logo-400.jpg" style="inline-block" width="147" /&gt;&lt;/a&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td height="22" width="600"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td bgcolor="#ffffff" height="0" style="font-size:12px;color:#333;font-family:Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none; text-align: center;" width="600"&gt;
&lt;a href="###" style="text-decoration: none; color: #232323;"&gt; New &lt;/a&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="###" style="text-decoration: none; color: #232323;"&gt; Bottoms &lt;/a&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="http://www.bonobos.com/shop/tops?utm_medium=email&amp;utm_s
ource=klaviyo&amp;utm_campaign=2016-09-07_Daily_Branded-Product_New-arrivals_None_None_None_None_None_None_Lifestyle_Good-Sport-Launch&amp;cvosrc=email.klaviyo.2016-09-07_Daily_Branded-Product_New-arrivals_None_None_None_None_None_None_Lifestyle_Good-Sport-Launch" style="text-decoration: none; color: #232323;"&gt; Tops &lt;/a&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href="###" style="text-decoration: none; color: #232323;"&gt; Tailored &lt;/a&gt;
&lt;/td&gt;
&lt;/tr&gt; -->
<tbody><tr>
<td height="12" width="600"></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!-- =============================== TEXT BANNER =============================== -->
<!--
&lt;table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"&gt;
&lt;tr&gt;&lt;td width="600" height="80" align="center" style="font-family: 'HarrietText', Georgia, serif; font-size:14px; color:#f4f4f4; background-color: #28c891; line-height:25px; font-style: italic;"&gt;
&lt;a style="text-decoration: none; color: #fff;" href="###"&gt;Try it on before you buy at one of our Guideshops.&lt;br /&gt;
&lt;span style="font-family: 'Platform', Arial, Helvetica, sans-serif; border-bottom-style:solid; border-bottom-width: 1px; padding-bottom:4px; text-transform:uppercase; letter-spacing:1px; font-size:14px; font-style: normal;"&gt;
Make an appointment
&lt;span style="font-size:13px"&gt;&rarr;&lt;/span&gt;
&lt;/span&gt;
&lt;/a&gt;
&lt;/td&gt;
&lt;/tr&gt;&lt;/table&gt;
&lt;!-- ======================= INSERT MAILER CONTENT HERE ===================== -->
<!--
* src="http://images.email.bonobos.com/Mailers/2016/09_September/
* style="inline-block" align="texttop"
-->
<table border="0" cellpadding="0" cellspacing="0" height="1105" id="Table_01" width="600">
<tbody><tr>
<td colspan="2"> <a href="###" target="_blank">
<img align="texttop" alt="" height="790" src="http://images.email.bonobos.com/Mailers/2016/09_September/07_Good-Sport-Launch_01-6.jpg" style="inline-block" width="600"></a>
</td>
</tr>
<tr>
<td> <a href="###" target="_blank">
<img align="texttop" alt="" height="316" src="http://images.email.bonobos.com/Mailers/2016/09_September/07_Good-Sport-Launch-2_02.jpg" style="inline-block" width="300"></a>
</td>
<td> <a href="###" target="_blank">
<img align="texttop" alt="" height="316" src="http://images.email.bonobos.com/Mailers/2016/09_September/07_Good-Sport-Launch-2_03.jpg" style="inline-block" width="300"></a>
</td>
</tr>
</tbody></table>
<!-- ============================== FOOTER =============================== -->
<table align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:12px;font-family:Arial, Helvetica, sans-serif" width="600">
<tbody><tr>
<td bgcolor="#232323" height="2" width="600"></td>
</tr>
<tr>
<td bgcolor="#FFF" height="20" width="600"></td>
</tr>
<tr>
<td align="center" bgcolor="#FFF">
<table align="center" border="0" cellpadding="10" cellspacing="0" height="40" width="60">
<tbody><tr>
<td style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#232323;-webkit-text-size-adjust:none; text-align: center; "> <a href="###" style="text-decoration: none;" target="_blank">
<img align="texttop" alt="Instagram" border="0" height="25" src="http://images.email.bonobos.com/Mailers/2016/Template_2016/instagram.png" style="inline-block" width="25">
</a>
</td>
<td style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#232323;-webkit-text-size-adjust:none; text-align: center;"> <a href="###" style="text-decoration: none;" target="_blank">
<img align="texttop" alt="Facebook" border="0" height="25" src="http://images.email.bonobos.com/Mailers/2016/Template_2016/facebook.png" style="inline-block" width="25">
</a>
</td>
<td style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#232323;-webkit-text-size-adjust:none; text-align: center;"> <a href="###" style="text-decoration: none;" target="_blank">
<img align="texttop" alt="Twitter" border="0" height="25" src="http://images.email.bonobos.com/Mailers/2016/Template_2016/twitter.png" style="inline-block" width="25">
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="50" width="600">
<tbody><tr>
<td align="center" bgcolor="#FFF" height="110" style="font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#232323;-webkit-text-size-adjust:none;" width="600"> <br>
<a href="###" style="color: #232323;text-decoration: none;" target="_blank">Bonobos Inc.</a>
<br>45 W. 25th Street 5th Floor, New York, NY 10010<br><br>
<a href="###" style="text-decoration: none;color:#232323;" target="_blank">Help &amp; FAQ's</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="###" style="text-decoration: none;color:#232323;" target="_blank">1-877-294-7737</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="###" style="text-decoration: none;color:#232323;" target="_blank">Returns</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><br> To ensure delivery to your inbox, please add
<a href="###" style="color: #232323;text-decoration: none;" target="_blank">ninjas@bonobos.com</a> to your address book and safe-sender list.<br>
This email was sent to
<span style="color: #232323;text-decoration: none;">###</span>. If you no longer want to receive emails from us, you can
<a href="###" style="color: #232323;text-decoration: underline;" target="_blank">unsubscribe</a>.<br><br>
</td>
</tr>
</tbody></table>
<!-- =============================== LEGAL =============================== -->
<!--
&lt;table width="600" height="1" bgcolor="#727272" &gt;&lt;/table&gt;
&lt;tr&gt;&lt;td align="center" width="500" height="80" bgcolor="#FFF" style="font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#727272;-webkit-text-size-adjust:none;"&gt;Offer valid from 00/00/2016 at 12:00 am PT to 00/00/2016 at 11:59 pm PT. Cannot be combined with other offers or promotions.&lt;br /&gt; Offer is non-transferable, has no cash value and cannot be applied to previous purchases or the purchase of gift cards. Void where prohibited by law. Terms of offer are subject to change. Final sale items cannot be returned or exchanged. To redeem online, enter promo code at checkout.&lt;/td&gt;&lt;/tr&gt;
&lt;!-- =============================== END =============================== -->
</td>
</tr>
</tbody></table>
<img src="###" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;">
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment