123

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">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="content-style-type" content="text/css" />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="http://10.198.255.1/emk_social_email.en-gb.html" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>
5 city guides for your next long weekend away
</title>
<link rel="shortcut icon" href="http://r-xx.bstatic.com/static/img/favicon.ico" />
<style>
.preheader{
display:none;
}
@media only screen and (max-width: 479px) {
.header-align-center{
float:none !important;
width:auto !important;
}
.header-padding-adjust{
border-top: 1px solid #FFFFFF;
padding: 20px !important;
}
.logo_mob {width:192px !important; height:32px !important;}
.logo_mob_ar {width:245px !important; height:28px !important;}
.logo_mob_zh {width:240px !important; height:30px !important;}
.header_mob_padding {padding: 0 12px 24px 12px !important;}
.mob_textbox {max-width:280px !important; padding:24px 24px 24px 24px !important;}
.m-nopad {padding:0!important;}
.m-hide{
display:none !important;
font-size:0 !important;
width:0 !important;
height:0 !important;
max-height:none !important;
max-width:none !important;
}
.header-container{
background-size:contain !important;
padding:65% 0 0 0 !important;
height:auto !important;
}
.header-container-inner{
padding: 0 !important;
}
.header-content-container{
background-color:transparent !important;
box-shadow:none !important;
padding:24px 0px 0px 0px !important;
}
.header-title-space-below{
background-color:transparent !important;
box-shadow:none !important;
padding:0px 0px 12px 0px !important;
}
.property-card-container{
background-size: contain;
height: auto !important;
padding-top: 50%;
}
.property-banner-container{
padding:16px !important;
}
.property-cta-container{
text-align:center !important;
}
.footer-container{
padding:0 16px !important;
}
}
</style>
</head>
<body style="margin:0;padding:0;font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td style="background-color:#003580;" align="center" height="100%" valign="top" width="100%">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
<tr>
<td align="center" valign="top" width="640">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:640px;">
<tr>
<td style="padding: 0px 8px;" align="center" valign="middle">
<!-- // 2-COLUMN SCAFFOLD [ALIGNING] -->
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="624">
<tr>
<td align="left" valign="top" width="144">
<![endif]-->
<table class="header-align-center" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:144px;">
<tr>
<td class="header-align-center" style="padding:22px 0 0 0;" align="left" valign="middle">
<a target="_blank" href="https://www.booking.com/index.en-gb.html" universal="true" style="display:inline-block;font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-size:22px;color:#FFFFFF;font-weight:600;text-decoration:none;">
<img class="logo_mob" style="display:block;" src="http://r-xx.bstatic.com/static/img/newsletters/b_logo_white.png" width="144" height="24" border="0" alt="Booking.com"  />
</a>
</td>
</tr>
<tr>
<td class="m-hide" style="mso-line-height-rule:exactly; line-height:16px;">
<img src="http://q-xx.bstatic.com/static/img/newsletters/height_spacer.png" width="1" height="16" border="0">
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
<td align="right" valign="top" width="480">
<![endif]-->
<table class="header-align-center" align="right" border="0" cellpadding="0" cellspacing="0" style="max-width:480px;">
<tr>
<td style="padding:16px;" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td valign="middle" style="padding-right: 8px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="30" height="30">
<a target="_blank" href="https://secure.booking.com/mysettings.en-gb.html?aid=339530&label=37557_head-profile-avatar_v2-&auth_tab=signin&checkin=2019-02-21&checkout=2019-02-22&selected_currency=EUR&emk=etproof-93" style="display:block;text-decoration:none;color:#FFFFFF;">
<img src="http://r-xx.bstatic.com/static/img/newsletters/avatar_default.png" style="display:block;" height="30" width="30">
</a>
</td>
</tr>
</table>
</td>
<td style=" color:#FFFFFF; mso-line-height-rule:exactly;" valign="middle">
<a target="_blank" href="https://secure.booking.com/mysettings.en-gb.html?aid=339530&label=37557_head-profile-name_v2-&auth_tab=signin&checkin=2019-02-21&checkout=2019-02-22&selected_currency=EUR&emk=etproof-93" style="text-decoration:none;color:#FFFFFF;">
Smiles Davis
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
<!-- 2-COLUMN SCAFFOLD [ALIGNING] // -->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td width="100%" height="1" bgcolor="#003580" style="background-color:#003580;height:1px; font-size:1px;mso-line-height-rule:exactly;line-height:1px;padding:0;color:transparent;">
<a target="_blank" href="https://www.booking.com/index.en-gb.html" style="display:block; text-decoration: none; color: #003580">
<img src="https://link.sg.booking.com/mpss/o/EgE/2upHAA/t.2p9/9_lMCitDTRCUV9RAfzp02g/o.gif" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/>
</a>
</td>
</tr>
<tr>
<td height="1" bgcolor="#003580" style="background-color:#003580;height:1px;font-size:1px;mso-line-height-rule:exactly;line-height:1px;padding:0;color:transparent;">
<a target="_blank" href="https://www.booking.com/index.en-gb.html" style="display:block;">
 <img src="https://www.booking.com/emk_track_pixel.gif?aid=339530&emk=etproof-93&lang=en-gb&stype=23&t=0.475799683071273&label=emk_header" alt="" width="1" height="1" border="0" style="height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important">
</a>
</td>
</tr>
</table>
<!-- // SPACER INLCUDE FILE -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td align="center" valign="top" height="100%" width="100%">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
<tr>
<td align="center" valign="top" width="640">
<![endif]-->
<table class="m-no-max-width" border="0" cellpadding="0" cellspacing="0" style="max-width:640px;">
<tr>
<td style="padding: 0px 8px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" height="100%" valign="top" width="100%">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="624">
<tr>
<td align="center" valign="top" width="624">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:624px;">
<tr>
<td style="background-size:cover;background-repeat:no-repeat;" background="http://q-xx.bstatic.com/static/img/newsletters/social/social_guides_hero_624_02.jpg" align="center" bgcolor="#FFFFFF" height="412" width="624" valign="bottom" class="header-container">
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" style="behavior: url(#default#VML); display: inline-block; position: absolute; width: 624px; height: 412px; top: 0; left: 0; border: 0; z-index: 1;" src="http://q-xx.bstatic.com/static/img/newsletters/social/social_guides_hero_624_02.jpg" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="display: inline-block; position: absolute; width: 624px; height: 412px; top: 0; left: 0; border: 0; z-index: 2; v-text-anchor:bottom;">
<v:fill opacity="0%" style="z-index: 1;"/>
<v:textbox inset="0,0,0,0">
<div>
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="m-nopad" style="padding: 0px 0px 24px 0px; mso-padding-alt: 0px 0px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="24" class="m-hide"></td>
<td class="header-content-container" style="background-color:#F7F7F7;border-radius:2px;box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.25);padding:16px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="left">
<tr>
<td class="header-title-space-below" style="padding:8px 16px 8px 16px; display:block;font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-size:18px;line-height:24px;mso-line-height-rule:exactly;" align="left">
City guides #1 – Long weekend getaways
</td>
</tr>
<tr>
<td class="m-nopad" style="padding:0px 16px 8px 16px; font-size:28px;font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-weight:600;line-height:34px;mso-line-height-rule:exactly;" align="left">
<a target="_blank" href="https://www.booking.com/emk_tourism.en-gb.html" style="text-decoration:none; color:#000000; display:block;">
5 last-minute European destinations
</a>
</td>
</tr>
</table>
</td>
<td width="24" class="m-hide"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 9]>
</div></v:textbox></v:fill></v:rect><![endif]-->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<!-- // 1-COLUMN SCAFFOLD -->
<tr>
<td align="center" height="100%" valign="top" width="100%">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="624">
<tr>
<td align="center" valign="top" width="624">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:624px;">
<tr>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#383838; padding:24px 0 12px 0;" align="left" valign="top">
Hi Smiles Davis,
</td>
</tr>
<tr>
<td align="left" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-size:16px; line-height:24px; font-weight:normal; color:#000000; padding:0px 0px 24px 0px;">
Long weekends away are the best. You can pack your days with sightseeing, great food and relax whenever you want. Our city guides are perfect for tailoring your trip around the best places to stay and the stuff you want to do, see and eat – especially if you’re being spontaneous and heading off at the last minute.
</td>
</tr>
<tr>
<td style="padding:0px 0px 48px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="background:#0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#FFFFFF;font-size:16px; line-height:24px; font-weight:normal; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/emk_tourism.en-gb.html" style="text-decoration:none; color:#FFFFFF; display:block;">
Browse the city guides
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="background-color:#EDEDED;font-size:1px;line-height:1px;" height="1" align="center" valign="top">&nbsp;</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<!-- 1-COLUMN SCAFFOLD // -->
<!-- // 1-COLUMN SCAFFOLD WIDER -->
<tr>
<td align="center" height="100%" valign="top" width="100%">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="624">
<tr>
<td align="center" valign="top" width="624">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:624px;">
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td height="48" align="center" valign="top"></td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:0 0 12px 0;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="48" align="left">
<img width="48" height="48" src="http://r-xx.bstatic.com/static/img/flags/48/dk.png" border="0" style="display:block;" />
</td>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:#000000; font-size:24px; line-height:30px; font-weight:bold; padding:8px 12px; mso-line-height-rule:exactly;">
<a href="https://www.booking.com/tourism/city/dk/copenhagen.en-gb.html" target="_blank" style="color:#000000; text-decoration:none; display:block;">
Copenhagen
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="background-position:top center;background-repeat:no-repeat;" background="http://r-xx.bstatic.com/static/img/newsletters/social/social_weekend_city_cop.jpg" bgcolor="#FFFFFF" width="624" height="400" valign="top" class="property-card-container">
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" style="behavior: url(#default#VML); display: inline-block; position: absolute; width: 624px; height: 400px; top: 0; left: 0; border: 0; z-index: 1;" src="http://r-xx.bstatic.com/static/img/newsletters/social/social_weekend_city_cop.jpg" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="display: inline-block; position: absolute; width: 624px; height: 400px; top: 0; left: 0; border: 0; z-index: 2;">
<v:fill opacity="0%" style="z-index: 1;"/>
<v:textbox inset="0,0,0,0">
<div>
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td height="48" class="m-hide"></td>
</tr>
<tr>
<td class="mob_textbox property-banner-container" width="250" style="max-width:250px; background-color:#E21111;color:#FFFFFF;font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-size:28px;line-height:36px;mso-line-height-rule:exactly;font-weight:300; letter-spacing:1px; padding:24px 12px 24px 28px;" align="left">
<a href="https://www.booking.com/tourism/city/dk/copenhagen.en-gb.html" target="_blank" style="color:#FFFFFF;text-decoration:none;display:block;">
The city designed for happiness
</a>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="line-height:16px;" width="16" height="16" class="m-hide">
<img src="http://q-xx.bstatic.com/static/img/newsletters/social/tri_right_red.png" width="16" height="16" style="display:block;line-height:16px;" class="m-hide">
</td>
<td height="16" class="m-hide"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 9]>
</div></v:textbox></v:fill></v:rect><![endif]-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#383838; padding:24px 0;" align="left" valign="top">
Copenhagen can excite with its modern, vibrant feel or relax with its casual cosiness. There’s a lot packed into its relatively small space, so let us give you some tips on <a href="https://www.booking.com/tourism/city/dk/copenhagen.en-gb.html" target="_blank" style="color:#0077CC;text-decoration:underline;font-weight:bold;">the best things to do</a>. It can also get cold, so make sure you pick <a href="https://www.booking.com/tourism/city/dk/copenhagen.en-gb.html" target="_blank" style="color:#0077CC;text-decoration:underline;font-weight:bold;">the best months to visit</a> for you.
</td>
</tr>
<tr>
<td style="padding:0px 0px 12px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="border: solid 2px #0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#0077CC;font-size:16px; line-height:24px; font-weight:bold; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/tourism/city/dk/copenhagen.en-gb.html" style="text-decoration:none; color:#0077CC; display:block;">
Read our city guide
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:0px 0px 48px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="border: solid 2px #0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#0077CC;font-size:16px; line-height:24px; font-weight:bold; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/city/dk/copenhagen.en-gb.html" universal="true" style="text-decoration:none; color:#0077CC; display:block;">
Accommodation in Copenhagen
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="background-color:#EDEDED;font-size:1px;line-height:1px;" height="1" align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td height="48" align="center" valign="top"></td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:0 0 12px 0;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="48" align="left">
<img width="48" height="48" src="http://q-xx.bstatic.com/static/img/flags/48/at.png" border="0" style="display:block;" />
</td>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:#000000; font-size:24px; line-height:30px; font-weight:bold; padding:8px 12px; mso-line-height-rule:exactly;">
<a href="https://www.booking.com/tourism/city/at/vienna.en-gb.html" target="_blank" style="color:#000000; text-decoration:none; display:block;">
Vienna
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="background-position:top center;background-repeat:no-repeat;" background="http://q-xx.bstatic.com/static/img/newsletters/social/social_weekend_city_vi_02.jpg" bgcolor="#FFFFFF" width="624" height="400" valign="bottom" class="property-card-container">
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" style="behavior: url(#default#VML); display: inline-block; position: absolute; width: 624px; height: 400px; top: 0; left: 0; border: 0; z-index: 1;" src="http://q-xx.bstatic.com/static/img/newsletters/social/social_weekend_city_vi_02.jpg" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="display: inline-block; position: absolute; width: 624px; height: 400px; top: 0; left: 0; border: 0; z-index: 2;">
<v:fill opacity="0%" style="z-index: 1;"/>
<v:textbox inset="0,0,0,0">
<div>
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="right">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="28" class="m-hide"></td>
</tr>
<tr>
<td align="right">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="mob_textbox property-banner-container" width="250" style="max-width:250px; background-color:#0077CC;color:#FFFFFF;font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-size:28px;line-height:36px;mso-line-height-rule:exactly;font-weight:300; letter-spacing:1px; padding:24px 28px 24px 12px;" align="right">
<a href="https://www.booking.com/tourism/city/at/vienna.en-gb.html" target="_blank" style="color:#FFFFFF;text-decoration:none;display:block;">
High culture in an open-air museum
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="m-hide" align="right">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="16"></td>
<td style="line-height:16px;" width="16" height="16">
<img src="http://q-xx.bstatic.com/static/img/newsletters/campaigns/design_decor_youll_love/banner_rectangle_right.png" width="16" height="16" style="display:block;line-height:16px;" class="m-hide">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="240" class="m-hide"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 9]>
</div></v:textbox></v:fill></v:rect><![endif]-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#383838; padding:24px 0;" align="left" valign="top">
It's not all coffee culture and the gently flowing waters of the Danube – if you're looking for nightlife, Vienna also offers a thriving music scene, street art and more. We've got <a href="https://www.booking.com/tourism/city/at/vienna.en-gb.html" target="_blank" style="color:#0077CC;text-decoration:underline;font-weight:bold;">loads of articles</a> if you're looking for inspiration, as well as a guide to our <a href="https://www.booking.com/tourism/city/at/vienna.en-gb.html" target="_blank" style="color:#0077CC;text-decoration:underline;font-weight:bold;">favourite neighbourhoods</a>.
</td>
</tr>
<tr>
<td style="padding:0px 0px 12px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="border: solid 2px #0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#0077CC;font-size:16px; line-height:24px; font-weight:bold; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/tourism/city/at/vienna.en-gb.html" style="text-decoration:none; color:#0077CC; display:block;">
Read our city guide
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:0px 0px 48px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="border: solid 2px #0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#0077CC;font-size:16px; line-height:24px; font-weight:bold; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/city/at/vienna.en-gb.html" universal="true" style="text-decoration:none; color:#0077CC; display:block;">
Accommodation in Vienna
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="background-color:#EDEDED;font-size:1px;line-height:1px;" height="1" align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td height="48" align="center" valign="top"></td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:0 0 12px 0;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="48" align="left">
<img width="48" height="48" src="http://q-xx.bstatic.com/static/img/flags/48/pt.png" border="0" style="display:block;" />
</td>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:#000000; font-size:24px; line-height:30px; font-weight:bold; padding:8px 12px; mso-line-height-rule:exactly;">
<a href="https://www.booking.com/tourism/city/pt/lisbon.en-gb.html" target="_blank" style="color:#000000; text-decoration:none; display:block;">
Lisbon
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="background-position:top center;background-repeat:no-repeat;" background="http://q-xx.bstatic.com/static/img/newsletters/social/social_weekend_city_lis.jpg" bgcolor="#FFFFFF" width="624" height="400" valign="top" class="property-card-container">
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" style="behavior: url(#default#VML); display: inline-block; position: absolute; width: 624px; height: 400px; top: 0; left: 0; border: 0; z-index: 1;" src="http://q-xx.bstatic.com/static/img/newsletters/social/social_weekend_city_lis.jpg" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="display: inline-block; position: absolute; width: 624px; height: 400px; top: 0; left: 0; border: 0; z-index: 2;">
<v:fill opacity="0%" style="z-index: 1;"/>
<v:textbox inset="0,0,0,0">
<div>
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td height="48" class="m-hide"></td>
</tr>
<tr>
<td class="mob_textbox property-banner-container" width="250" style="max-width:250px; background-color:#077812;color:#FFFFFF;font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-size:28px;line-height:36px;mso-line-height-rule:exactly;font-weight:300; letter-spacing:1px; padding:24px 12px 24px 28px;" align="left">
<a href="https://www.booking.com/tourism/city/pt/lisbon.en-gb.html" target="_blank" style="color:#FFFFFF;text-decoration:none;display:block;">
Seven hills, endless opportunities
</a>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="line-height:16px;" width="16" height="16" class="m-hide">
<img src="http://q-xx.bstatic.com/static/img/newsletters/social/tri_right_green.png" width="16" height="16" style="display:block;line-height:16px;" class="m-hide">
</td>
<td height="16" class="m-hide"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 9]>
</div></v:textbox></v:fill></v:rect><![endif]-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#383838; padding:24px 0;" align="left" valign="top">
Relax on a terrace as the city’s iconic trams rumble by, or climb upwards to explore the charming streets of <a href="https://www.booking.com/tourism/city/pt/lisbon.en-gb.html" target="_blank" style="color:#0077CC;text-decoration:underline;font-weight:bold;">Bairro Alto’s</a> Old Town. Make sure you take the time to <a href="https://www.booking.com/tourism/city/pt/lisbon.en-gb.html" target="_blank" style="color:#0077CC;text-decoration:underline;font-weight:bold;">eat like a local</a> too, as Lisbon’s food is rich, distinctive and delicious.
</td>
</tr>
<tr>
<td style="padding:0px 0px 12px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="border: solid 2px #0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#0077CC;font-size:16px; line-height:24px; font-weight:bold; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/tourism/city/pt/lisbon.en-gb.html" style="text-decoration:none; color:#0077CC; display:block;">
Read our city guide
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:0px 0px 48px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="border: solid 2px #0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#0077CC;font-size:16px; line-height:24px; font-weight:bold; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/city/pt/lisbon.en-gb.html" universal="true" style="text-decoration:none; color:#0077CC; display:block;">
Accommodation in Lisbon
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="background-color:#EDEDED;font-size:1px;line-height:1px;" height="1" align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td height="48" align="center" valign="top"></td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:0 0 12px 0;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="48" align="left">
<img width="48" height="48" src="http://q-xx.bstatic.com/static/img/flags/48/ru.png" border="0" style="display:block;" />
</td>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:#000000; font-size:24px; line-height:30px; font-weight:bold; padding:8px 12px; mso-line-height-rule:exactly;">
<a href="https://www.booking.com/tourism/city/ru/saint-petersburg.en-gb.html" target="_blank" style="color:#000000; text-decoration:none; display:block;">
Saint Petersburg
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="background-position:top center;background-repeat:no-repeat;" background="http://r-xx.bstatic.com/static/img/newsletters/social/social_weekend_city_sp.jpg" bgcolor="#FFFFFF" width="624" height="400" valign="bottom" class="property-card-container">
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" style="behavior: url(#default#VML); display: inline-block; position: absolute; width: 624px; height: 400px; top: 0; left: 0; border: 0; z-index: 1;" src="http://r-xx.bstatic.com/static/img/newsletters/social/social_weekend_city_sp.jpg" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="display: inline-block; position: absolute; width: 624px; height: 400px; top: 0; left: 0; border: 0; z-index: 2;">
<v:fill opacity="0%" style="z-index: 1;"/>
<v:textbox inset="0,0,0,0">
<div>
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="right">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="48" class="m-hide"></td>
</tr>
<tr>
<td align="right">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="mob_textbox property-banner-container" width="250" style="max-width:250px; background-color:#FEBB02;color:#FFFFFF;font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-size:28px;line-height:36px;mso-line-height-rule:exactly;font-weight:300; letter-spacing:1px; padding:24px 28px 24px 12px;" align="right">
<a href="https://www.booking.com/tourism/city/ru/saint-petersburg.en-gb.html" target="_blank" style="color:#FFFFFF;text-decoration:none;display:block;">
A view from the window to Europe
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="m-hide" align="right">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="16"></td>
<td style="line-height:16px;" width="16" height="16">
<img src="http://r-xx.bstatic.com/static/img/newsletters/social/tri_left_yellow.png" width="16" height="16" style="display:block;line-height:16px;" class="m-hide">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="16" class="m-hide"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 9]>
</div></v:textbox></v:fill></v:rect><![endif]-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#383838; padding:24px 0;" align="left" valign="top">
Art, history and romance are the bedrock of Russia’s second city, and its <a href="https://www.booking.com/tourism/city/ru/saint-petersburg.en-gb.html" target="_blank" style="color:#0077CC;text-decoration:underline;font-weight:bold;">superb museums</a> are among the world’s greatest cultural treasures. As you'd expect, there's a wealth of other culture to explore, so make the most of your time with <a href="https://www.booking.com/tourism/city/ru/saint-petersburg.en-gb.html" target="_blank" style="color:#0077CC;text-decoration:underline;font-weight:bold;">the city's best points of interest</a>.
</td>
</tr>
<tr>
<td style="padding:0px 0px 12px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="border: solid 2px #0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#0077CC;font-size:16px; line-height:24px; font-weight:bold; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/tourism/city/ru/saint-petersburg.en-gb.html" style="text-decoration:none; color:#0077CC; display:block;">
Read our city guide
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:0px 0px 48px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="border: solid 2px #0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#0077CC;font-size:16px; line-height:24px; font-weight:bold; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/city/ru/saint-petersburg.en-gb.html" universal="true" style="text-decoration:none; color:#0077CC; display:block;">
Accommodation in Saint Petersburg
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="background-color:#EDEDED;font-size:1px;line-height:1px;" height="1" align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td height="48" align="center" valign="top"></td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:0 0 12px 0;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="48" align="left">
<img width="48" height="48" src="http://r-xx.bstatic.com/static/img/flags/48/it.png" border="0" style="display:block;" />
</td>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:#000000; font-size:24px; line-height:30px; font-weight:bold; padding:8px 12px; mso-line-height-rule:exactly;">
<a href="https://www.booking.com/tourism/city/it/florence.en-gb.html" target="_blank" style="color:#000000; text-decoration:none; display:block;">
Florence
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="background-position:top center;background-repeat:no-repeat;" background="http://r-xx.bstatic.com/static/img/newsletters/social/social_weekend_city_flo.jpg" bgcolor="#FFFFFF" width="624" height="400" valign="top" class="property-card-container">
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" style="behavior: url(#default#VML); display: inline-block; position: absolute; width: 624px; height: 400px; top: 0; left: 0; border: 0; z-index: 1;" src="http://r-xx.bstatic.com/static/img/newsletters/social/social_weekend_city_flo.jpg" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="display: inline-block; position: absolute; width: 624px; height: 400px; top: 0; left: 0; border: 0; z-index: 2;">
<v:fill opacity="0%" style="z-index: 1;"/>
<v:textbox inset="0,0,0,0">
<div>
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td height="48" class="m-hide"></td>
</tr>
<tr>
<td class="mob_textbox property-banner-container" width="250" style="max-width:250px; background-color:#F07C00;color:#FFFFFF;font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-size:28px;line-height:36px;mso-line-height-rule:exactly;font-weight:300; letter-spacing:1px; padding:24px 12px 24px 28px;" align="left">
<a href="https://www.booking.com/tourism/city/it/florence.en-gb.html" target="_blank" style="color:#FFFFFF;text-decoration:none;display:block;">
Start your own age of discovery
</a>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="line-height:16px;" width="16" height="16" class="m-hide">
<img src="http://q-xx.bstatic.com/static/img/newsletters/social/tri_right_red.png" width="16" height="16" style="display:block;line-height:16px;" class="m-hide">
</td>
<td height="16" class="m-hide"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 9]>
</div></v:textbox></v:fill></v:rect><![endif]-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="16"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#383838; padding:24px 0;" align="left" valign="top">
Challenge your mind and refresh your senses in Florence! There’s nothing quite like the world-famous <a href="https://www.booking.com/tourism/city/it/florence.en-gb.html" target="_blank" style="color:#0077CC;text-decoration:underline;font-weight:bold;">Uffizi Gallery and Florence’s historic centre</a>, and as this is Italy you’ll want to start planning <a href="https://www.booking.com/tourism/city/it/florence.en-gb.html" target="_blank" style="color:#0077CC;text-decoration:underline;font-weight:bold;">where you’re going to eat</a> before you’ve even set eyes on the famous Duomo di Firenze.
</td>
</tr>
<tr>
<td style="padding:0px 0px 12px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="border: solid 2px #0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#0077CC;font-size:16px; line-height:24px; font-weight:bold; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/tourism/city/it/florence.en-gb.html" style="text-decoration:none; color:#0077CC; display:block;">
Read our city guide
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:0px 0px 48px 0px;">
<table align="left" cellpadding="0" cellspacing="0" border="0" style="border: solid 2px #0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:#0077CC;font-size:16px; line-height:24px; font-weight:bold; padding:12px 24px;">
<a target="_blank" href="https://www.booking.com/city/it/florence.en-gb.html" universal="true" style="text-decoration:none; color:#0077CC; display:block;">
Accommodation in Florence
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="background-color:#EDEDED;font-size:1px;line-height:1px;" height="1" align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td height="48" align="center" valign="top"></td>
</tr>
</table>
</td>
<td width="16"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<!-- 1-COLUMN SCAFFOLD WIDER // -->
<!-- // 1-COLUMN SCAFFOLD -->
<tr>
<td align="center" height="100%" valign="top" width="100%">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="624">
<tr>
<td align="center" valign="top" width="624">
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:624px;">
<tr>
<td align="center">
<table width="100%" cellpadding="0" cellspacing="0" border="0" >
<tr>
<td align="center" style="padding:0 0 16px 0;">
<table class="deviceWidth" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" >
<tr>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:#000000; font-size:16px; line-height:24px; font-weight:normal;" align="left">
The weekend's waiting – start your search now
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0" style="margin:0 auto;background:#FFD257;border-radius:4px;" >
<tr>
<td style="padding:4px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" >
<tr>
<td width="100%">
<table width="100%" align="left" cellpadding="0" cellspacing="0" border="0" style="background:#FFFFFF;border-collapse:separate;border-radius:2px;" >
<tr>
<td valign="middle" width="16" style="padding:16px;" >
<a target="_blank" href="https://www.booking.com/index.en-gb.html" style="display:block;"
universal="true">
<img style="display:block;" src="http://q-xx.bstatic.com/static/img/newsletters/search_icon.png" width="16" height="16" border="0"/>
</a>
</td>
<td class="m-hide" valign="middle" align="left" style="padding:6px 8px 6px 0;mso-line-height-rule:exactly; font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:14px; line-height:18px;">
<a target="_blank" href="https://www.booking.com/index.en-gb.html" style="text-decoration:none; color:#383838;display:block;" universal="true">
Where do you want to go?
</a>
</td>
</tr>
</table>
</td>
<td style="background:#FFD257; line-height:2px; mso-line-height-rule:exactly;">
<img style="display: block; mso-line-height-rule:exactly;" src="http://q-xx.bstatic.com/static/img/newsletters/spacer.png" width="4" height="2">
</td>
<td>
<table align="right" cellpadding="0" cellspacing="0" border="0" style="background:#0077CC; border-collapse:separate;border-radius:2px;">
<tr>
<td valign="middle" align="center" style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; padding:16px 24px; font-size:16px; font-weight: normal; mso-line-height-rule:exactly;line-height:20px; white-space:nowrap;">
<a href="https://www.booking.com/index.en-gb.html" target="_blank" style="text-decoration:none;color:#FFFFFF;display:block;"
universal="true">
Search
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!-- // SPACER INLCUDE FILE -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- // 1-COLUMN SCAFFOLD -->
<tr>
<td align="center" height="100%" valign="top" width="100%">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="624">
<tr>
<td align="center" valign="top" width="624">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:624px;">
<tr>
<td height="48"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<!-- 1-COLUMN SCAFFOLD // -->
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- // 1-COLUMN SCAFFOLD [ALIGNING] -->
<tr>
<td style="background-color:#F7F7F7; border-top: solid 1px #EDEDED;" align="center" height="100%" valign="top" width="100%">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
<tr>
<td align="center" valign="top" width="640">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:640px;">
<tr>
<td style="padding: 0px 8px;" align="center" valign="middle">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="624">
<tr>
<td align="center" valign="top" width="624">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:624px;">
<!--[if !mso]><!-->
<tr>
<td class="m-stack" width="100%" align="center" style="display:none; border-bottom: solid 1px #BDBDBD;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F7F7F7" width="100%" align="center" style="padding:10px 20px 30px 20px;">
<table width="100%" class="deviceWidth" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" class="footer_mob_text_title" align="center" style="text-align:center; font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:#000000; font-weight: 300;text-decoration:none; padding-top: 20px; padding-bottom: 20px">
<a target="_blank" style="text-decoration:none; color:#000000;" href="https://www.booking.com/apps.en-gb.html">
Booking on the move – download our app for hassle-free travel
</a>
</td>
</tr>
<tr>
<td align="right">
<a target="_blank" style="text-decoration: none;" href="https://www.booking.com/apps.en-gb.html">
<img style="display:block;" src="http://q-xx.bstatic.com/static/img/newsletters/apple_app_download.png" width="130" border="0" />
</a>
</td>
<td width="15">&nbsp;</td>
<td align="left">
<a target="_blank" style="text-decoration: none;" href="https://www.booking.com/apps.en-gb.html">
<img style="display:block;" src="http://q-xx.bstatic.com/static/img/newsletters/google_app_download.png" width="130" border="0" />
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!--<![endif]-->
<tr>
<td>
<table width="100%" class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td style="padding: 48px 0px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" class="deviceWidth" style="margin: 0 auto;" >
<tr>
<td class="appleLinksBlack" align="left" style="text-align:left; font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:20px; line-height:28px; font-weight:bold; color:#000000;">
Booking.com
</td>
</tr>
<tr>
<td class="appleLinksBlack" align="left" style="text-align:left; padding: 12px 0; font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; font-weight:normal; color:#000000;">
Herengracht 597, 1017 CE Amsterdam, Netherlands
</td>
</tr>
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="left" class="deviceWidth" style="margin: 0 auto;" >
<tr>
<td align="left">
<table class="m-stack" cellpadding="0" cellspacing="0" border="0" align="left" style="margin: 0 auto;">
<tr>
<td class="footer_link_padding" align="left" style="text-align:left; padding:2px 7px 0 0; font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; font-weight:normal; color:#000000; white-space:nowrap;">
<a target="_blank" style="color:#000000; text-decoration:underline;" href="#">Unsubscribe</a>&nbsp;&nbsp;
</td>
<td height="1" style="height:1px;font-size:1px;mso-line-height-rule:exactly;line-height:1px;padding:0;color:transparent;">
<a target="_blank" href="https://www.booking.com/index.en-gb.html" style="display:block;" >
 <img src="https://www.booking.com/emk_track_pixel.gif?aid=339530&emk=etproof-93&lang=en-gb&stype=23&t=0.475799683071273&label=emk_bottom" alt="" width="1" height="1" border="0" style="height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important">
</a>
</td>
</tr>
</table>
<table class="m-stack" cellpadding="0" cellspacing="0" border="0" align="left" style="margin: 0 auto;">
<tr>
<td class="footer_link_padding" align="left" style="text-align:left; padding: 2px 8px 0 0; font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; font-weight:normal; color:#000000; white-space:nowrap;">
<a target="_blank" style="color:#000000; text-decoration:underline;" href="#">Update preferences</a>&nbsp;&nbsp;
</td>
</tr>
</table>
<table class="m-stack" cellpadding="0" cellspacing="0" border="0" align="left" style="margin: 0 auto;">
<tr>
<td class="footer_link_padding" align="left" style="text-align:left; padding: 2px 8px 0 0; font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; font-weight:normal; color:#000000; white-space:nowrap;">
<a target="_blank" style="color:#000000; text-decoration:underline;" href="https://www.booking.com/content/cs.en-gb.html">Customer Service</a>&nbsp;&nbsp;
</td>
</tr>
</table>
<table class="m-stack" cellpadding="0" cellspacing="0" border="0" align="left" style="margin: 0 auto;">
<tr>
<td class="footer_link_padding" align="left" style="text-align:left; padding: 2px 8px 0 0; font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; font-weight:normal; color:#000000; white-space:nowrap;">
<a target="_blank" style="color:#000000; text-decoration:underline;" href="https://www.booking.com/general.en-gb.html?tmpl=docs/privacy-policy">Privacy policy</a>&nbsp;&nbsp;
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" style="padding-top: 24px; ">
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="left" class="deviceWidth" style="margin: 0 auto;" >
<tr>
<td style="font-family:BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; font-weight:normal; color:#000000; text-decoration:none;">
Empowering you to experience the world
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<!-- 1-COLUMN SCAFFOLD // -->
</table>

</center>
</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