"mobile layout"
Bootstrap 3.0.0 Snippet by Balaz98

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns:fb="https://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#"> <head> <!-- Code for Action: Email Suppression Pixel --> <!-- Begin Rocket Fuel Conversion Action Tracking Code Version 7 --> <script type="text/javascript"> var cache_buster = parseInt(Math.random()*99999999);document.write("<img src='https://p.rfihub.com/ca.gif?rb=11627&ca=20586751&ra=" + cache_buster + "' height=0 width=0 style='display:none' alt='Rocket Fuel'/>"); </script> <noscript> <iframe src='https://20586751p.rfihub.com/ca.html?rb=11627&ca=20586751&ra=' style='display:none;padding:0;margin:0' width='0' height='0'></iframe> </noscript> <!-- End Rocket Fuel Conversion Action Tracking Code Version7 --> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> window.fbAsyncInit = function() { FB.init({ appId: '127705323973023', status: true, cookie: true, version: 'v2.2', xfbml: true}); }; </script> <script type="text/javascript"> $(document).ready(function() { if ($('a.facebooklike-message').length) { $parentDiv = $('a.facebooklike-message').hide().parent(); // the facebook javascript sdk requires a container with an id of fb-roob $parentDiv.prop('id', 'fb-root'); // asynchronously load the facebook javascript sdk var element = document.createElement('script'); element.async = true; element.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; $('#fb-root').append(element); // have to make a separate append call here $('#fb-root').append('<fb:like href="' + window.location.href + '" width="450" font=""></fb:like>'); } }); </script> </head> <body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" style="background-color:#f5f5f5;"> <table width="100%" border="0" cellpadding="20" cellspacing="0" align="center" style="background-color:#f5f5f5;"> <tr> <td align="center"> <table border="0" width="600" height="30" cellpadding="0" cellspacing="0" align="center" style="font-size:12px;font-family:Arial, Helvetica, sans-serif;"> <tr> <td width="400" style="-webkit-text-size-adjust:none;font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; color: #a6a6a6;"> <!-- ***PRE-HEADER*** -->We noticed you haven't checked out. Just let us know. <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIANVdA8vu9wgweyr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms97NitOm73CbRa3W3SlZxeWWMdg1bqRios0m4tPzncililOOX5t64gUlmFGXNHTnXoNjGuq4D19d1iTzTOK6xtHSusRajkXqNebZQH6vU__Zlz7ClwQpxFBiDb6P4db0Um2j1HzrwzTY_Ki4BoD_eIbg" style="text-decoration: none; color: #4d4e4e;"> Bonobos.com</a></td> <td width="160" style="-webkit-text-size-adjust:none;font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:right; color: #a6a6a6;"> <a href="http://email.bonobos.com/public/?q=preview_message&fn=Link&t=1&ssid=24477&id=dr8g3tv78u9c891aub9y2ckk0ne50&id2=fd1igbscs40u0yk182xbuf3d5p2g9&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&messageversion_id=bxleycdnnqiahsfbifqojxkncthibme&tid=3.X50.C9fQmw.C7L8.AY6XHg..Ag6d-w.g..l.EeoI.a.VjLrQA.VjPadw.dOOPug" style="text-decoration: none; color: #4d4e4e;">View this e-mail online •</a><a href="http://email.bonobos.com/public/webform/render_form/default/2933c14b7a62ba0bb868a96c6fd01ef9/ftaf/9xjqk9ovwfxdsogqu6940pf5h6msm/bjezyyyhcqowyammknwqnokwophtbdk?tid=3.X50.C9fQmw.C7L8.AY6XHg..Ag6d-w.g..l.EeoI.a.VjLrQA.VjPadw.dOOPug&td=Ninwj0-CSo7Hsh6X9SMjIAtsy6DtNccF9myr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9RXN6Y8yit66qd3PEews-BfZgDXW7Xzn82HQ2KJYWxlNlLsLZg8kv_lDnymbVS3OV" style="text-decoration: none; color: #4d4e4e;"> Forward</a></td> </tr> </table> <table border="0" width="600" cellpadding="0" cellspacing="0" align="center" style="background-color:#FFF;"> <tr> <td align="center"> <table border="0" width="560" cellpadding="0" cellspacing="0" align="center" style="font-size:12px;font-family:Arial, Helvetica, sans-serif;"> <!-- ================================================================================== --> <tr> <td width="560" height="40"></td> </tr> <tr> <td width="600" align="center"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td width="600" height="0" bgcolor="#ffffff" align="center" style="font-size:11px;color:#434851;font-family:Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none;"> <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIA-2APUkgDw2iEyr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9VMPHOSOU37_3U9zesXQLDpGLZBlwMXuyW0i5lwLQwe8-gA78a_TXWlMApfpdE1zgcX5KOFFIMm5lZIilqiZgD5ijfOmBLEulmO-Ai2uh1COKR_ibR3tl69UBnXTbZ3WqVZz3EFL44_J5HB3fnoxLxA" style="text-decoration: none;"> <img src="http://images.email.bonobos.com/Mailers/2014/2014_Template/logo.jpg" width="147" height="25" style="display: block;" border="0" alt="Bonobos" /> </a> </td> </tr> <tr> <td width="600" height="30"></td> </tr> <tr> <td width="600" height="0" bgcolor="#ffffff" style="font-size:12px;color:#434851;font-family:Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none; text-align: center;"> <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIA0IwuPJx5baemyr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9fUo9Q2INKZdzsHDNgVs8MJjHK0q9Onn3PtGBe1nq-zOKlivnjjF9a1T1DEArvYgI7IjtOqatECvRrYmvnrOq6sTmg3j8Oe-0r5fVd8K_MWMs-EYqcpGpG8YRO1AvAlug27edwJgxR6TIgFOns6peyg" style="text-decoration: none; color: #434851;"> New </a>    <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIAmGDAqKDr_dw4yr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9uQiBJ4UfevOVJP3uerU3TMhBiT7XWZ4DK2otZVBu16zUjKfA7RCnj32qpKD09DCxsTcYnWqgmZ6K0IlHM40FLD_l6YBW6RwcR_9Nm82uwfhVfbaK6bwjNkWwjA50UjYaL_eS0PDuSPUrCsmHyg_s1g" style="text-decoration: none; color: #333333;"> Pants </a>   <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIAdfeteJ4-YsUWyr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9hjg7cMD8pgHilig2rgZwUXJ3a3BcQAoCws9ecpOyyb9pajhO0n8_Q_eURWC75trf19HKH-M5a8G_gXxkRBAvFnW9xq1OPm8oZTsp26wQiht8cHXVMnXngmjMkEpa9k_58MoBTIl7IzJw6iMXVmgg2A" style="text-decoration: none; color: #333333;"> Shirts </a>   <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIAdDn783rxsEeByr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9P-xfUlLuubfPZAfIk4ynK3ao7FX_2JXXM2udLBMPtHmw4yirweDbd28zjF25pp0XucMNNieQCcecnEWYWrd25eotmj6GJD4Ln8h4kd-mQ-ijoW9rw7W73s74IWTI-tSncC4dJ1BdZc8dYwzFk72hQA" style="text-decoration: none; color: #333333;"> Tailored </a> </td> </tr> <tr> <td width="600" height="12"></td> </table> </td> </tr> </table> <!-- =================== ***INSERT MAILER CONTENT HERE*** =============================== * IMG SRC: http://images.email.bonobos.com/Mailers/2015/02_February/ * ADD: style="display: block;" * ADD: &email=18ac9891-a631-4eef-ac15-c4fccb1ae2f3 (at end of URL) --> <!-- Save for Web Slices (abandon_cart.psd) --> <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIA3uSp2AVJJtvyyr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9V0ozFW3goVMPfmJ0Ihwj8lADQDhy-C-jk1fRgagSL_ikzG2SxXzW3dv5dVTplMxOmco2OXQ6pxPJq2J8amgpjcycfWOgjcE9yWiUygxXPNzKcyXmCi0dH_SWKNlWhtLUG7xLifq0ZV4BQQNfW-Oqhw"> <img id="id04_trigger_abandon_cart_R2" src="http://images.email.bonobos.com/Mailers/2015/02_February/04-trigger_abandon_cart_ninja.jpg" width="600" height="759" style="display: block;" border="0" alt="Title" /></a> <!-- End Save for Web Slices --> <!-- ============================== FOOTER =============================== --> <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="font-size:12px;font-family:Arial, Helvetica, sans-serif"> <tr> <td width="600" height="5" bgcolor="#333333"></td> </tr> <tr> <td align="center" bgcolor="#333333"> <table cellpadding="10" cellspacing="0" border="0" width="60" height="70" align="center"> <tr> <td style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#a6a6a6;-webkit-text-size-adjust:none; text-align: center; "> <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIA6HX_jYgUKi5Ayr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9JEBr8Lfhvfy_TUsHq3lFFAW5nPp87oNy_mSn51oiZ0s3KcTiBGiMCVtXMC5dT-kcQRQfaCjFVR_7Ivr_8mwKUDWrPXSOfBFx9AnD5xN9DsUBz7bFpkdpNY_niFbOdgbbIfjtMLZEtymmydMgEb66Ww" target="_blank" style="text-decoration: none;"> <img src="http://images.email.bonobos.com/Mailers/2014/2014_Template/footer_social_instagram.jpg" width="20" height="20" style="display: block;" border="0" alt="Instagram" /> </a> </td> <td style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#a6a6a6;-webkit-text-size-adjust:none; text-align: center;"> <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIA0GznLTYH6YwDyr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9smae98J-mD3G7F22rCdglUvpwX6TGm741nvB3yY9v3lzDbU-kEd0PJferyu3O02q04A3PyS4ZLDRRo2ZRkIpMxMu2b_omisRXZ2Ui-5UuGvIQtdPu2BfOVkPqHLICZBkzFm3Sm-2JQb32a8G-suOyg" target="_blank" style="text-decoration: none;"> <img src="http://images.email.bonobos.com/Mailers/2014/2014_Template/footer_social_facebook.jpg" width="20" height="20" style="display: block;" border="0" alt="Facebook" /> </a> </td> <td style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#a6a6a6;-webkit-text-size-adjust:none; text-align: center;"> <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIAexC4T3QRZoWUyr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms90LtibtMkJlV57v7vusMz3UYdIfss5sZQr5Nu4GtTJVcKCpS8wQ1P_QXbrufxmxHkd1xWc10Yb1WfhWeqiTE2T2XqGN8fGdeyPARiNVx8KF9pbiMdaE6XuAhPKjp2PpxzBWXNpktlPvlAFh1hwxXl-A" target="_blank" style="text-decoration: none;"> <img src="http://images.email.bonobos.com/Mailers/2014/2014_Template/footer_social_twitter.jpg" width="20" height="20" style="display: block;" border="0" alt="Twitter" /> </a> </td> </tr> </table> </td> </tr> </table> <!-- =============================== END SOCIAL =============================== --> <table border="0" cellpadding="0" cellspacing="0" align="center" width="600"> <tr> <td align="center" bgcolor="#333333" style="font-family: 'Platform', Arial, Helvetica, sans-serif; font-size:12px; color:#f4f4f4; text-transform:uppercase; letter-spacing:1px;"> <table cellpadding="0" cellspacing="0" border="0" width="0" height="0"> <tr> <td align="center" bgcolor="#333333" style="font-family: 'Platform', Arial, Helvetica, sans-serif; font-size:12px; color:#f4f4f4; text-transform:uppercase; letter-spacing:1px;"> <a href="tel:18772947737" target="_blank" style="text-decoration: none;color:#f4f4f4;">     1-877-294-7737</a>      </td> <td align="center" bgcolor="#333333" style="font-family: 'Platform', Arial, Helvetica, sans-serif; font-size:12px; color:#f4f4f4; text-transform:uppercase; letter-spacing:1px;"> <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIAkn6jZqjFjXWyyr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9MFQ6KAfxZgGDyG6b5sGrwqZDsIN0chWBz3lYIePHQShq5WT9Hi_lvEXE6pdw00DeMA5ZY0C3uqg1NwIzOh6fOz2u1lv9dI2LspuvLfuO2Ro7EHRb7HKZyGEINlHgBTZ_8VzVC9qtqUH0SeS7iIqPPw" target="_blank" style="text-decoration: none;color:#f4f4f4;">Help</a>      </td> <td align="center" bgcolor="#333333" style="font-family: 'Platform', Arial, Helvetica, sans-serif; font-size:12px; color:#f4f4f4; text-transform:uppercase; letter-spacing:1px;"> <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIALjeUGuf18DPPyr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9mdd40sv78-MEuDKNiPEndBkEUlQ9ErNhChKNzEiCz9nLuulraeH7A85jpWTTnoySpPVCI93YgeOp4-PK0nwMqxsnBjUkNZUJQ1uwMuL7b3Jb3K8DtoX9gSZrrA6qZd7c7SxeQ4k5YSDCHKHnmpwLIQ" target="_blank" style="text-decoration: none;color:#f4f4f4;">Returns</a>      </td> </tr> </table> </td> </tr> </table> <table border="0" width="600" height="50" cellpadding="0" cellspacing="0" align="center"> <tr> <td align="center" width="600" height="100" bgcolor="#333333" style="font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#a6a6a6;-webkit-text-size-adjust:none;"> <br /> <br /> This email was sent to <span style="color: #f4f4f4;text-decoration: none;">xxxxxx@xxxxxx.com</span> <br/> by Bonobos Inc. 45 W. 25th Street 5th Floor | New York | NY | 10010 <br /> <br /> To ensure delivery to your inbox, please add <a href="mailto:ninjas@email.bonobos.com" style="color: #f4f4f4;text-decoration: none;">ninjas@email.bonobos.com</a> to your address book and safe-sender list. <br/> <a href="http://email.bonobos.com/t/l?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIA6EgWh44j-lWvyr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9lXBn87XmtceTAw4-8tjm9oUN2tsmCm-_z1EtlfwU7yjdgyMm4h4775ZWLgGQSR9xq657Wn-EngdfAs-j53eEgdUtGZFwvgF3qvQDkWos1umBpVfXgZOJARWWBMf7JR3pgowlxTUuyI_LfdWFbg-zyQ" target="_blank" style="color: #f4f4f4;text-decoration: none;">Shop Now</a>. If you no longer want to receive emails from us, you can <a href="#" style="color: #f4f4f4;text-decoration: none;">unsubscribe</a>. <br /> <br /> </td> </tr> <tr> <td width="600" height="25" bgcolor="#333333"></td> </tr> <!-- =============================== END =============================== --> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <img src="http://email.bonobos.com/t/o?ssid=24477&subscriber_id=9xjqk9ovwfxdsogqu6940pf5h6msm&delivery_id=bjezyyyhcqowyammknwqnokwophtbdk&td=Ninwj0-CSo7Hsh6X9SMjIAtsy6DtNccF9myr6k9FipM5aypOpywfY0BYw90QYMF83Aa1ekQDbtKFDJDH_40pTete27FeYCzms9RXN6Y8yit66qd3PEews-BfZgDXW7Xzn82HQ2KJYWxlNlLsLZg8kv_lDnymbVS3OV" width="0" height="0" border="0" style="visibility: hidden !important; display:none !important; max-height: 0; width: 0; line-height: 0; mso-hide: all;" alt="" /> </body> </html> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-4245545-1"); pageTracker._setDomainName("none"); pageTracker._setAllowLinker(true); pageTracker._initData(); pageTracker._trackPageview(); </script>

Related: See More


Questions / Comments: