-
-
Save hteumeuleu/7f59e54be2e92d67fd30aabdcd810cbc to your computer and use it in GitHub Desktop.
Bonobo email that doesn't auto-scale well in iOS 10
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> | |
<!-- <td width="200" style="-webkit-text-size-adjust:none;font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:right; color: #727272;"> <p style="text-decoration: none; color: #4d4e4e;"><a class="web-view" href="###">View in Your Browser</a></p></td> --> | |
</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"> <!-- <tr> | |
<td height="18" width="600"></td> | |
</tr> | |
<tr> | |
<td align="center" width="600"> | |
<table border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<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"> | |
<a href="###" style="text-decoration: none;"> | |
<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" /></a> | |
</td> | |
</tr> | |
<tr> | |
<td height="22" width="600"></td> | |
</tr> | |
<tr> | |
<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"> | |
<a href="###" style="text-decoration: none; color: #232323;"> New </a> <a href="###" style="text-decoration: none; color: #232323;"> Bottoms </a> <a href="http://www.bonobos.com/shop/tops?utm_medium=email&utm_s | |
ource=klaviyo&utm_campaign=2016-09-07_Daily_Branded-Product_New-arrivals_None_None_None_None_None_None_Lifestyle_Good-Sport-Launch&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;"> Tops </a> <a href="###" style="text-decoration: none; color: #232323;"> Tailored </a> | |
</td> | |
</tr> --> | |
<tbody><tr> | |
<td height="12" width="600"></td> | |
</tr> | |
</tbody></table> | |
</td> | |
</tr> | |
</tbody></table> | |
<!-- =============================== TEXT BANNER =============================== --> | |
<!-- | |
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> | |
<tr><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;"> | |
<a style="text-decoration: none; color: #fff;" href="###">Try it on before you buy at one of our Guideshops.<br /> | |
<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;"> | |
Make an appointment | |
<span style="font-size:13px">→</span> | |
</span> | |
</a> | |
</td> | |
</tr></table> | |
<!-- ======================= 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 & FAQ's</a> | <a href="###" style="text-decoration: none;color:#232323;" target="_blank">1-877-294-7737</a> | <a href="###" style="text-decoration: none;color:#232323;" target="_blank">Returns</a> <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 =============================== --> | |
<!-- | |
<table width="600" height="1" bgcolor="#727272" ></table> | |
<tr><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;">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.<br /> 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.</td></tr> | |
<!-- =============================== 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