"layout"
Bootstrap 3.0.0 Snippet by evarevirus

<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><html class=''> <head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/oiradokin/pen/EZMXGW?limit=all&page=3&q=webview" /> <style class="cp-pen-styles"></style></head><body> <!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <!--[if !mso]> <!-- --> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!--<![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Visit Guernsey</title> </head> <body> <style type="text/css"> @media only screen and (max-width: 480px) { body, table, td, p, a, li, blockquote { -webkit-text-size-adjust: none !important; } table { width: 100% !important; } .responsive-image img { height: auto !important; max-width: 100% !important; width: 100% !important; } .responsive-image-2 img { height: auto !important; max-width: 100% !important; width: 100% !important; display: none; } } body { margin: 0px 0; padding: 0 10px; background: #ffffff; font-size: 13px; } table { border-collapse: collapse; border: 0 } } </style> <table width="100%" border="0"> <tr> <td bgcolor="#ffffff"> <table border="0" cellpadding="5" cellspacing="0" align="center" width="600"> <tr> <td style="border-bottom:#4D4D4D 1px solid;" align="center" bgcolor="#ffffff"> <table border="0" cellpadding="0" cellspacing="0" align="right" width="50%"> <tr> <td height="34" align="right" valign="top"> <table width="0%" border="0" cellpadding="0"> <tr> <td align="left"><span style="color:#4D4D4D; font-size:12px; font-family:Arial, sans-serif">Email not displaying correctly? <br> <a href="WebView" style="color:#4D4D4D">View in browser</a> </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#ffffff" class="responsive-image"> <table border="0" cellpadding="10" cellspacing="0" align="right" width="49%"> <tr> <td align="right" class="responsive-image"> <img src="https://az687026.vo.msecnd.net/3546/nl2017_her_image_top_575px.jpg" alt="nl2017_her_image_top_575px.jpg" /> </td> </tr> </table> </td> </tr> <tr> <td height="149" align="center" bgcolor="#ffffff"> <table border="0" cellpadding="0" cellspacing="0" align="center" width="100%"> <tr> <td width="32%" align="center" class="responsive-image-2"> <img src="https://az687026.vo.msecnd.net/3546/line_divide_1.jpg" width="189" height="16" /> </td> <td width="36%" align="center" class="responsive-image"> <h1 style="font-family: Arial, sans-serif; text-align: center; color: #4D4D4D; font-size:20px">Hi Mike</h1> </td> <td width="32%" align="center" class="responsive-image-2"> <img src="https://az687026.vo.msecnd.net/3546/line_divide_1.jpg" alt="" width="189" height="16" /> </td> </tr> <tr> <td colspan="3" align="center" class="responsive-image-2"><em><span class="responsive-image"> <span style=" font-family:Georgia, serif; font-size: 16px; color: #4D4D4D">Welcome to our February 2017 Newsletter</span> </span> </em> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="padding:5px"> <table border="0" cellpadding="0" cellspacing="0" align="left" width="44%"> <tr> <td align="left"><span style="font-family:Arial, sans-serif; color:#4D4D4D; font-size:10px; text-align:left;">Sponsored</span> </td> </tr> <tr> <td align="center" class="responsive-image"><img src="https://az687026.vo.msecnd.net/3546/Test_placeholder_264x153.jpg" alt="Test_placeholder_264x153.jpg" /></td> </tr> <tr> <td align="center"> <table border="0" cellpadding="5" cellspacing="0" align="right" width="100%"> <tr> <td height="30" align="center"><span style="font-family:Arial, sans-serif; font-size: 20px; font-weight: bold; color: #4D4D4D">Title</span> </td> </tr> <tr> <td height="30" align="center"><span style="font-family:Georgia, serif; font-size:14px; color:#4D4D4D; padding:">Labor acero offici tenditate nonse sectorro omniendus, odit expland andebis itaspid que et quia doluptaes quatur, oditatem repro to dem velecu.</span> </td> </tr> <tr> <td height="30" align="center"><img src="https://az687026.vo.msecnd.net/3546/article_cta_blue.jpg" alt="article_cta_blue.jpg" /></td> </tr> </table> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" align="right" width="44%"> <tr> <td align="left"><span style="font-family:Arial, sans-serif; color:#4D4D4D; font-size:10px; text-align:left;">Sponsored</span> </td> </tr> <tr> <td align="center" class="responsive-image"><img src="https://az687026.vo.msecnd.net/3546/Test_placeholder_264x153.jpg" alt="Test_placeholder_264x153.jpg" /></td> </tr> <tr> <td align="center"> <table border="0" cellpadding="5" cellspacing="0" align="right" width="100%"> <tr> <td height="30" align="center"><span style="font-family:Arial, sans-serif; font-size: 20px; font-weight: bold; color: #4D4D4D">Title</span> </td> </tr> <tr> <td height="30" align="center"><span style="font-family:Georgia, serif; font-size:14px; color:#4D4D4D; padding:">Labor acero offici tenditate nonse sectorro omniendus, odit expland andebis itaspid que et quia doluptaes quatur, oditatem repro to dem velecu.</span> </td> </tr> <tr> <td height="30" align="center"><img src="https://az687026.vo.msecnd.net/3546/article_cta_blue.jpg" alt="article_cta_blue.jpg" /></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="padding:5px"> <table border="0" cellpadding="0" cellspacing="0" align="left" width="44%"> <tr> <td align="left"><span style="font-family:Arial, sans-serif; color:#4D4D4D; font-size:10px; text-align:left;">Sponsored</span> </td> </tr> <tr> <td align="center" class="responsive-image"><img src="https://az687026.vo.msecnd.net/3546/Test_placeholder_264x153.jpg" alt="Test_placeholder_264x153.jpg" /></td> </tr> <tr> <td align="center"> <table border="0" cellpadding="5" cellspacing="0" align="right" width="100%"> <tr> <td height="30" align="center"><span style="font-family:Arial, sans-serif; font-size: 20px; font-weight: bold; color: #4D4D4D">Title</span> </td> </tr> <tr> <td height="30" align="center"><span style="font-family:Georgia, serif; font-size:14px; color:#4D4D4D; padding:">Labor acero offici tenditate nonse sectorro omniendus, odit expland andebis itaspid que et quia doluptaes quatur, oditatem repro to dem velecu.</span> </td> </tr> <tr> <td height="30" align="center"><img src="https://az687026.vo.msecnd.net/3546/article_cta_blue.jpg" alt="article_cta_blue.jpg" /></td> </tr> </table> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" align="right" width="44%"> <tr> <td align="left"><span style="font-family:Arial, sans-serif; color:#4D4D4D; font-size:10px; text-align:left;">Sponsored</span> </td> </tr> <tr> <td align="center" class="responsive-image"><img src="https://az687026.vo.msecnd.net/3546/Test_placeholder_264x153.jpg" alt="Test_placeholder_264x153.jpg" /></td> </tr> <tr> <td align="center"> <table border="0" cellpadding="5" cellspacing="0" align="right" width="100%"> <tr> <td height="30" align="center"><span style="font-family:Arial, sans-serif; font-size: 20px; font-weight: bold; color: #4D4D4D">Title</span> </td> </tr> <tr> <td height="30" align="center"><span style="font-family:Georgia, serif; font-size:14px; color:#4D4D4D; padding:">Labor acero offici tenditate nonse sectorro omniendus, odit expland andebis itaspid que et quia doluptaes quatur, oditatem repro to dem velecu.</span> </td> </tr> <tr> <td height="30" align="center"><img src="https://az687026.vo.msecnd.net/3546/article_cta_blue.jpg" alt="article_cta_blue.jpg" /></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#ffffff" class="responsive-image"> <table border="0" cellpadding="0" cellspacing="0" align="center" width="99%"> <tr> <td align="right" class="responsive-image"><img src="https://az687026.vo.msecnd.net/3546/nl2017_hero_image_middle_575px.jpg" alt="nl2017_hero_image_middle_575px.jpg" /></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="padding: 0px"> <table border="0" cellpadding="0" cellspacing="0" align="left" width="50%"> <tr> <td align="center"> <table border="0" cellpadding="15" cellspacing="0" align="right" width="100%"> <tr> <td height="30" align="left"><span style="padding: 10px; font-family:Arial BLACK, sans-serif; font-size: 18px; font-weight: bold; color: #0095da">ISLAND HOPPING</span> </td> </tr> <tr> <td height="30" align="left"> <p style="padding: 10px; font-family:Georgia, serif; font-size:13px; color:#4D4D4D; padding:">If you think that Island Hopping is the preserve of Greece or the Caribbean, think again! The Island of Guernsey is the perfect hub from which to visit our sister Islands of Herm, Sark, Alderney and Lihou – all within easy reach, all with their own individual character. Which one of our stunning Islands will you treasure the most?</p> </td> </tr> <tr> <td height="30" align="left"><span style="padding: 0px"></span><img src="https://az687026.vo.msecnd.net/3546/article_cta_blue.jpg" alt="article_cta_blue.jpg" /></td> </tr> </table> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" align="left" width="50%"> <tr> <td align="center" class="responsive-image"><img src="https://az687026.vo.msecnd.net/3546/Island_Hopping_Image_288px.jpg" alt="Island_Hopping_Image_288px.jpg" /></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="padding: 0px"> <table border="0" cellpadding="0" cellspacing="0" align="left" width="54%"> <tr> <td align="center" class="responsive-image"><img src="https://az687026.vo.msecnd.net/3546/Whats_On_Image_288px.jpg" alt="Whats_On_Image_288px.jpg" /></td> </tr> </table> <table border="0" cellpadding="15" cellspacing="0" align="left" width="46%"> <tr> <td align="center"> <table border="0" cellpadding="5" cellspacing="0" align="right" width="100%"> <tr> <td height="30" align="left"><span style="padding: 10px; font-family:Arial BLACK, sans-serif; font-size: 18px; font-weight: bold; color: #0095da">WHAT'S ON</span> </td> </tr> <tr> <td height="30" align="left"> <p style="padding: 10px; font-family:Georgia, serif; font-size:13px; color:#4D4D4D; padding:">If you think that Island Hopping is the preserve of Greece or the Caribbean, think again! The Island of Guernsey is the perfect hub from which to visit our sister Islands of Herm, Sark, Alderney and Lihou – all within easy reach, all with their own individual character. Which one of our stunning Islands will you treasure the most?</p> </td> </tr> <tr> <td height="30" align="left"><span style="padding: 0px"></span><img src="https://az687026.vo.msecnd.net/3546/article_cta_blue.jpg" alt="article_cta_blue.jpg" /></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="padding:0px"> <table border="0" cellpadding="15" cellspacing="0" align="left" width="50%"> <tr> <td align="center"> <table border="0" cellpadding="5" cellspacing="0" align="right" width="100%"> <tr> <td height="30" align="left"><span style="padding: 10px; font-family:Arial BLACK, sans-serif; font-size: 18px; font-weight: bold; color: #0095da">GETTING THERE</span> </td> </tr> <tr> <td height="30" align="left"> <p style="padding: 10px; font-family:Georgia, serif; font-size:14px; color:#4D4D4D; padding:">If you think that Island Hopping is the preserve of Greece or the Caribbean, think again! The Island of Guernsey is the perfect hub from which to visit our sister Islands of Herm, Sark, Alderney and Lihou – all within easy reach, all with their own individual character. Which one of our stunning Islands will you treasure the most?</p> </td> </tr> <tr> <td height="30" align="left"><span style="padding: 0px"></span><img src="https://az687026.vo.msecnd.net/3546/article_cta_blue.jpg" alt="article_cta_blue.jpg" /></td> </tr> </table> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" align="left" width="50%"> <tr> <td align="center" class="responsive-image"><img src="https://az687026.vo.msecnd.net/3546/Getting_There_Image_288px.jpg" alt="Getting_There_Image_288px.jpg" /></td> </tr> </table> </td> </tr> <tr> <td align="center" bgcolor="#ffffff" style="padding:5px"> <table border="0" cellpadding="5" cellspacing="0" align="center" width="44%"> <tr> <td align="center" class="responsive-image"> <img src="https://az687026.vo.msecnd.net/3546/line_divide_2.jpg" alt="" width="575" height="11" /> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#ffffff" class="responsive-image"> <table border="0" cellpadding="10" cellspacing="0" align="right" width="49%"> <tr> <td align="right" class="responsive-image"> <a href="http://www.visitguernsey.com/content/request-brochure"> <img src="https://az687026.vo.msecnd.net/3546/nl2017_order_brochure_575px.jpg" alt="nl2017_order_brochure_575px.jpg" /> </a> </td> </tr> </table> </td> </tr> <tr> <td valign="top" bgcolor="#ffffff" style="padding:5px;"> <table border="0" cellpadding="5" cellspacing="0" align="center" width="44%"> <tr> <td align="center" class="responsive-image"> <img src="https://az687026.vo.msecnd.net/3546/line_divide_2.jpg" alt="" width="575" height="11" /> </td> </tr> </table> </td> </tr> <tr> <td height="320" valign="top" bgcolor="#ffffff" style="padding:5px;"> <table border="0" cellpadding="5" cellspacing="0" align="center" width="100%"> <tr> <td align="center"> <a href="http://www.visitguernsey.com" target="_blank"> <img src="https://az687026.vo.msecnd.net/3546/GreatThings.jpg" alt="Great things happen in Guernsey" width="186" height="259" /> </a> </td> </tr> <tr> <td align="center" class="responsive-image"> <table border="0" cellpadding="5" cellspacing="0" align="right" width="100%"> <tr> <td valign="top" bgcolor="#ffffff" class="responsive-image" style="padding:5px;"> <table align="center" border="0" cellpadding="1" cellspacing="1" style="height: 21px; width: 300px;"> <tbody> <tr> <td style="width: 22px;"> <a href="https://www.facebook.com/visitguernsey" target="_blank" style="text-decoration: none; color: rgb(77, 77, 77); font-family: sans-serif;"> <span style="color: rgb(169, 169, 169);"><img src="https://az687026.vo.msecnd.net/3546/fb_icon.jpg" alt="Facebook" width="50" height="50" /></span> </a> </td> <td style="width: 22px;"> <a href="https://www.twitter.com/visitguernsey" target="_blank" style="text-decoration: none; color: rgb(77, 77, 77); font-family: sans-serif;"> <span style="color: rgb(169, 169, 169);"><img src="https://az687026.vo.msecnd.net/3546/twitter_icon.jpg" alt="Twitter" width="50" height="50" /></span> </a> </td> <td style="width: 22px;"> <a href="https://plus.google.com/100959235484263261485/posts" target="_blank" style="text-decoration: none; color: rgb(77, 77, 77); font-family: sans-serif;"> <span style="color: rgb(169, 169, 169);"><img src="https://az687026.vo.msecnd.net/3546/g_plus_icon.jpg" alt="Google Plus" width="50" height="50" /></span> </a> </td> <td style="width: 22px;"> <a href="https://www.youtube.com/visitguernsey" target="_blank" style="text-decoration: none; color: rgb(77, 77, 77); font-family: sans-serif;"> <span style="color: rgb(169, 169, 169);"><img src="https://az687026.vo.msecnd.net/3546/youtube_icon.jpg" alt="YouTube" width="50" height="50" /></span> </a> </td> <td style="width: 22px;"> <a href="http://www.instragram.com/visitguernsey" target="_blank" style="text-decoration: none; color: rgb(77, 77, 77); font-family: sans-serif;"> <span style="color: rgb(169, 169, 169);"><img src="https://az687026.vo.msecnd.net/3546/instragram_icon.jpg" alt="Instragram" width="50" height="50" /></span> </a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="30" align="center"><span style="font-family: Georgia, serif; font-size:12px; color:#4D4D4D; ">Please do not respond to this email as it has been sent from an unattended mailbox.<br> We cannot guaranteethat any replies to this email will be monitored.</span> <br> <span style="font-family: Georgia, serif; font-size:12px; color:#4D4D4D; padding:"> <a href="http://www.visitguernsey.com/privacy-policy" style="color:#0099cc">privacy policy</a> | <a href="Unsubscribe" style="color:#0099cc">unsubscribe</a> </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td valign="top" bgcolor="#ffffff" style="padding:5px;"> <table border="0" cellpadding="5" cellspacing="0" align="center" width="44%"> <tr> <td align="center" class="responsive-image"> <img src="https://az687026.vo.msecnd.net/3546/line_divide_4.jpg" alt="" width="575" height="10" /> </td> </tr> </table> </td> </tr> <tr> <td valign="top" bgcolor="#ffffff" style="padding:5px;"> <table border="0" cellpadding="5" cellspacing="0" align="center" width="100%"> <tr> <td align="center" class="responsive-image"> <img src="https://az687026.vo.msecnd.net/3546/NewsletterFooter.jpg" alt="Great things happen in Guernsey" width="359" height="99" /> </td> </tr> <tr> <td align="center" class="responsive-image"> <table border="0" cellpadding="5" cellspacing="0" align="right" width="100%"> <tr> <td height="30" align="center"><em><span style="font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif font-size:12px; color:#4D4D4D;">Please consider the environment before printing this e-mail.</span> </em> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html> </body></html>

Related: See More


Questions / Comments: