Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" style="background-color: #d0d0d0; scroll-behavior: smooth;">


<head>
	<!--[if gte mso 9]><xml>
 <o:OfficeDocumentSettings>
  <o:AllowPNG/>
  <o:PixelsPerInch>96</o:PixelsPerInch>
 </o:OfficeDocumentSettings>
</xml><![endif]-->
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="x-ua-compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
	<title>We look forward to seeing you soon</title>

   
  <style type="text/css">.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:100%;width:100%}body{margin:0;padding:0;width:100%;height:100% !important}img{border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%}table{border-collapse:collapse !important}#outlook a{padding:0}.ReadMsgBody{width:100%}.ExternalClass{width:100%;line-height:100%}.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:100%}body,table,td,p,a,li,blockquote{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}table,td{mso-table-lspace:0pt;mso-table-rspace:0pt}img{-ms-interpolation-mode:bicubic}[style*="Montserrat"]{font-family:'Montserrat', Arial, sans-serif !important}html{background-color:#d0d0d0;scroll-behavior:smooth}body{color:#002b35;font-family:Arial,Helvetica Neue,Helvetica,sans-serif,"Montserrat";font-size:17px;line-height:1.2;margin:0px;padding:0px;min-width:100% !important;width:100% !important;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none}body,.main-background{background-color:#d0d0d0}.inlined-image{vertical-align:middle}a img{border:none}p{margin:0}.fade{animation:fade 2s ease-ins;-moz-animation:fade 2s ease-in 1s;-webkit-animation:fade 2s ease-in;-o-animation:fade 2s ease-in}@keyframes fade{from{opacity:0}to{opacity:1}}@-moz-keyframes fade{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade{from{opacity:0}to{opacity:1}}.mouse{max-width:2.5rem;width:100%;height:auto}.scroll{animation-name:scroll;animation-duration:1.5s;animation-timing-function:cubic-bezier(0.65, -0.55, 0.25, 1.5);animation-iteration-count:infinite;transform-origin:50% 20.5px;will-change:transform}.scroll-link{display:none;position:fixed;bottom:10px;right:10px}@keyframes scroll{0%,20%{transform:translateY(0) scaleY(1)}10%{opacity:1}100%{transform:translateY(36px) scaleY(2);opacity:0.01}}.text-xsm,.button-xsm,.text-sm,.button-sm,.button-md,.text-md,.text-lg,.button-lg,.text-xlg,.text-xxlg{font-family:Arial,Helvetica Neue,Helvetica,sans-serif,"Montserrat";line-height:1.5;vertical-align:middle;color:#002b35;font-size:12px;font-weight:300}.text-xsm,.button-xsm{margin-bottom:20px;font-size:12px;font-family:Arial,Helvetica Neue,Helvetica,sans-serif,"Montserrat";color:#002b35}.text-xsm a,.button-xsm a{color:#002b35;text-decoration:underline}.text-xsm strong,.button-xsm strong{font-weight:600}.text-sm,.button-sm,.button-md{margin-bottom:20px;font-weight:300;font-family:Arial,Helvetica Neue,Helvetica,sans-serif,"Montserrat";color:#002b35;font-size:16px;line-height:1.3;letter-spacing:0px}.text-sm a,.button-sm a,.button-md a{text-decoration:underline;color:#002b35}.text-sm strong,.button-sm strong,.button-md strong{font-weight:600}.text-md{margin-bottom:20px;font-family:Arial,Helvetica Neue,Helvetica,sans-serif,"Montserrat";font-size:18px;letter-spacing:0;line-height:1.3;font-weight:300;text-transform:uppercase;color:#4ea295}.text-md a{text-decoration:underline;color:#002b35}.text-md strong{font-weight:600;color:#4ea295}.text-lg,.button-lg{margin-bottom:20px;font-family:Arial,Helvetica Neue,Helvetica,sans-serif,"Montserrat";font-size:20px;color:#4ea295;line-height:1.2;font-weight:300}.text-lg a,.button-lg a{color:#4ea295;text-decoration:none}.text-lg strong,.button-lg strong{font-weight:600}.uppercase{text-transform:uppercase}.no-underline a,.no-underline,a.no-underline{text-decoration:none}.italic{font-style:italic}.desktop-text-center{text-align:center}.desktop-text-right{text-align:right}.desktop-text-left{text-align:left}.font_stack_1{font-family:Arial,Helvetica Neue,Helvetica,sans-serif,"Montserrat"}.font_stack_2{font-family:Arial,Helvetica Neue,Helvetica,sans-serif,"Montserrat"}.button-xsm,.button-sm,.button-md,.button-lg{border-radius:0;margin-bottom:0;mso-para-margin-bottom:0px}.button-xsm{background-color:#4ea295}.button-xsm td{padding:10px 20px;color:#fff;text-transform:uppercase}.button-xsm a{width:100%;text-align:center;color:#fff;text-decoration:none}.button-sm td{color:#4ea295;width:100%;padding:5px 0;text-align:center;text-transform:uppercase;border-bottom:1px solid #4ea295}.button-sm a{text-decoration:none;color:#4ea295}.button-md{font-size:16px;text-transform:uppercase}.button-md td{color:#fff;width:100%;padding:5px 0;text-align:center;text-transform:uppercase;border-bottom:1px solid white}.button-md a{text-decoration:none;color:#fff}.button-lg td{padding:20px 15px;display:block;color:#ffffff;font-weight:200;margin-bottom:0;text-transform:uppercase;border-radius:6px}.button-lg a{color:#ffffff;text-decoration:none}.button-outline{background-color:transparent}.button-outline-white{border:2px solid #fff;color:#fff}.button-outline-white td a{color:#fff;text-decoration:none}.button-outline-1{color:#fff}.button-outline-1 td{border:2px solid #4ea295}.button-outline-1 td a{color:#fff;text-decoration:none}.button-outline-1 td:hover{background-color:#4ea295;color:#fff}.button-outline-2{color:#fff}.button-outline-2 td{border:3px solid #002b35}.button-outline-2 td a{color:#fff;text-decoration:none}.button-outline-2 td:hover{background-color:#002b35;color:#fff}.button-outline-3{color:#fff}.button-outline-3 td{border:2px solid #c19818}.button-outline-3 td a{color:#c19818;text-decoration:none}.button-outline-3 td:hover{background-color:#c19818;color:#fff}.button-outline-4{color:#fff}.button-outline-4 td{border:2px solid #3f647e}.button-outline-4 td a{color:#fff;text-decoration:none}.button-outline-4 td:hover{background-color:#3f647e;color:#fff}.button-outline-5{color:#fff}.button-outline-5 td{border:2px solid #8cb7c0}.button-outline-5 td a{color:#fff;text-decoration:none}.button-outline-5 td:hover{background-color:#8cb7c0;color:#fff}.button-outline-6{color:#fff}.button-outline-6 td{border:2px solid #c5a485}.button-outline-6 td a{color:#fff;text-decoration:none}.button-outline-6 td:hover{background-color:#c5a485;color:#fff}.button-outline-7{color:#fff}.button-outline-7 td{border:2px solid #f9f5f2}.button-outline-7 td a{color:#fff;text-decoration:none}.button-outline-7 td:hover{background-color:#f9f5f2;color:#fff}.button-outline-8{color:#fff}.button-outline-8 td{border:2px solid #d0d0d0}.button-outline-8 td a{color:#fff;text-decoration:none}.button-outline-8 td:hover{background-color:#d0d0d0;color:#fff}.button-outline-9{color:#41403f}.button-outline-9 td{border:2px solid #41403f}.button-outline-9 td a{color:#fff;text-decoration:none}.button-outline-9 td:hover{background-color:#41403f;color:#fff}.color-white{color:#fff}.color-lightest{color:#f9f5f2}.color-light{color:#f9f5f2}.color-dark{color:#777}.color-darkest{color:#333}.color-black{color:#000}.color-bg-1{background-color:#4ea295}.color-1{color:#4ea295}.color-1 a{color:#4ea295}.color-bg-2{background-color:#002b35}.color-2{color:#002b35}.color-2 a{color:#002b35}.color-bg-3{background-color:#c19818}.color-3{color:#c19818}.color-3 a{color:#c19818}.color-bg-4{background-color:#3f647e}.color-4{color:#3f647e}.color-4 a{color:#3f647e}.color-bg-5{background-color:#8cb7c0}.color-5{color:#8cb7c0}.color-5 a{color:#8cb7c0}.color-bg-6{background-color:#c5a485}.color-6{color:#c5a485}.color-6 a{color:#c5a485}.color-bg-7{background-color:#f9f5f2}.color-7{color:#f9f5f2}.color-7 a{color:#f9f5f2}.color-bg-8{background-color:#d0d0d0}.color-8{color:#d0d0d0}.color-8 a{color:#d0d0d0}.color-bg-9{background-color:#41403f}.color-9{color:#41403f}.color-9 a{color:#41403f}.color-white{color:#fff}.color-white a{color:#fff}.color-white strong{color:#fff}.color-bg-white{background-color:#fff}.color-lightest{color:#f9f5f2}.color-bg-lightest{background-color:#f9f5f2}.color-light{color:#f9f5f2}.color-bg-light{background-color:#f9f5f2}.color-dark{color:#777}.color-bg-dark{background-color:#777}.color-darkest{color:#333}.color-bg-darkest{background-color:#333}.color-black{color:#000}.color-bg-black{background-color:#000}@media only screen and (max-width: 480px){html,body,.main-background{padding:0}*{box-sizing:border-box !important}.mobile-hide{display:none !important}.content-outer{width:100% !important;height:auto !important;box-sizing:border-box}.content-inner{width:93.5483870968% !important;height:auto !important}.section{width:100% !important;height:auto !important}.side{width:3.4482758621% !important}.padding10{padding:10px}.padding20{padding:20px !important}.gap{height:20px !important}.block{width:100% !important;min-width:100% !important;display:block !important;clear:both !important;float:left !important}.col-mobile-half-left{width:48.275862069% !important;float:left !important}.col-mobile-half-right{width:48.275862069% !important;float:right !important}.table-mobile-center{margin:0 auto !important;text-align:center !important}.table-mobile-left{text-align:left !important;float:left !important}.table-mobile-right{margin:0 auto !important;text-align:right !important;float:right !important}img.fill{width:100% !important;height:auto !important;display:block !important}.mobile-text-center{text-align:center !important}.mobile-text-left{text-align:left !important}.mobile-text-right{text-align:right !important}.button-mobile-center{margin:0 auto !important;text-align:center !important}.button-mobile-left{text-align:left !important;float:left !important}.button-mobile-right{margin:0 auto !important;text-align:right !important;float:right !important}.mobile-margin-b-10{margin-bottom:10px}.mobile-margin-b-20{margin-bottom:20px}.swap-content{width:auto !important;display:block !important;overflow:hidden !important;max-height:inherit !important}.color-bg-white-mobile{background-color:white !important}.button-lg{font-size:16px !important}}@media screen and (min-width: 800px){.content-inner-full img.fill{width:100% !important;display:block}.content-outer{width:780px !important}.side{width:100px !important}.content-inner{width:580px !important}.content-inner-full{width:100% !important}.inner-content-full .section{width:100% !important}.scroll-link{display:block !important}}.menu-item{text-decoration:none !important;margin-bottom:0}@media screen and (max-width: 580px){.menu-item{display:inline-block;white-space:nowrap;padding:2px;width:47.5%;margin:0 2.5% 0px 0;color:black;border-bottom:1px dotted grey;float:left;text-align:center;text-decoration:none}}@media screen and (max-width: 390px){.menu-item{width:100%;text-align:center}}
</style>
  
  <style type="text/css">
     @import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i");
  </style>

<meta property="og:description" content="We’ve got your stay covered" /></head>


<body class="fade" style="-moz-animation: fade 2s ease-in 1s; -o-animation: fade 2s ease-in; -webkit-animation: fade 2s ease-in; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; animation: fade 2s ease-ins; background-color: #d0d0d0; color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 17px; line-height: 1.2; margin: 0px; min-width: 100% !important; padding: 0px; width: 100% !important;"><div style="mso-hide:all;display:none;font-size:1px;color:transparent;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">We’ve got your stay covered</div>
    <div class=" main-background" style="background-color: #d0d0d0;">
        <table class="content-outer-full " align="center" cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
            <tr>
                <td class="content-inner-full" align="center" style="width: 100%;">
          
                    
                   <!-- -------------------------------------------------------- -->
                    <!-- -------------------------------------------------------- -->
                    <!-- Start container -->
                    <!-- -------------------------------------------------------- -->
                    <!-- -------------------------------------------------------- -->

                    <!-- -------------------------------------------------------- -->
                    <!-- -------------------------------------------------------- -->
                    <!-- Preheader -->
                    <!-- -------------------------------------------------------- -->
                    <!-- -------------------------------------------------------- -->

                    <table class="content-outer color-bg-1" align="center" cellspacing="0" cellpadding="0" border="0" style="background-color: #4ea295; width: 620px;">
                        <tr>
                            <td class="side" style="width: 20px;">
                            </td>
                            <td class="content-inner" valign="top" align="center" style="width: 580px;">
                                <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;"> &nbsp; </div>
                                <table class="fluid-section" border="0" cellspacing="0" cellpadding="0" align="center" style="width: 100%;">
                                    <tr>
                                        <td class="col-1-2 " valign="top" align="center" style="width: 48.275862069%;">
                                            <div class="text-xsm desktop-text-left mobile-text-left margin-b-0 color-white uppercase" style="color: #ffffff; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 12px; font-weight: 300; line-height: 1.5; margin-bottom: 0px; text-align: left; text-transform: uppercase; vertical-align: middle;">
                                                <a href="#" style="color: #ffffff; text-decoration: underline;">View online</a>
                                            </div>
                                        </td>
                                        <td class="gap mobile-hide margin-b-0" valign="top" align="center" style="margin-bottom: 0px; width: 20px;">
                                        </td>
                                        <td class="col-1-2" valign="top" align="center" style="width: 48.275862069%;">
                                            <table class="section" border="0" cellspacing="0" cellpadding="0" align="center" style="width: 100%;">
                                                <tr>
                                                    <td class="col-full block" valign="top" align="right" style="width: 100%;">
                                                        <table class="table-mobile-right" border="0" cellspacing="0" cellpadding="0">
                                                            <tr>
                                                                <td valign="top" align="center">
                                                                    <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AGezrRBdRwjMyRt_A_mAhP0" target="_blank">
                                                                        <img src="https://cdn.client.jarrang.com/c1876/d19844a7d3d194d3f0fac54259d1ad9b.png" alt="Twitter" width="20" height="20" style="border: none; display: block; height: auto; outline: none; text-decoration: none;">
                                                                    </a>
                                                                </td>
                                                                   <td valign="top" align="center">
                                                                    <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AMp0IzzquZ8D5A0ZM8HTePU" target="_blank">
                                                                        <img src="https://cdn.client.jarrang.com/c1876/4514432b0c0efcf80c2a128ff09180ee.png" alt="Facebook" width="20" height="20" style="border: none; display: block; height: auto; outline: none; text-decoration: none;">
                                                                    </a>
                                                                </td>
                                                                <td valign="top" align="center">
                                                                    <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5APOIoSP0Bu8ryaCAUsNVpL8" target="_blank">
                                                                        <img src="https://cdn.client.jarrang.com/c1876/deb669698d13dc7f8afdff9bff443d6d.png" alt="Instagram" width="20" height="20" style="border: none; display: block; height: auto; outline: none; text-decoration: none;">
                                                                    </a>
                                                                </td>
                                                                <td valign="top" align="center">
                                                                    <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AM3VUb0ebR8AuxJmsQNwo48" target="_blank">
                                                                        <img src="https://cdn.client.jarrang.com/c1876/758f97260465577440b8c35911422b4e.png" alt="Tripadvisor" width="22" height="20" style="border: none; display: block; height: auto; outline: none; text-decoration: none;">
                                                                    </a>
                                                                </td>
                                                            </tr>
                                                        </table>

                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                                <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;"> &nbsp; </div>
                            </td>
                            <td class="side" style="width: 20px;">
                            </td>
                        </tr>
                    </table>

<!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
<!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
<!-- START LAYOUTS  XXXXXXXXXXXXXX -->
<!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
<!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
          <a class="scroll-link" href="#content" style="bottom: 10px; display: none; position: fixed; right: 10px;">
		<svg class="mouse" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 130" preserveAspectRatio="xMidYmid meet" style="height: auto; max-width: 2.5rem; width: 100%;">
		<g fill="none" fill-rule="evenodd">
			<rect width="70" height="118" x="1.5" y="1.5" stroke="#FFF" stroke-width="3" rx="36"/>
			<circle class="scroll" cx="36.5" cy="31.5" r="4.5" fill="#FFF" style="animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: scroll; animation-timing-function: cubic-bezier(0.65, -0.55, 0.25, 1.5); transform-origin: 50% 20.5px; will-change: transform;"/>
		</g>
	</svg>
	</a>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
            
            <table id="content" class="content-outer " style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody><tr>
                    <td class="content-inner-full" style="width: 100%;" valign="top" align="center">
                        <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                            <tbody><tr>
                                <td class="col-full block" style="width: 100%;" valign="top" align="center">
                                    <div class="image margin-b-0" style="margin-bottom: 0px;">
                                        <img class="fill" src="https://cdn.client.jarrang.com/c1876/bd2d0b354ad71953b98bc123f652fb67.gif" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="620" align="top">
                                    </div>
                                </td>
                            </tr>
                        </tbody></table>
                    </td>
                </tr>
            </tbody></table>
            

        </td>
    </tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
            <!-- ----------------------- -->
<!-- ----------------------- -->
<!-- introduction-dark-green-background-inc-button -->
<!-- ----------------------- -->
<!-- ----------------------- -->
<table class="content-outer color-bg-2" style="background-color: #002b35; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody><tr>
        <td class="side" style="width: 20px;"><br></td>
        <td class="content-inner" style="width: 580px;" valign="top" align="center">
            <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody><tr>
                    
                    <td class="col-full block" style="width: 100%;" valign="top" align="center">
                        <div class="space-md" style="display: block; font-size: 40px; height: 40px; line-height: 40px; margin: 0px; padding: 0px;">&nbsp;</div>
                      
<!--
                        <div class="text-lg desktop-text-center color-white">
                            Large Title goes here
                        </div>
-->
                        <div class="text-sm desktop-text-center color-white" style="color: #ffffff; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 20px; text-align: center; vertical-align: middle;">
                            Thank you again for choosing The Greenbank Hotel. Our attentive team has all hands on deck to make your stay simply perfect. Do you have a favourite room? Celebrating a special occasion? Fancy breakfast in bed? Please let us know so we can fine-tune your stay, just for you…<br>
                        </div>
                          <div class="image" style="margin-bottom: 0;">
                                        <img src="https://cdn.client.jarrang.com/c1876/3dd6fcf1668eb9ab02c759f438f1f5e4.png" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="310" align="top">
                                    </div>
                        <div class="space-md" style="display: block; font-size: 40px; height: 40px; line-height: 40px; margin: 0px; padding: 0px;">&nbsp;</div>

                    </td>
                </tr>
            </tbody></table>
        </td>
        <td class="side" style="width: 20px;"><br></td>
    </tr>
</tbody></table>

        </td>
    </tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
            <!-- ----------------------- -->
<!-- ----------------------- -->
<!-- Story-1col-image-large-left-background-light-blue-inc-button-no-gap -->
<!-- ----------------------- -->
<!-- ----------------------- -->
<table class="content-outer color-bg-white" style="background-color: #ffffff; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody><tr>
        <td class="content-inner-full" style="width: 100%;" valign="top" align="center">
            <table class="fluid-section color-bg-5" style="background-color: #8cb7c0; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody><tr>
                    <td class="col-1-2-full block" style="width: 50%;" valign="top">
                        <div class="image margin-b-0" style="margin-bottom: 0px;">
                            <img class="fill" src="https://cdn.client.jarrang.com/c1876/ccd4d624d53af0e2a124767176034dce.jpeg" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="310" align="top">
                        </div>
                    </td>
                    <td class="col-1-2-full block" style="width: 50%;" valign="middle">
                        <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                            <tbody><tr>
                                <td class="padding20" style="padding: 20px;" valign="top">

                                   <div class="image" style="margin-bottom: 0;">
                                        <img class="fill" src="https://cdn.client.jarrang.com/c1876/3a1b8f60940e85a7a72ac928eb85e1aa.png" alt="THE LITTLE TOUCHES" style="display: block; height: auto; outline: none; text-decoration: none;" title="THE LITTLE TOUCHES" width="270" align="top">
                                    </div>
                                    <div class="text-sm desktop-text-center mobile-text-center color-2" style="color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 20px; text-align: center; vertical-align: middle;">
                                        Be it Cornish flowers, a bottle of iced Champagne, or artisan chocolates – we’ll have everything waiting in your room for your arrival. Just email us your name, arrival date and requirements. <br>
                                    </div>

                                    <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody><tr>
                                            <td class="col-full block" style="width: 100%;" valign="top" align="center">
                                                <table class="button-md button-mobile-center color-white" style="border-radius: 0; color: #ffffff; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 0; mso-para-margin-bottom: 0px; text-transform: uppercase; vertical-align: middle;" cellspacing="0" cellpadding="0" border="0">
                                                    <tbody><tr>
                                                        <td style="border-bottom: 1px solid white; color: #ffffff; padding: 5px 0; text-align: center; text-transform: uppercase; width: 100%;" align="center">
                                                            <a href="mailto:reception@greenbank-hotel.co.uk?subject=Pre-stay%20Requests" target="_blank" style="color: #ffffff; text-decoration: none;">Email us your requests</a>
                                                        </td>
                                                    </tr>
                                                </tbody></table>
                                            </td>
                                        </tr>
                                    </tbody></table>
                                                            <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;">&nbsp;</div>

                                </td>
                            </tr>
                        </tbody></table>
                    </td>
                </tr>
            </tbody></table>
        </td>
    </tr>
</tbody></table>

        </td>
    </tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
            <html><head><meta name="referrer" content="origin" /><!-- ----------------------- -->
<!-- ----------------------- -->
<!-- story-1col-image-medium-left-text-right-background-light-inc-button -->
<!-- ----------------------- -->
<!-- ----------------------- -->
</head><body><table class="content-outer color-bg-white" style="background-color: #ffffff; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center"><tr>
        <td class="side" style="width: 20px;"><br></td>
        <td class="content-inner-full color-bg-white" style="background-color: #ffffff; width: 100%;" valign="top" align="center">
            <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;">&nbsp;</div>
        </td>
        <td class="side" style="width: 20px;"><br></td>
    </tr></table>
<table class="content-outer color-bg-white" style="background-color: #ffffff; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center"><tr>
        <td class="side" style="width: 20px;"><br></td>
        <td class="content-inner " style="width: 580px;" valign="top" align="center">
            <table class="section" style="width: 100%;"><tr>
                    <td class="color-bg-lightest" style="background-color: #f9f5f2;">
                        <table class="fluid-section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center"><tr>
                                
                                <td class="col-full block" style="width: 100%;" valign="top">
                                                     <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AA3HBBjcuasqggQSlWYAQGs" style="display: block;"><img class="fill" src="https://cdn.client.jarrang.com/c1876/1503e132629247921e3259624452a741.jpeg" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="580" align="top"></a>
                                        <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center"><tr>
                                <td class="padding20" style="padding: 20px;" valign="top">
               
                                               
                                            
   <div class="text-md desktop-text-left mobile-text-center color-1" style="color: #4ea295; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 18px; font-weight: 300; letter-spacing: 0; line-height: 1.3; margin-bottom: 20px; text-align: left; text-transform: uppercase; vertical-align: middle;">
                                        DINE ON THE WATER’S EDGE
                                    </div>
                                    <div class="text-sm desktop-text-left mobile-text-center" style="color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 20px; text-align: left; vertical-align: middle;">
                                        Our award-winning two AA-rosette restaurant celebrates the rich variety of ingredients from Cornwall’s coast, fields, farms and hedgerows. Upgrade to dinner, bed and breakfast for an extra £25 per person per night – this entitles you to £35 per person to spend towards the <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5ANy65A9A_ozY4NBWFd-kFMc" style="color: rgb(0, 43, 53);">menu</a>. <br>
                                    </div>
                                    <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center"><tr>
                                            <td class="col-full block" style="width: 100%;" valign="top" align="left">
                                                <table class="button-sm button-mobile-center" style="border-radius: 0; color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 0; mso-para-margin-bottom: 0px; vertical-align: middle;" cellspacing="0" cellpadding="0" border="0"><tr>
                                                        <td style="border-bottom: 1px solid #4ea295; color: #4ea295; padding: 5px 0; text-align: center; text-transform: uppercase; width: 100%;" align="center">
                                                            <a href="tel:01326 312440" target="_blank" style="color: #4ea295; text-decoration: none;">Call us on 01326 312440</a>
                                                        </td>
                                                    </tr></table>
                                            </td>
                                        </tr></table>
                                             
                                          </td>
                                        </tr></table>
                                </td>
                            </tr></table>
                    </td>
                </tr></table>
        </td>
        <td class="side" style="width: 20px;"><br></td>
    </tr></table>
<table class="content-outer color-bg-white" style="background-color: #ffffff; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center"><tr>
        <td class="side" style="width: 20px;"><br></td>
        <td class="content-inner-full color-bg-white" style="background-color: #ffffff; width: 100%;" valign="top" align="center">
            <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;">&nbsp;</div>
        </td>
        <td class="side" style="width: 20px;"><br></td>
    </tr></table></body></html>

        </td>
    </tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
            <table class="content-outer color-bg-white" style="background-color: #ffffff; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody><tr>
        <td class="side" style="width: 20px;"><br></td>
        <td class="content-inner-full color-bg-white" style="background-color: #ffffff; width: 100%;" valign="top" align="center">
            <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;">&nbsp;</div>
        </td>
        <td class="side" style="width: 20px;"><br></td>
    </tr>
</tbody></table>

        </td>
    </tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
            <!-- ----------------------- -->
<!-- ----------------------- -->
<!-- Story-2col-images-background-white -->
<!-- ----------------------- -->
<!-- ----------------------- -->

<table class="content-outer color-bg-white" style="background-color: #ffffff; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody><tr>
        <td class="side" style="width: 20px;"><br></td>
        <td class="content-inner" style="width: 580px;" valign="top" align="center">
            <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody><tr>
                    <td class="col-1-2 block color-bg-light" style="background-color: #f9f5f2; width: 280px;" valign="top">
                        <div class="image margin-b-0" style="margin-bottom: 0px;">
                                        <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AHALcxqAXQwJM-NlUDzCibo" style="display: block;"><img class="fill" src="https://cdn.client.jarrang.com/c1876/343e3ea54b9f749571d9a12f19d09ef1.jpeg" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="280" align="top"></a>
                        </div>
                        <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                            <tbody><tr>
                                <td class="padding20" style="padding: 20px;" valign="top">
                                    <div class="text-md desktop-text-left mobile-text-center color-1" style="color: #4ea295; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 18px; font-weight: 300; letter-spacing: 0; line-height: 1.3; margin-bottom: 20px; text-align: left; text-transform: uppercase; vertical-align: middle;">
                                        ENRICHING YOUR STAY
                                    </div>
                                    <div class="text-sm desktop-text-left mobile-text-center" style="color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 20px; text-align: left; vertical-align: middle;">
                                        It’s all on your doorstep when you stay – from sailing, picnicking and paddle boarding, to boat tripping, fishing and <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5ACQVF0kn926L03JU6p3oUM0" style="color: rgb(0, 43, 53);">local attractions</a>. We can organise it all for you – just ask at reception. <br>
                                    </div>
                                    <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody><tr>
                                            <td class="col-full block" style="width: 100%;" valign="top" align="left">
                                                <table class="button-sm button-mobile-center" style="border-radius: 0; color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 0; mso-para-margin-bottom: 0px; vertical-align: middle;" cellspacing="0" cellpadding="0" border="0">
                                                    <tbody><tr>
                                                        <td style="border-bottom: 1px solid #4ea295; color: #4ea295; padding: 5px 0; text-align: center; text-transform: uppercase; width: 100%;" align="center">
                                                            <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AC70xQFVllYeMW0CygSnv5Y" target="_blank" style="color: #4ea295; text-decoration: none;">Dip your toe in</a>
                                                        </td>
                                                    </tr>
                                                </tbody></table>
                                            </td>
                                        </tr>
                                    </tbody></table>
                                                                                   <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;"> &nbsp; </div>

                                </td>
                            </tr>
                        </tbody></table>



                    </td>
                    <td class="gap block" style="width: 20px;" valign="top">
                    <br></td>
                    <td class="col-1-2 block color-bg-light" style="background-color: #f9f5f2; width: 280px;" valign="top">
                        <div class="image margin-b-0" style="margin-bottom: 0px;">
                                        <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AKppRrOIzbcXhGlmgwaUbUQ" style="display: block;"><img class="fill" src="https://cdn.client.jarrang.com/c1876/3c296c411250e37695f1ccca08039da6.jpeg" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="280" align="top"></a>
                        </div>
                          <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                            <tbody><tr>
                                <td class="padding20" style="padding: 20px;" valign="top">
                                    <div class="text-md desktop-text-left mobile-text-center" style="color: #4ea295; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 18px; font-weight: 300; letter-spacing: 0; line-height: 1.3; margin-bottom: 20px; text-align: left; text-transform: uppercase; vertical-align: middle;">
                                        TREATMENTS ABOUT YOU
                                    </div>
                                    <div class="text-sm desktop-text-left mobile-text-center" style="color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 20px; text-align: left; vertical-align: middle;">
                                        Nourish your skin and nurture your soul with our unhurried spa treatments. If you need to be knot-free or you’re just craving a little me-time therapy, our skilled therapists know the score.<br>
                                    </div>
                                    <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody><tr>
                                            <td class="col-full block" style="width: 100%;" valign="top" align="left">
                                                <table class="button-sm button-mobile-center" style="border-radius: 0; color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 0; mso-para-margin-bottom: 0px; vertical-align: middle;" cellspacing="0" cellpadding="0" border="0">
                                                    <tbody><tr>
                                                        <td style="border-bottom: 1px solid #4ea295; color: #4ea295; padding: 5px 0; text-align: center; text-transform: uppercase; width: 100%;" align="center">
                                                            <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AJHGXY9EprkEQbRBkPjhjc4" target="_blank" style="color: #4ea295; text-decoration: none;">Browse our spa menu</a>
                                                        </td>
                                                    </tr>
                                                </tbody></table>
                                            </td>
                                        </tr>
                                    </tbody></table>
                                                                                                                       <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;"> &nbsp; </div>

                                </td>
                            </tr>
                        </tbody></table>
                    </td>
                </tr>
            </tbody></table>

            <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;"> &nbsp; </div>
        </td>
        <td class="side" style="width: 20px;"><br></td>
    </tr>
</tbody></table>

        </td>
    </tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
            <!-- ----------------------- -->
<!-- ----------------------- -->
<!-- Story-1col-image-large-right-background-green-inc-button-no-gap -->
<!-- ----------------------- -->
<!-- ----------------------- -->
<table class="content-outer color-bg-white" style="background-color: #ffffff; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody><tr>
        <td class="content-inner-full" style="width: 100%;" valign="top" align="center">
            <table dir="rtl" class="fluid-section color-bg-1" style="background-color: #4ea295; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody><tr>
                    <td dir="ltr" class="col-1-2-full block" style="width: 50%;" valign="top">
                        <div class="image margin-b-0" style="margin-bottom: 0px;">
                                        <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AK9DA2bwzuNhSQsk75_DdtY" style="display: block;"><img class="fill" src="https://cdn.client.jarrang.com/c1876/ecd34b639abdb1d2afc908d236eb92a7.jpeg" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="310" align="top"></a>
                        </div>
                    </td>
                    <td dir="ltr" class="col-1-2-full block" style="width: 50%;" valign="middle">
                        <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                            <tbody><tr>
                                <td class="padding20" style="padding: 20px;" valign="top">
                                  <div class="image" style="margin-bottom: 0;">
                                        <img class="fill" src="https://cdn.client.jarrang.com/c1876/732ddce65aca670da1fbf296c5f69954.png" alt="Directions" style="display: block; height: auto; outline: none; text-decoration: none;" title="Directions" width="270" align="top">
                                    </div>
                                    <div class="text-sm desktop-text-center mobile-text-center color-2" style="color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 20px; text-align: center; vertical-align: middle;">&nbsp;
                                        As you enter Falmouth on the A39, at the roundabout immediately before McDonalds, take the first exit left along North Parade - look out for the brown sign for The Greenbank Hotel. The hotel is approximately half a mile on the left hand side.<br>
                                    </div>

                                    <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody><tr>
                                            <td class="col-full block" style="width: 100%;" valign="top" align="center">
                                                <table class="button-md button-mobile-center color-white" style="border-radius: 0; color: #ffffff; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 0; mso-para-margin-bottom: 0px; text-transform: uppercase; vertical-align: middle;" cellspacing="0" cellpadding="0" border="0">
                                                    <tbody><tr>
                                                        <td style="border-bottom: 1px solid white; color: #ffffff; padding: 5px 0; text-align: center; text-transform: uppercase; width: 100%;" align="center">
                                                            <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AFp9Qhb4QOy022OWEGu-ml8" target="_blank" style="color: #ffffff; text-decoration: none;">How to find us</a>
                                                        </td>
                                                    </tr>
                                                </tbody></table>
                                            </td>
                                        </tr>
                                    </tbody></table>
                                    <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;"> &nbsp; </div>

                                </td>
                            </tr>
                        </tbody></table>
                    </td>
                </tr>
            </tbody></table>
        </td>
    </tr>
</tbody></table>

        </td>
    </tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
            <!-- ----------------------- -->
<!-- ----------------------- -->
<!-- Story-1col-image-large-left-background-dark-green-inc-button-no-gap -->
<!-- ----------------------- -->
<!-- ----------------------- -->
<table class="content-outer color-bg-white" style="background-color: #ffffff; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody><tr>
        <td class="content-inner-full" style="width: 100%;" valign="top" align="center">
            <table class="fluid-section color-bg-2" style="background-color: #002b35; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody><tr>
                    <td class="col-1-2-full block" style="width: 50%;" valign="top">
                        <div class="image margin-b-0" style="margin-bottom: 0px;">
                            <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AKlr56vExacl6JBdPQedz6I" style="display: block;"><img class="fill" src="https://cdn.client.jarrang.com/c1876/8ae4ea6534103842957bd03f2c383191.jpeg" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="310" align="top"></a>
                        </div>
                    </td>
                    <td class="col-1-2-full block" style="width: 50%;" valign="middle">
                        <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                            <tbody><tr>
                                <td class="padding20" style="padding: 20px;" valign="top">

                                   <div class="image" style="margin-bottom: 0;">
                                        <img class="fill" src="https://cdn.client.jarrang.com/c1876/5f39ee47e7494edde26aa4f7b70cd573.png" alt="PREPARE TO SET SAIL" style="display: block; height: auto; outline: none; text-decoration: none;" title="PREPARE TO SET SAIL" width="270" align="top">
                                    </div>
                                    <div class="text-sm desktop-text-center mobile-text-center color-5" style="color: #8cb7c0; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 20px; text-align: center; vertical-align: middle;">
                                        Check-in is after 3pm.&nbsp;Should you arrive earlier, our <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AE2zSohoIiVFgALCx1L7qUI" style="color: rgb(140, 183, 192);">stylish bar</a>, sun-drenched terrace and quayside pub <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AJvKgBZp96T-VX4GD9BGbjo" style="color: rgb(140, 183, 192);">The Working Boat</a> are idyllic spots to chill out before checking in. Our <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5ABszewp01pTB0zWCaoYP0so" style="color: rgb(140, 183, 192);">all day menu</a> is available every day of the week, and room service is 24/7.<br>
                                    </div>

                                    <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody><tr>
                                            <td class="col-full block" style="width: 100%;" valign="top" align="center">
                                                <table class="button-md button-mobile-center color-white" style="border-radius: 0; color: #ffffff; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 0; mso-para-margin-bottom: 0px; text-transform: uppercase; vertical-align: middle;" cellspacing="0" cellpadding="0" border="0">
                                                    <tbody><tr>
                                                        <td style="border-bottom: 1px solid white; color: #ffffff; padding: 5px 0; text-align: center; text-transform: uppercase; width: 100%;" align="center">
                                                            <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AAHK4dPZ8IrRKWkwFGd1Afw" target="_blank" style="color: #ffffff; text-decoration: none;">View our 360° tour</a>
                                                        </td>
                                                    </tr>
                                                </tbody></table>
                                            </td>
                                        </tr>
                                    </tbody></table>
                                                            <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;">&nbsp;</div>

                                </td>
                            </tr>
                        </tbody></table>
                    </td>
                </tr>
            </tbody></table>
        </td>
    </tr>
</tbody></table>


        </td>
    </tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
            <table class="content-outer color-bg-white" style="background-color: #ffffff; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody><tr>
        <td class="side" style="width: 20px;"><br></td>
        <td class="content-inner-full color-bg-white" style="background-color: #ffffff; width: 100%;" valign="top" align="center">
            <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;">&nbsp;</div>
        </td>
        <td class="side" style="width: 20px;"><br></td>
    </tr>
</tbody></table>

        </td>
    </tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
            <!-- ----------------------- -->
<!-- ----------------------- -->
<!-- Story-3col -->
<!-- ----------------------- -->
<!-- ----------------------- -->

<table class="content-outer color-bg-white" style="background-color: #ffffff; width: 620px;" cellspacing="0" cellpadding="0" border="0" align="center">
 <tbody>
  <tr>
   <td class="side" style="width: 20px;"><br>
   </td>
   <td class="content-inner" style="width: 580px;" valign="top" align="center">
    <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
     <tbody>
      <tr>
       <td class="col-1-3 block color-bg-light" style="background-color: #f9f5f2; width: 180px;" valign="top">
        <div class="image" style="margin-bottom: 0;"> <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AAlaBM0BdxdUTHqUrHuXDQA" style="display: block;"><img class="fill" src="https://cdn.client.jarrang.com/c1876/b53136fd3f2ece72dd3e922920bd936e.gif" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="180" align="middle"></a> </div>
        <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
         <tbody>
          <tr>
           <td class="padding10" style="padding: 10px;" valign="top" align="center">
            <table class="button-sm button-mobile-center" style="border-radius: 0; color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 0; mso-para-margin-bottom: 0px; vertical-align: middle; text-align:center;" cellspacing="0" cellpadding="0" border="0">
             <tbody>
              <tr>
               <td style="border-bottom: 1px solid #4ea295; color: #4ea295; padding: 5px 0; text-align: center; text-transform: uppercase; width: 100%;" align="center"> <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AAg9oxWEyGkbEWcxONFv7BM" target="_blank" style="color: #4ea295; text-decoration: none;">Traffic Updates</a> </td>
              </tr>
             </tbody>
            </table>
           </td>
          </tr>
         </tbody>
        </table>
       </td>
       <td class="gap block" style="width: 20px;" valign="top"> <br>
       </td>
       <td class="col-1-3 block color-bg-light" style="background-color: #f9f5f2; width: 180px;" valign="top">
        <div class="image" style="margin-bottom: 0;"> <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5ADOLXNBcCOe75CyvX7vhJ64" style="display: block;"><img class="fill" src="https://cdn.client.jarrang.com/c1876/494955773df915eac4a47d6fbe4414ce.gif" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="180" align="middle"></a> </div>
        <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
         <tbody>
          <tr>
           <td class="padding10" style="padding: 10px;" valign="top" align="center">
            <table class="button-sm button-mobile-center" style="border-radius: 0; color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 0; mso-para-margin-bottom: 0px; vertical-align: middle; text-align:center;" cellspacing="0" cellpadding="0" border="0">
             <tbody>
              <tr>
               <td style="border-bottom: 1px solid #4ea295; color: #4ea295; padding: 5px 0; text-align: center; text-transform: uppercase; width: 100%;" align="center"> <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AEkHz5RETIIkgD9osDFmxYQ" target="_blank" style="color: #4ea295; text-decoration: none;">forecast</a> </td>
              </tr>
             </tbody>
            </table>
           </td>
          </tr>
         </tbody>
        </table>
       </td>
       <td class="gap block" style="width: 20px;" valign="top"> <br>
       </td>
        <td class="col-1-3 block color-bg-light" style="background-color: #f9f5f2; width: 180px;" valign="top">
        <div class="image" style="margin-bottom: 0;"> <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AL4IysPIwDcn_BKavkL-4w8" style="display: block;"><img class="fill" src="https://cdn.client.jarrang.com/c1876/47994f8aefd2e0af1bd57c7f5841a820.gif" alt="Greenbank" style="display: block; height: auto; outline: none; text-decoration: none;" title="Greenbank" width="180" align="middle"></a> </div>
        <table class="section" style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
         <tbody>
          <tr>
           <td class="padding10" style="padding: 10px;" valign="top" align="center">
            <table class="button-sm button-mobile-center" style="border-radius: 0; color: #002b35; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 16px; font-weight: 300; letter-spacing: 0px; line-height: 1.3; margin-bottom: 0; mso-para-margin-bottom: 0px; vertical-align: middle; text-align:center;" cellspacing="0" cellpadding="0" border="0">
             <tbody>
              <tr>
               <td style="border-bottom: 1px solid #4ea295; color: #4ea295; padding: 5px 0; text-align: center; text-transform: uppercase; width: 100%;" align="center"> <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AItkHv1FUn2k3Rt_AdqpNWU" target="_blank" style="color: #4ea295; text-decoration: none;">Tide Times</a> </td>
              </tr>
             </tbody>
            </table>
           </td>
          </tr>
         </tbody>
        </table>
       </td>
      </tr>
     </tbody>
    </table>
    <div class="space-sm" style="display: block; font-size: 20px; height: 20px; line-height: 20px; margin: 0px; padding: 0px;"> &nbsp; </div>
   </td>
   <td class="side" style="width: 20px;"><br>
   </td>
  </tr>
 </tbody>
</table>


        </td>
    </tr>
</table>


<!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
<!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
<!-- End LAYOUTS  XXXXXXXXXXXXXX -->
<!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
<!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
<!-- -------------------------------------------------------- -->
<!-- -------------------------------------------------------- -->
<!-- Footer -->
<!-- -------------------------------------------------------- -->
<!-- -------------------------------------------------------- -->


<table class="content-outer color-bg-1" align="center" cellspacing="0" cellpadding="0" border="0" style="background-color: #4ea295; width: 620px;">
    <tr>
        <td class="side" style="width: 20px;">
        </td>
        <td class="content-inner" valign="top" align="center" style="width: 580px;">
            <div class="space-md" style="display: block; font-size: 40px; height: 40px; line-height: 40px; margin: 0px; padding: 0px;"> &nbsp; </div>

            <table class="section" border="0" cellspacing="0" cellpadding="0" align="center" style="width: 100%;">
                <tr>
                    <td class="col-full block" valign="top" align="left" style="width: 100%;">
                        <table class="table-mobile-center" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                               
                                <td valign="top" align="center">
                                    <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5APLXyHJUUR49FZFKVcz_Xio" target="_blank">
                                        <img src="https://cdn.client.jarrang.com/c1876/d19844a7d3d194d3f0fac54259d1ad9b.png" alt="Twitter" width="50" height="50" style="border: none; display: block; height: auto; outline: none; text-decoration: none;">
                                    </a>
                                </td>
                                 <td valign="top" align="center">
                                    <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AAqNvhCxmFKnH49pO6THkiE" target="_blank">
                                        <img src="https://cdn.client.jarrang.com/c1876/4514432b0c0efcf80c2a128ff09180ee.png" alt="Facebook" width="50" height="50" style="border: none; display: block; height: auto; outline: none; text-decoration: none;">
                                    </a>
                                </td>
                                <td valign="top" align="center">
                                    <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5APNIk1ky8MnamhDrQAT9t8Q" target="_blank">
                                        <img src="https://cdn.client.jarrang.com/c1876/deb669698d13dc7f8afdff9bff443d6d.png" alt="Instagram" width="50" height="50" style="border: none; display: block; height: auto; outline: none; text-decoration: none;">
                                    </a>
                                </td>
                                <td valign="top" align="center">
                                    <a href="http://emails.greenbank-hotel.co.uk/rsps/m/FvBL81-mAYgw8Kqf9rQ5AFLFa2HgJ10nOA5zyeEchbo" target="_blank">
                                        <img src="https://cdn.client.jarrang.com/c1876/758f97260465577440b8c35911422b4e.png" alt="Tripadvisor" width="55" height="50" style="border: none; display: block; height: auto; outline: none; text-decoration: none;">
                                    </a>
                                </td>
                            </tr>
                        </table>

                    </td>
                </tr>
            </table>
        
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="100%" align="center">
           
           <table class="section" border="0" cellspacing="0" cellpadding="0" align="center" style="width: 100%;">
                <tr>
                   
                    <td class="col-full block" valign="top" align="left" style="width: 100%;">
                       <div class="text-xsm desktop-text-left mobile-text-center margin-b-0 color-white" style="color: #ffffff; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 12px; font-weight: 300; line-height: 1.5; margin-bottom: 0px; text-align: left; vertical-align: middle;"> 
                            <br><br><strong style="color: #ffffff; font-weight: 600;">Terms &amp; Conditions</strong><br>
All offers are subject to the terms and conditions stated on our website.<br><br> 
Visit this link if you wish to <a href="#" target="_blank" style="color: #ffffff; text-decoration: underline;">unsubscribe</a><br><br>
                        </div>

                    </td>
                </tr>
            </table>
           

        </td>
    </tr>
</table>


             
             <table class="section" border="0" cellspacing="0" cellpadding="0" align="center" style="width: 100%;">
                <tr>
                    <td class="col-1-2 block" valign="top" align="left" style="width: 280px;">
                       <div class="text-xsm desktop-text-left mobile-text-center margin-b-0 color-white" style="color: #ffffff; font-family: Arial, Helvetica Neue, Helvetica, sans-serif, 'Montserrat'; font-size: 12px; font-weight: 300; line-height: 1.5; margin-bottom: 0px; text-align: left; vertical-align: middle;">
                         The Greenbank Hotel, Harbourside<br>
                         Falmouth, Cornwall, TR11 2SR.<br>
                         Registered Company No. 03371354<br>
                        </div>

                    </td>
                     <td class="gap block" valign="top" align="left" style="width: 20px;">
                    </td>
                     <td class="col-1-2 block" valign="top" align="left" style="width: 280px;">
                         <table class="table-mobile-center" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td valign="top" align="center">
                                 <img src="https://cdn.client.jarrang.com/c1876/0cf9bc6b72f78dee5742324a8c6f3678.gif" alt="Greenbank accreditations" width="280" style="display: block; height: auto; max-width: 280px; outline: none; text-decoration: none;">
                                </td>
                             </tr>
                         </table>
                    </td>
                </tr>
            </table>
            <div class="space-md" style="display: block; font-size: 40px; height: 40px; line-height: 40px; margin: 0px; padding: 0px;"> &nbsp; </div>

        </td>
        <td class="side" style="width: 20px;">
        </td>
    </tr>
</table>


<!-- -------------------------------------------------------- -->
<!-- -------------------------------------------------------- -->
<!-- End container -->
<!-- -------------------------------------------------------- -->
<!-- -------------------------------------------------------- -->
</td>
</tr>
</table>

</div>
</body>

</html>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console