CINXE.COM
Luxury Hotel Suites London | Bishopsgate Suite at Pan Pacific London
<!doctype html> <html lang="en"> <head> <script type="text/javascript"> if (!window.dataLayer) { window.dataLayer = []; } function checkState2() { var td_cookie = document.cookie.split(";").some((item) => item.trim().startsWith("_td=")); if (!td_cookie) { setTimeout(checkState2, 100); } else { console.log("TD Cookie var present"); window.dataLayer.push({ 'event': 'TDCookieLoaded' }); } } function checkState3() { var sub_object = window.pphgDataLayer && window.pphgDataLayer.user && window.pphgDataLayer.user.userInfo; if (!sub_object) { setTimeout(checkState3, 100); } else { console.log("DL Core Object loaded success"); window.dataLayer.push({ 'event': 'DataLayerLoaded2' }); } } checkState2(); checkState3(); document.addEventListener("DOMContentLoaded", function() { console.log("DOM Loaded Success"); }); window.addEventListener("load", function() { console.log("Window Loaded Success"); }); </script> <meta charset="utf-8"/> <title>Luxury Hotel Suites London | Bishopsgate Suite at Pan Pacific London</title> <meta name="keywords" content="luxury hotel suites london, bishopsgate suite at pan pacific london, walk in shower, daily housekeeping, nespresso coffee machine, london, uk"/> <meta name="description" content="Want access to the finest luxury hotel suites? London provides visitors the option to stay within the spacious Bishopsgate Suite at Pan Pacific London."/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <meta name="HandheldFriendly" content="true"/> <meta name="pcode" content="pplon"/> <!-- Facebook Metadata --> <meta property="fb:page_id" content="facebook"/> <meta property="og:type" content="website"/> <meta property="og:image"/> <meta property="og:url" content="https://www.panpacific.com/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html"/> <meta property="og:description" content="Want access to the finest luxury hotel suites? London provides visitors the option to stay within the spacious Bishopsgate Suite at Pan Pacific London."/> <meta property="og:title" content="Luxury Hotel Suites London | Bishopsgate Suite at Pan Pacific London"/> <!-- Google+ Metadata /--> <meta itemprop="name" content="Luxury Hotel Suites London | Bishopsgate Suite at Pan Pacific London"/> <meta itemprop="description" content="Want access to the finest luxury hotel suites? London provides visitors the option to stay within the spacious Bishopsgate Suite at Pan Pacific London."/> <meta itemprop="image"/> <!-- Google Search Verification Code --> <link rel="manifest" href="/etc/designs/pphg-revamp/clientlibs/manifest.json"/> <link rel="icon" type="image/png" href="/etc/designs/pphg-revamp/clientlibs/images/favicon-16x16.png" sizes="16x16"/> <link rel="icon" type="image/png" href="/etc/designs/pphg-revamp/clientlibs/images/favicon-32x32.png" sizes="32x32"/> <link rel="icon" type="image/png" href="/etc/designs/pphg-revamp/clientlibs/images/favicon-96x96.png" sizes="96x96"/> <link rel="dns-prefetch" href="https://cdn-cookieyes.com"/> <link rel="dns-prefetch" href="https://log.cookieyes.com"/> <link rel="dns-prefetch" href="https://directory.cookieyes.com"/> <script type="text/javascript" src="https://try.abtasty.com/56e3c0b2449f294adec643daf70c81c3.js"></script> <script src="/etc/designs/pphg-revamp/clientlibs/js/language.js"></script> <script src="https://apis.google.com/js/api:client.js"></script> <script src="https://assets.adobedtm.com/c4c5f3fab5c3/976743ebd24b/launch-EN346b323a7b0e40daa8e8d6be48dd2c68.min.js" async></script> <!-- CookieYes Consent Script --> <script> window.dataLayer = window.dataLayer || []; function gtag() { window.dataLayer.push(arguments); } gtag("consent", "default", { ad_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 2000, }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", true); </script> <!-- End CookieYes Consent Script --> <!-- Google Tag Manager --> <script> var gtmIDs = 'GTM-5V6HKK9,GTM-WPHBG5NB'; gtmIDs = gtmIDs.split(','); </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',gtmIDs[0]); </script> <!-- End Google Tag Manager --> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',gtmIDs[1]); </script> <!-- End Google Tag Manager --> <!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/ed97c675ba87cafc3b9240cd/script.js"></script> <!-- End cookieyes banner --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> <link rel="stylesheet" href="/etc/designs/pphg-revamp/clientlibs.css" type="text/css"> <!-- Initializes the author specific PPHG.author clientlib [should be in the last] --> <script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/jquery.js"></script> <script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/utils.js"></script> <script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/jquery/granite.js"></script> <script type="text/javascript" src="/etc.clientlibs/foundation/clientlibs/jquery.js"></script> <script type="text/javascript" src="/etc.clientlibs/foundation/clientlibs/shared.js"></script> <script type="text/javascript" src="/etc.clientlibs/cq/personalization/clientlib/personalization/kernel.js"></script> <script type="text/javascript"> $CQ(function() { CQ_Analytics.SegmentMgr.loadSegments("\/etc\/segmentation"); }); </script> <script type="text/javascript"> (function() { window.ContextHub = window.ContextHub || {}; /* setting paths */ ContextHub.Paths = ContextHub.Paths || {}; ContextHub.Paths.CONTEXTHUB_PATH = "/etc/cloudsettings/default/contexthub"; ContextHub.Paths.RESOURCE_PATH = "\/content\/pphg\u002Drevamp\/en\/hotels\u002Dand\u002Dresorts\/pp\u002Dlondon\/rooms\/bishopsgate\u002Dsuite\/_jcr_content\/contexthub"; ContextHub.Paths.SEGMENTATION_PATH = "\/etc\/segmentation\/contexthub"; ContextHub.Paths.CQ_CONTEXT_PATH = ""; /* setting initial constants */ ContextHub.Constants = ContextHub.Constants || {}; ContextHub.Constants.ANONYMOUS_HOME = "/home/users/e/e92MQGSEtQHxTkEkBJXD"; ContextHub.Constants.MODE = "no-ui"; }()); </script><script src="/etc/cloudsettings/default/contexthub.kernel.js" type="text/javascript"></script> </head> <body class="unitedkingdom en theme-pp isAEM"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5V6HKK9" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPHBG5NB" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <h1 class="d-none">Luxury Hotel Suites London | Bishopsgate Suite at Pan Pacific London</h1> <div id="iframe-overlay" class=""></div> <div> </div> <!--<div class="main-wrapper--container nav1" --> <div class="main-wrapper--container "> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="header-ipar iparsys parsys"><div class="navigation3 component section"> <div class="top-navigation " data-property-hidesignuplinkroomrates="false"> <div class="container"> <div class="row"> <div class="col d-flex align-items-center p-0"> <a class="d-flex align-items-center panels-button" data-toggle="collapse" data-target="#top-navigation-drawer"> You're in Pan Pacific London <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </a> </div> <div class="col d-flex justify-content-end p-0"> <div class="currency-changer-container js-currency-changer d-inline-flex"> <a class="d-flex align-items-center panels-button" data-toggle="collapse" data-target="#currency-drawer"> <span class="currency-button"></span> <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </a> </div> <div class="dropdown language-dropdown d-inline-flex"> <button class="dropdown-toggle d-flex align-items-center language-change-button" id="languageMenuButton" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg class="icon-language icon-language-desktop"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour"> </use> </svg> <span class="color-language-letter">English</span> <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </button> <div class="dropdown-menu" aria-labelledby="languageMenuButton"> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="en" selected> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour"> </use> </svg> English </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/zh/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="zh"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-zh-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-zh-colour"> </use> </svg> 中文 </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/ja/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="ja"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-ja-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-ja-colour"> </use> </svg> 日本語 </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/fr/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="fr"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-fr-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-fr-colour"> </use> </svg> Français </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/de/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="de"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-de-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-de-colour"> </use> </svg> Deutsch </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/es/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="es"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-es-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-es-colour"> </use> </svg> Español </a> </div> </div> <div class="d-flex align-items-center"> <a class="d-flex" href="/en/booking/modify.html?brand=pp"> <div class="label label-manage-booking">Manage Booking</div> </a> </div> <div class="d-inline-flex"><form class="global-search d-flex align-items-center justify-content-end" name="global-search" action="/content/pphg-revamp/en/search-result.html" data-enter-label="" method="GET"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> <div class="input-container"> <input type="text" name="search" placeholder="Search" data-endpoint="/content/pphg-admin/search-suggestion/_jcr_content.list.json"/><span class="bar"></span> </div> <div class="label">Search</div> </form> </div> </div> </div> </div> <div class="collapse panels " id="top-navigation-drawer" data-parent=".navigation.component"> <div class="container container-property-pr pt-0 pb-0"> <div class="row-property row-property-pr mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en.html" class="global-property countryNameList-v3 destinationSubNav global-redirect"> Global Homepage </a> </div> </div> <ul class="collapse subCountryDestinationBG show"></ul> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-0" class="global-property countryNameList-v3 destinationSubNav collapsed"> Australia <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-0"> <a href="/en/countries/australia.html" class="sub-destination-link"> <h6 class="no-head-line">Australia</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-melbourne.html">Pan Pacific Melbourne</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-perth.html">Pan Pacific Perth</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-darling-harbour-sydney.html">PARKROYAL Darling Harbour, Sydney</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-melbourne-airport.html">PARKROYAL Melbourne Airport</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-monash-melbourne.html">PARKROYAL Monash Melbourne</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-parramatta.html">PARKROYAL Parramatta</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-1" class="global-property countryNameList-v3 destinationSubNav collapsed"> Bangladesh <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-1"> <a href="/en/countries/bangladesh.html" class="sub-destination-link"> <h6 class="no-head-line">Bangladesh</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-dhaka.html">Pan Pacific Sonargaon Dhaka</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-2" class="global-property countryNameList-v3 destinationSubNav collapsed"> Canada <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-2"> <a href="/en/countries/canada.html" class="sub-destination-link"> <h6 class="no-head-line">Canada</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-toronto.html">Pan Pacific Toronto</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-vancouver.html">Pan Pacific Vancouver</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-mountainside.html">Pan Pacific Whistler Mountainside</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-village-centre.html">Pan Pacific Whistler Village Centre</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-3" class="global-property countryNameList-v3 destinationSubNav collapsed"> China <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-3"> <a href="/en/countries/china.html" class="sub-destination-link"> <h6 class="no-head-line">China</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-beijing.html">Pan Pacific Beijing</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-ningbo.html">Pan Pacific Ningbo</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-suzhou.html">Pan Pacific Suzhou</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-tianjin.html">Pan Pacific Tianjin</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-xiamen.html">Pan Pacific Xiamen</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-ningbo.html">Pan Pacific Serviced Suites Ningbo</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-4" class="global-property countryNameList-v3 destinationSubNav collapsed"> Indonesia <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-4"> <a href="/en/countries/indonesia.html" class="sub-destination-link"> <h6 class="no-head-line">Indonesia</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-jakarta.html">Pan Pacific Jakarta</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-jakarta.html">PARKROYAL Serviced Suites Jakarta</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-5" class="global-property countryNameList-v3 destinationSubNav collapsed"> Japan <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-5"> <a href="/en/countries/japan.html" class="sub-destination-link"> <h6 class="no-head-line">Japan</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/bellustar-tokyo.html">BELLUSTAR TOKYO, A Pan Pacific Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/cerulean-tower-tokyu.html">Cerulean Tower Tokyu Hotel, A Pan Pacific Partner Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/higashiyama-kyoto.html">THE HOTEL HIGASHIYAMA KYOTO TOKYU, A Pan Pacific Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/hotel-groove-shinjuku.html">HOTEL GROOVE SHINJUKU, A PARKROYAL Hotel</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-6" class="global-property countryNameList-v3 destinationSubNav collapsed"> Kenya <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-6"> <a href="/en/countries/kenya.html" class="sub-destination-link"> <h6 class="no-head-line">Kenya</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-nairobi.html">Pan Pacific Serviced Suites Nairobi </a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-7" class="global-property countryNameList-v3 destinationSubNav collapsed"> Malaysia <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-7"> <a href="/en/countries/malaysia.html" class="sub-destination-link"> <h6 class="no-head-line">Malaysia</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-kuala-lumpur.html">PARKROYAL COLLECTION Kuala Lumpur</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-afamosa-melaka-resort.html">PARKROYAL A'Famosa Melaka Resort</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-langkawi.html">PARKROYAL Langkawi Resort</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-penang.html">PARKROYAL Penang Resort</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-gurney-bay.html">Gurney Bay Hotel, A PARKROYAL Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-kuala-lumpur.html">Pan Pacific Serviced Suites Kuala Lumpur</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-kuala-lumpur.html">PARKROYAL Serviced Suites Kuala Lumpur</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-8" class="global-property countryNameList-v3 destinationSubNav collapsed"> Myanmar <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-8"> <a href="/en/countries/myanmar.html" class="sub-destination-link"> <h6 class="no-head-line">Myanmar</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-yangon.html">Pan Pacific Yangon</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-nay-pyi-taw.html">PARKROYAL Nay Pyi Taw</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-yangon.html">PARKROYAL Yangon</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-9" class="global-property countryNameList-v3 destinationSubNav collapsed"> Singapore <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-9"> <a href="/en/countries/singapore.html" class="sub-destination-link"> <h6 class="no-head-line">Singapore</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-orchard-sg.html">Pan Pacific Orchard</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-marina.html">Pan Pacific Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-marina-bay.html">PARKROYAL COLLECTION Marina Bay, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-pickering.html">PARKROYAL COLLECTION Pickering, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-beach-road.html">PARKROYAL on Beach Road, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-beach-road.html">Pan Pacific Serviced Suites Beach Road, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-orchard.html">Pan Pacific Serviced Suites Orchard, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-singapore.html">PARKROYAL Serviced Suites Singapore</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-10" class="global-property countryNameList-v3 destinationSubNav collapsed"> Thailand <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-10"> <a href="/en/countries/thailand.html" class="sub-destination-link"> <h6 class="no-head-line">Thailand</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-ss-bangkok.html">PARKROYAL Suites Bangkok</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-11" class="global-property countryNameList-v3 destinationSubNav active collapsed"> United Kingdom <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-11"> <a href="/en/countries/united-kingdom.html" class="sub-destination-link"> <h6 class="no-head-line">United Kingdom</h6> </a> <li class="subCountryContent"><a class="links-type active" href="/en/hotels-and-resorts/pp-london.html">Pan Pacific London</a></li> </ul> <div> </div> <div class="property-width"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-12" class="global-property countryNameList-v3 destinationSubNav collapsed"> Vietnam <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-12"> <a href="/en/countries/vietnam.html" class="sub-destination-link"> <h6 class="no-head-line">Vietnam</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-hanoi.html">Pan Pacific Hanoi</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-saigon.html">PARKROYAL Saigon</a></li> </ul> <div> </div> <div> <div class="upcoming-event-list"> <!-- Start: Country 1 Component --> <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#upcomingSub-13" class="global-property countryNameList-v3 destinationSubNav collapsed"> <span>Upcoming Hotels and Serviced Suites</span> <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div> <!-- End: Country 1 Component --> </div> <ul class="collapse subUpComingNav" data-parent="#main-navbar" id="upcomingSub-13"> <h6 class="no-head-line">Upcoming Hotels and Serviced Suites</h6> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-dalian.html">PARKROYAL Dalian (Opening 2025)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-jakarta.html">PARKROYAL Jakarta (Opening 2025)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pp-phnom-penh.html">Pan Pacific Phnom Penh (Opening Q1 2026)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-siem-reap.html">PARKROYAL Siem Reap (Opening Q1 2026)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pp-siam-bangkok.html">Pan Pacific Siam Bangkok (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-hanoi.html">PARKROYAL Hanoi (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/serviced-suites/pp-ss-bangkok.html">Pan Pacific Serviced Suites Bangkok (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/serviced-suites/pr-ss-hanoi.html">PARKROYAL Serviced Suites Hanoi (Opening Soon)</a></li> </ul> </div> </div> </div> </div> <div class="collapse panels " id="currency-drawer" data-parent=".navigation.component"> <div class="container"> <input type="hidden" id="defaultCurrency" value="GBP"/> <div class="row"> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="GBP" data-currency-symbol="£"><span>GBP</span>British Pound Sterling (GBP)</a> <a class="currency" data-currency-code="CAD" data-currency-symbol="$"><span>CAD</span>Canadian Dollar (CAD)</a> <a class="currency" data-currency-code="SGD" data-currency-symbol="$"><span>SGD</span>Singapore Dollars (SGD)</a> <a class="currency" data-currency-code="USD" data-currency-symbol="$"><span>USD</span>US Dollar (USD)</a> <a class="currency" data-currency-code="DZD" data-currency-symbol="$"><span>DZD</span>Algerian Dinar (DZD)</a> <a class="currency" data-currency-code="AUD" data-currency-symbol="$"><span>AUD</span>Australian Dollar (AUD)</a> <a class="currency" data-currency-code="BHD" data-currency-symbol="$"><span>BHD</span>Bahraini Dinar (BHD)</a> <a class="currency" data-currency-code="BOB" data-currency-symbol="$b"><span>BOB</span>Bolivian Boliviano (BOB)</a> <a class="currency" data-currency-code="BWP" data-currency-symbol="P"><span>BWP</span>Botswanan Pula (BWP)</a> <a class="currency" data-currency-code="BRL" data-currency-symbol="R$"><span>BRL</span>Brazilian Real (BRL)</a> <a class="currency" data-currency-code="BND" data-currency-symbol="$"><span>BND</span>Brunei Dollar (BND)</a> <a class="currency" data-currency-code="BGN" data-currency-symbol="лв"><span>BGN</span>Bulgarian Lev (BGN)</a> <a class="currency" data-currency-code="KYD" data-currency-symbol="$"><span>KYD</span>Cayman Islands Dollar (KYD)</a> <a class="currency" data-currency-code="XOF" data-currency-symbol="$"><span>XOF</span>CFA Franc BCEAO (XOF)</a> <a class="currency" data-currency-code="CLP" data-currency-symbol="$"><span>CLP</span>Chilean Peso (CLP)</a> <a class="currency" data-currency-code="CNY" data-currency-symbol="¥"><span>CNY</span>Chinese Yuan (CNY)</a> <a class="currency" data-currency-code="COP" data-currency-symbol="$"><span>COP</span>Colombian Peso (COP)</a> <a class="currency" data-currency-code="CRC" data-currency-symbol="₡"><span>CRC</span>Costa Rican Colón (CRC)</a> <a class="currency" data-currency-code="HRK" data-currency-symbol="kn"><span>HRK</span>Croatian Kuna (HRK)</a> <a class="currency" data-currency-code="CZK" data-currency-symbol="Kč"><span>CZK</span>Czech Republic Koruna (CZK)</a> <a class="currency" data-currency-code="DKK" data-currency-symbol="kr"><span>DKK</span>Danish Krone (DKK)</a> <a class="currency" data-currency-code="DOP" data-currency-symbol="RD$"><span>DOP</span>Dominican Peso (DOP)</a> <a class="currency" data-currency-code="EGP" data-currency-symbol="£"><span>EGP</span>Egyptian Pound (EGP)</a> </div> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="EEK" data-currency-symbol="$"><span>EEK</span>Estonian Kroon (EEK)</a> <a class="currency" data-currency-code="EUR" data-currency-symbol="€"><span>EUR</span>Euro (EUR)</a> <a class="currency" data-currency-code="FJD" data-currency-symbol="$"><span>FJD</span>Fijian Dollar (FJD)</a> <a class="currency" data-currency-code="HNL" data-currency-symbol="L"><span>HNL</span>Honduran Lempira (HNL)</a> <a class="currency" data-currency-code="HKD" data-currency-symbol="$"><span>HKD</span>Hong Kong Dollar (HKD)</a> <a class="currency" data-currency-code="HUF" data-currency-symbol="Ft"><span>HUF</span>Hungarian Forint (HUF)</a> <a class="currency" data-currency-code="INR" data-currency-symbol="₹"><span>INR</span>Indian Rupee (INR)</a> <a class="currency" data-currency-code="IDR" data-currency-symbol="Rp"><span>IDR</span>Indonesian Rupiah (IDR)</a> <a class="currency" data-currency-code="ILS" data-currency-symbol="₪"><span>ILS</span>Israeli New Sheqel (ILS)</a> <a class="currency" data-currency-code="JMD" data-currency-symbol="J$"><span>JMD</span>Jamaican Dollar (JMD)</a> <a class="currency" data-currency-code="JPY" data-currency-symbol="¥"><span>JPY</span>Japanese Yen (JPY)</a> <a class="currency" data-currency-code="JOD" data-currency-symbol="$"><span>JOD</span>Jordanian Dinar (JOD)</a> <a class="currency" data-currency-code="KZT" data-currency-symbol="лв"><span>KZT</span>Kazakhstani Tenge (KZT)</a> <a class="currency" data-currency-code="KES" data-currency-symbol="$"><span>KES</span>Kenyan Shilling (KES)</a> <a class="currency" data-currency-code="KWD" data-currency-symbol="$"><span>KWD</span>Kuwaiti Dinar (KWD)</a> <a class="currency" data-currency-code="LVL" data-currency-symbol="$"><span>LVL</span>Latvian Lats (LVL)</a> <a class="currency" data-currency-code="LBP" data-currency-symbol="£"><span>LBP</span>Lebanese Pound (LBP)</a> <a class="currency" data-currency-code="LTL" data-currency-symbol="$"><span>LTL</span>Lithuanian Litas (LTL)</a> <a class="currency" data-currency-code="MKD" data-currency-symbol="ден"><span>MKD</span>Macedonian Denar (MKD)</a> <a class="currency" data-currency-code="MYR" data-currency-symbol="RM"><span>MYR</span>Malaysian Ringgit (MYR)</a> <a class="currency" data-currency-code="MUR" data-currency-symbol="₨"><span>MUR</span>Mauritian Rupee (MUR)</a> <a class="currency" data-currency-code="MXN" data-currency-symbol="$"><span>MXN</span>Mexican Peso (MXN)</a> <a class="currency" data-currency-code="MDL" data-currency-symbol="$"><span>MDL</span>Moldovan Leu (MDL)</a> </div> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="MAD" data-currency-symbol="$"><span>MAD</span>Moroccan Dirham (MAD)</a> <a class="currency" data-currency-code="NAD" data-currency-symbol="$"><span>NAD</span>Namibian Dollar (NAD)</a> <a class="currency" data-currency-code="NPR" data-currency-symbol="₨"><span>NPR</span>Nepalese Rupee (NPR)</a> <a class="currency" data-currency-code="ANG" data-currency-symbol="ƒ"><span>ANG</span>Netherlands Antillean Guilder (ANG)</a> <a class="currency" data-currency-code="TWD" data-currency-symbol="NT$"><span>TWD</span>New Taiwan Dollar (TWD)</a> <a class="currency" data-currency-code="NZD" data-currency-symbol="$"><span>NZD</span>New Zealand Dollar (NZD)</a> <a class="currency" data-currency-code="NIO" data-currency-symbol="C$"><span>NIO</span>Nicaraguan Córdoba (NIO)</a> <a class="currency" data-currency-code="NGN" data-currency-symbol="₦"><span>NGN</span>Nigerian Naira (NGN)</a> <a class="currency" data-currency-code="NOK" data-currency-symbol="kr"><span>NOK</span>Norwegian Krone (NOK)</a> <a class="currency" data-currency-code="OMR" data-currency-symbol="﷼"><span>OMR</span>Omani Rial (OMR)</a> <a class="currency" data-currency-code="PKR" data-currency-symbol="₨"><span>PKR</span>Pakistani Rupee (PKR)</a> <a class="currency" data-currency-code="PGK" data-currency-symbol="$"><span>PGK</span>Papua New Guinean Kina (PGK)</a> <a class="currency" data-currency-code="PYG" data-currency-symbol="Gs"><span>PYG</span>Paraguayan Guarani (PYG)</a> <a class="currency" data-currency-code="PEN" data-currency-symbol="S/."><span>PEN</span>Peruvian Nuevo Sol (PEN)</a> <a class="currency" data-currency-code="PHP" data-currency-symbol="₱"><span>PHP</span>Philippine Peso (PHP)</a> <a class="currency" data-currency-code="PLN" data-currency-symbol="zł"><span>PLN</span>Polish Zioty (PLN)</a> <a class="currency" data-currency-code="QAR" data-currency-symbol="﷼"><span>QAR</span>Qatari Rial (QAR)</a> <a class="currency" data-currency-code="RON" data-currency-symbol="lei"><span>RON</span>Romanian Leu (RON)</a> <a class="currency" data-currency-code="RUB" data-currency-symbol="руб"><span>RUB</span>Russian Ruble (RUB)</a> <a class="currency" data-currency-code="SVC" data-currency-symbol="$"><span>SVC</span>Salvadoran Colón (SVC)</a> <a class="currency" data-currency-code="SAR" data-currency-symbol="﷼"><span>SAR</span>Saudi Riyal (SAR)</a> <a class="currency" data-currency-code="RSD" data-currency-symbol="Дин."><span>RSD</span>Serbian Dinar (RSD)</a> <a class="currency" data-currency-code="SCR" data-currency-symbol="₨"><span>SCR</span>Seychellois Rupee (SCR)</a> </div> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="SLL" data-currency-symbol="$"><span>SLL</span>Sierra Leonean Leone (SLL)</a> <a class="currency" data-currency-code="SKK" data-currency-symbol="$"><span>SKK</span>Slovak Koruna (SKK)</a> <a class="currency" data-currency-code="ZAR" data-currency-symbol="R"><span>ZAR</span>South African Rand (ZAR)</a> <a class="currency" data-currency-code="KRW" data-currency-symbol="₩"><span>KRW</span>South Korean Won (KRW)</a> <a class="currency" data-currency-code="LKR" data-currency-symbol="₨"><span>LKR</span>Sri Lankan Rupee (LKR)</a> <a class="currency" data-currency-code="SEK" data-currency-symbol="kr"><span>SEK</span>Swedish Krona (SEK)</a> <a class="currency" data-currency-code="CHF" data-currency-symbol="CHF"><span>CHF</span>Swiss Franc (CHF)</a> <a class="currency" data-currency-code="TZS" data-currency-symbol="$"><span>TZS</span>Tanzanian Shilling (TZS)</a> <a class="currency" data-currency-code="THB" data-currency-symbol="฿"><span>THB</span>Thai Baht (THB)</a> <a class="currency" data-currency-code="TTD" data-currency-symbol="TT$"><span>TTD</span>Trinidad and Tobago Dollar (TTD)</a> <a class="currency" data-currency-code="TND" data-currency-symbol="$"><span>TND</span>Tunisian Dinar (TND)</a> <a class="currency" data-currency-code="TRY" data-currency-symbol="₺"><span>TRY</span>Turkish Lira (TRY)</a> <a class="currency" data-currency-code="UGX" data-currency-symbol="$"><span>UGX</span>Ugandan Shilling (UGX)</a> <a class="currency" data-currency-code="UAH" data-currency-symbol="₴"><span>UAH</span>Ukrainian Hryvnia (UAH)</a> <a class="currency" data-currency-code="AED" data-currency-symbol="$"><span>AED</span>United Arab Emirates Dirham (AED)</a> <a class="currency" data-currency-code="UYU" data-currency-symbol="$U"><span>UYU</span>Uruguayan Peso (UYU)</a> <a class="currency" data-currency-code="UZS" data-currency-symbol="лв"><span>UZS</span>Uzbekistan Som (UZS)</a> <a class="currency" data-currency-code="VEF" data-currency-symbol="Bs"><span>VEF</span>Venezuelan Bolívar (VEF)</a> <a class="currency" data-currency-code="VND" data-currency-symbol="₫"><span>VND</span>Vietnamese Dong (VND)</a> <a class="currency" data-currency-code="YER" data-currency-symbol="﷼"><span>YER</span>Yemeni Rial (YER)</a> <a class="currency" data-currency-code="ZMK" data-currency-symbol="$"><span>ZMK</span>Zambian Kwacha (1968-2012) (ZMK)</a> </div> </div> </div> </div> </div> <nav class="main-navigation"> <div class="navbar navbar-expand-lg" id="main-navbar"> <div class="container"> <div class="main-bar d-flex align-items-center"> <div class="d-flex"> <div class="d-flex bars-v3-wrapper"> <div class="bars-v3 panels-button" style="z-index: 1000;"> <div class="bar1"></div> <div class="bar2"></div> <div class="bar3"></div> </div> <div class="burger-menu-mobile"> <button class="navbar-toggler non-active-mobile-toggler" type="button" data-target="#navbarMobile" style="transform: rotate(180deg);" aria-label="Toggle navigation"> <div class="head-navbar-mobile"> <div class="nav-burger-mobile"></div> <div class="nav-burger-mobile1"></div> <div class="nav-burger-mobile2"></div> </div> </button> </div> </div> <div> <a class="navbar-brand" href="/en/hotels-and-resorts/pp-london.html"> <img class="branding-logo" src="/content/dam/pphg-revamp/logos/panpacific/Pan-Pacific-London-Hor.svg"/> </a> </div> </div> <div class="navbar-items d-flex align-items-center justify-content-end"> <div class="eshop-button"> <a class="d-flex align-items-center gift-wrapper " analytics-id="Top Nav Bar" href="https://panpacificlondon.wearegifted.co.uk/" analytics-text="Gifting" target="_blank"> <svg class="icon-container icon-list gift"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-shop" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-shop"></use> </svg> <div class="label">Gifting</div> </a> </div> <div class="d-flex tooltip-signup"> <a class="d-flex align-items-center signin-icon member-nav signin-signup-btn" data-src="#gha-fancybox-modal" data-fancybox analytics-id="topnav_signup"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <div class="label"> <span>Pan Pacific DISCOVERY</span> <span class="label3">Sign Up/Login</span> </div> </a> <div class="dropdown member-nav logged-in d-none"> <a class="d-flex signin-icon d-flex align-items-center" id="member-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <span class="name-logged-in"></span><!-- This span will replaced with actual name after login --> <i class="fa fa-angle-down"></i> </a> <div class="dropdown-menu menu-for-logged-in" aria-labelledby="member-menu"> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#travel-dashboard">Travel Dashboard</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#bookings">Bookings</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#profile">Profile</a> <hr/> <a class="dropdown-item dropdown-font d-flex logout-link">Logout</a> <input type="hidden" name="loginprofileendpoint" value="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.loginprofile.html"/> <input type="hidden" name="logoutendpoint" value="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.logout.html"/> </div> </div> <div class="gha-modal component"> <div class="d-none"> <div id="gha-fancybox-modal"> <div class="gha-form component"> <div id="login-screen" v-if="currentView=='login-screen'" v-cloak> <div class="row"> <div class="col-sm-6"> <!-- Start: Heading Component --> <h3>Pan Pacific DISCOVERY Sign In</h3> <!-- End: Heading Component --> <form class="login-form pt10" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.loginid!='','text-error': errors.has('loginid')}"> <label for="loginid">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="login.loginid" name="loginid" key="loginid" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('loginid')" v-text="errors.first('loginid')"></p> </div> </div> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="login.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="login" :on-success="onRecaptchaLoginFormSubmit"> <button class="button button-primary btn login">Sign In</button> </google-recaptcha> <button v-if="chinaNetwork" class="button button-primary btn login" type="submit" v-on:click="onLoginFormSubmit">Sign In</button> <a class="btn-block smaller h-link" v-on:click="onShowForgetPassword" href="#">Forgot Password</a> </form> <div class="additional-option"> <div class="row"> <div class="col-sm-5"><span></span></div> <div class="col-sm-2">OR</div> <div class="col-sm-5"><span></span></div> </div> </div> <div class="social-icons"> <!--<input id="fbtokenid" type="hidden" v-model="facebooklogin.fbtokenid" name="fbtokenid" key="fbtokenid"> <input id="googletokenid" type="hidden" v-model="googlelogin.googletokenid" name="googletokenid" key="googletokenid"> <input id="userAccessThrough" type="hidden" name="userAccessedThrough"> --> <a class="btn" id="fbLink" href="javascript:void(0);" v-on:click="fbLogin"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook"></use><span>Login with Facebook</span> </svg> </a> <a href="javascript:void(0);" class="customGPlusSignIn" id="googleLink" onclick="startApp();"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google"></use><span>Sign in with Google</span> </svg> </a> </div> </div> <div class="col-sm-6 join-today"> <div class="desktop-version d-none d-md-block d-lg-block d-lg-none"> <div class="join-title"> <!-- Start: Heading Component --> <h3>Join Us Today</h3> <!-- End: Heading Component --> <!-- Start: Heading Component --> <h4>Benefits of Pan Pacific DISCOVERY</h4> <!-- End: Heading Component --> </div> <div class="mt30 register-content"> <ul> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate"> </use> </svg>10% savings year-round on Flexible Rate </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar"> </use> </svg>Instant currency rewards on eligible spend </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining"> </use> </svg>Up to 25% savings on total dining bill </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward"> </use> </svg>Exclusive birthday savings and privileges </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade"> </use> </svg>Enjoy complimentary room upgrades* </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o"> </use> </svg>*Subject to availability upon check-in </li> </ul> </div> </div> <div class="mobile-version d-block d-sm-none"> <!-- Start: Heading Component --> <h3>Join Us Today</h3> <!-- End: Heading Component --> <p>Receive exclusive membership benefits!</p> </div> <a class="button button-primary register" href="/en/panpacific-discovery/sign-up-today.html?r=PPLON">REGISTER</a> </div> </div> </div> <div id="select-login-account-screen" v-if="currentView=='select-login-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12"> <!-- Start: Heading Component --> <h3>Select Account</h3> <!-- End: Heading Component --> <p>Please select from the accounts below:</p> <form class="login-account-form" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding" v-for="profile in login.profiles"> <div class="account-wrapper" v-on:click="onSelectLoginAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div> <!--.divider-grey--> <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: login.profileid =='' }" v-on:click="onSelectLoginAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToLoginScreen()">CANCEL</a></div> </form> </div> </div> </div> <div id="forget-password-screen" v-if="currentView=='forget-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>Forgot Password</h3> <!-- End: Heading Component --> <p><p>Thank you for your request. If you have forgotten or lost your password, please visit <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank">GHA DISCOVERY</a> to reset it.<br /> </p> </p> <form class="forget-password-form pt10 pb20" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.usernameemail!='','text-error': errors.has('usernameemail')}"> <label for="usernameemail">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="reset.usernameemail" name="usernameemail" key="usernameemail" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('usernameemail')" v-text="errors.first('usernameemail')"></p> </div> </div> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="forgot-password" :on-success="onRecaptchaForgetPasswordSubmit"> <button class="button button-primary">RESET</button> </google-recaptcha> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="reset.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <button v-if="chinaNetwork" class="button button-primary" type="submit" v-on:click="onForgetPasswordSubmit">RESET</button> </form> </div> </div> </div> <div id="forget-password-select-account-screen" v-if="currentView=='forget-password-select-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12"> <!-- Start: Heading Component --> <h3>Select Account</h3> <!-- End: Heading Component --> <p>Please select from the accounts below:</p> <form class="reset-account-form" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb10 no-padding" v-for="profile in reset.profiles"> <div class="account-wrapper" v-on:click="onSelectResetAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div> <!--.divider-grey--> <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: reset.profileid =='' }" v-on:click="onSelectResetAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToResetPasswordScreen()">CANCEL</a> </div> </form> </div> </div> </div> <div id="forget-password-success-screen" v-if="currentView=='forget-password-success-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>Password Reset</h3> <!-- End: Heading Component --> <p></p> <a class="link link-primary d-inline-flex align-items-center" v-on:click="onBackToLoginScreen()">Back to login</a> </div> </div> </div> <div id="loading-screen" v-if="currentView=='loading-screen'" v-cloak> <div class="row"> <div class="col-sm-12 text-center"> <h3>Please wait a moment</h3> <p><p>We are currently processing your request.<br /> Please do not close your browser window or navigate away from this page.<br /> Thank you.</p> </p> <div class="ajax-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> </div> <div id="E513" v-if="currentView=='login-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>DISCOVERY Login Password</h3> <!-- End: Heading Component --> <p>This is done for the security reasons to make sure user is really authorized to login. <br/>For any future logins user will not be prompted to enter the password.</p> <form class="login-password-form pt10 pb20" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST" v-on:submit.prevent="onShowLoginPassword"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <button class="button button-primary" type="submit">SUBMIT</button> </form> </div> </div> </div> </div> </div> </div> </div> <div class="gha-errors d-none"> <div id="EDEFAULT-LOGIN"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <div class="text-center links"> <a href="https://www.ghadiscovery.com/support/home" target="_blank">DISCOVERY Membership Services</a> <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank"> Forgot your password? </a> </div> <div> <p>To request for your username, contact DISCOVERY Membership Services and select “Accessing my Member Account” when completing the form.</p> </div> </div> </div> <div id="EDEFAULT-REGISTRATION"> <div class="title">Our Apologies.</div> <div class="description"> <p>Your request cannot be submitted, please try again later. Alternatively, please <a href="/en/contact-us.html" target="_blank">contact us</a> via our toll-free numbers or directly with the hotel you wish to stay in. Thank you.<br /> </p> </div> </div> <div id="E505"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="d-block" href="https://www.discoveryloyalty.com/Contact-Us" target="_blank"> Forgot your username? </a> <br/> <div> <p>Click on the link above to retrieve your username from DISCOVERY Membership Services. Please select ‘Accessing my Member Account’ when completing the form.</p> </div> </div> </div> <div id="E506"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="gha-forget-password-link"> Forgot your password? </a> <br/> <div> <p>The password entered does not correspond with the username or email address. Please try again or click on the link above to retrieve your password.</p> </div> </div> </div> <div id="E508"> <div class="title">Our apologies.</div> <div class="description">There is already an existing account with this email address or username. Please proceed to sign-in or reset your password using your email address.</div> </div> <div id="E509"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <p>The email address is invalid. Would you like to create an account using this email address?</p> <p><a href="/en/members/sign-up-today.html">Sign up here!</a><br /> </p> </div> </div> <div id="E512"> <div class="title">Invalid email address</div> <div class="description"> <p>Sorry, we are unable to find a Pan Pacific DISCOVERY member account with that email address.</p> <p>You can sign up <a href="/en/members/sign-up-today.html"><u>here</u></a> to join Pan Pacific Discovery.<br /> </p> </div> </div> <div> <input id="fbtokenid" type="hidden" v-model="facebooklogin.fbtokenid" name="fbtokenid" key="fbtokenid"/> <input id="googletokenid" type="hidden" v-model="googlelogin.googletokenid" name="googletokenid" key="googletokenid"/> <input id="userAccessThrough" type="hidden" name="userAccessedThrough"/> <input id="ghaRegisterEmail" type="hidden" name="ghaRegisterEmail"/> <input id="ghaRegisterToken" type="hidden" name="ghaRegisterToken"/> </div> </div> </div> <div class="cta cta-v2 component d-none d-lg-block"> <a class="buttonV2 book-now-button collapsed " href="/en/booking/search.html?propertyCode=pplon"> <div> <svg class="icon-container icon-bed"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline"> </use> </svg> <p class="button-text">Stay With Us</p> <div class="cross-button"> <div class="cross-bar cross-bar1"></div> <div class="cross-bar cross-bar2"></div> </div> </div> </a> </div> <div class="cta cta-v2 component d-none d-lg-block"> <a class="buttonV2 book-now-button collapsed" data-toggle="collapse" data-target="#clickable-dinein-panel" aria-expanded="false"> <div> <svg class="icon-container icon-dine-desktop"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-dine-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-dine-outline"> </use> </svg> <p class="button-text">Dine With Us</p> <div class="cross-button"> <div class="cross-bar cross-bar1"></div> <div class="cross-bar cross-bar2"></div> </div> </div> <div class="col p-0 dropdown-menu" aria-labelledby="diningMenuButton"> </div> </a> </div> <a class="gototop-button" style="margin-left: 30px"> <svg class="icon-container arrow-up" style="transform: rotate(-90deg); margin: 10px"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> </a> </div> <div class="d-lg-none d-flex align-items-center justify-content-end mobile-toggle"> <div> <a class="button button-book text-center close-booking-panel-active close-booking-panel-mobile" data-toggle="collapse" data-target="#booking-panel-drawer" style="display: none;"> <svg class="icon-container icon-close-booking-panel"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close"></use> </svg> </a> </div> </div> </div> </div> <div class="nav-overlay-container"> <div class="nav-overlay panels d-none d-lg-block"> <div id="arrow-icon"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-left" link:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-left"></use> </svg> </div> <div class="d-flex nav-overlay-content"> <div> <div class="nav-list-container "> <ul> <div class="nav-pannel row"> <div class="container pr-0"> <div class="navbar-container"> <form class="global-search" name="global-search" action="/content/pphg-revamp/en/search-result.html" method="GET"> <div id="search-icon-mobile"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> </div> <div id="search-field-mobile" class="custom-input-textfield d-none"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> <div class="easy-autocomplete"> <input class="form-control" type="text" placeholder="Search" name="search-input-field" data-endpoint="/content/pphg-admin/search-suggestion/_jcr_content.list.json" id="eac-197" autocomplete="off"/> <div class="easy-autocomplete-container" id="eac-container-eac-197"> <ul style="display: none;"></ul> </div> </div> <button type="button" onclick="document.getElementsByName('search-input-field')[1].value=''"> <svg class="icon-container icon-clear"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x"></use> </svg> </button> </div> </form> <div class="collapse navbar-collapse"> <ul class="navbar-nav"> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/festive.html" data-toggle="collapse">Festive Season </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-1">The Hotel <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item active navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-2">Rooms | Suites <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-3">Restaurants | Bars <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/offers.html" data-toggle="collapse">Offers </a> </li> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/sensory-wellbeing.html" data-toggle="collapse">SENSORY Wellbeing </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-6">Meetings and Events <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/family.html" data-toggle="collapse">Family </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-8">Celebrations <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> </ul> </div> </div> </div> </div> </ul> <div class="social-media-icons"><div class="d-flex panpacific"> <span class="d-inline-flex">Pan Pacific London</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/PanPacificLondon/' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.instagram.com/panpacificlondon/' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.linkedin.com/company/pan-pacific-london' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin'></use> </svg></a></li> </ul> </div></div> <div style="position: relative; left: 26px"> <svg class="icon-container arrow-right" style="transform: rotate(-180deg); position: absolute; left: -28px;top: 2px;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> <a href="/en.html" class="social-media-icons-visit-pan-pacific"> Back to Global Homepage </a> </div> </div> <div class="selection-pane-container" style="background-image: url('');"> <div class="subnav-wrapper subnav-topnav"> <div class="panel collapse" id="subnav-top-navigation-drawer-mobile-00" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Global Homepage</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Australia"> Australia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Australia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/australia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Australia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-melbourne.html">Pan Pacific Melbourne</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-perth.html">Pan Pacific Perth</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-darling-harbour-sydney.html">PARKROYAL Darling Harbour, Sydney</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-melbourne-airport.html">PARKROYAL Melbourne Airport</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-monash-melbourne.html">PARKROYAL Monash Melbourne</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-parramatta.html">PARKROYAL Parramatta</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Bangladesh"> Bangladesh </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Bangladesh"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/bangladesh.html" class="countryNameList-v3 destinationSubNav global-redirect"> Bangladesh </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-dhaka.html">Pan Pacific Sonargaon Dhaka</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Canada"> Canada </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Canada"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/canada.html" class="countryNameList-v3 destinationSubNav global-redirect"> Canada </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-toronto.html">Pan Pacific Toronto</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-vancouver.html">Pan Pacific Vancouver</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-mountainside.html">Pan Pacific Whistler Mountainside</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-village-centre.html">Pan Pacific Whistler Village Centre</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-China"> China </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-China"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/china.html" class="countryNameList-v3 destinationSubNav global-redirect"> China </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-beijing.html">Pan Pacific Beijing</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-ningbo.html">Pan Pacific Ningbo</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-suzhou.html">Pan Pacific Suzhou</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-tianjin.html">Pan Pacific Tianjin</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-xiamen.html">Pan Pacific Xiamen</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-ningbo.html">Pan Pacific Serviced Suites Ningbo</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Indonesia"> Indonesia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Indonesia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/indonesia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Indonesia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-jakarta.html">Pan Pacific Jakarta</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-jakarta.html">PARKROYAL Serviced Suites Jakarta</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Japan"> Japan </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Japan"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/japan.html" class="countryNameList-v3 destinationSubNav global-redirect"> Japan </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/bellustar-tokyo.html">BELLUSTAR TOKYO, A Pan Pacific Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/cerulean-tower-tokyu.html">Cerulean Tower Tokyu Hotel, A Pan Pacific Partner Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/higashiyama-kyoto.html">THE HOTEL HIGASHIYAMA KYOTO TOKYU, A Pan Pacific Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/hotel-groove-shinjuku.html">HOTEL GROOVE SHINJUKU, A PARKROYAL Hotel</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Kenya"> Kenya </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Kenya"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/kenya.html" class="countryNameList-v3 destinationSubNav global-redirect"> Kenya </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-nairobi.html">Pan Pacific Serviced Suites Nairobi </a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Malaysia"> Malaysia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Malaysia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/malaysia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Malaysia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-kuala-lumpur.html">PARKROYAL COLLECTION Kuala Lumpur</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-afamosa-melaka-resort.html">PARKROYAL A'Famosa Melaka Resort</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-langkawi.html">PARKROYAL Langkawi Resort</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-penang.html">PARKROYAL Penang Resort</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-gurney-bay.html">Gurney Bay Hotel, A PARKROYAL Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-kuala-lumpur.html">Pan Pacific Serviced Suites Kuala Lumpur</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-kuala-lumpur.html">PARKROYAL Serviced Suites Kuala Lumpur</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Myanmar"> Myanmar </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Myanmar"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/myanmar.html" class="countryNameList-v3 destinationSubNav global-redirect"> Myanmar </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-yangon.html">Pan Pacific Yangon</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-nay-pyi-taw.html">PARKROYAL Nay Pyi Taw</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-yangon.html">PARKROYAL Yangon</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Singapore"> Singapore </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Singapore"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/singapore.html" class="countryNameList-v3 destinationSubNav global-redirect"> Singapore </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-orchard-sg.html">Pan Pacific Orchard</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-marina.html">Pan Pacific Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-marina-bay.html">PARKROYAL COLLECTION Marina Bay, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-pickering.html">PARKROYAL COLLECTION Pickering, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-beach-road.html">PARKROYAL on Beach Road, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-beach-road.html">Pan Pacific Serviced Suites Beach Road, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-orchard.html">Pan Pacific Serviced Suites Orchard, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-singapore.html">PARKROYAL Serviced Suites Singapore</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Thailand"> Thailand </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Thailand"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/thailand.html" class="countryNameList-v3 destinationSubNav global-redirect"> Thailand </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-ss-bangkok.html">PARKROYAL Suites Bangkok</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link active" href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-United-Kingdom"> United Kingdom </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-United-Kingdom"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/united-kingdom.html" class="countryNameList-v3 destinationSubNav global-redirect"> United Kingdom </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type active" href="/en/hotels-and-resorts/pp-london.html">Pan Pacific London</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Vietnam"> Vietnam </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Vietnam"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/vietnam.html" class="countryNameList-v3 destinationSubNav global-redirect"> Vietnam </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-hanoi.html">Pan Pacific Hanoi</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-saigon.html">PARKROYAL Saigon</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Upcoming-Hotels-and-Serviced-Suites" href="#" class="global-property subnav-link collapsed"> <span style="width: 68%">Upcoming Hotels and Serviced Suites</span> </a> </div> <div class="subnav-item-drawer collapse" aria-expanded="true" id="sub-destination-drawer-mobile-Upcoming-Hotels-and-Serviced-Suites"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/upcoming-hotels-serviced-suites.html" class="countryNameList-v3 destinationSubNav global-redirect "> Upcoming Hotels and Serviced Suites </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-dalian.html">PARKROYAL Dalian (Opening 2025)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-jakarta.html">PARKROYAL Jakarta (Opening 2025)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-phnom-penh.html">Pan Pacific Phnom Penh (Opening Q1 2026)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-siem-reap.html">PARKROYAL Siem Reap (Opening Q1 2026)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-siam-bangkok.html">Pan Pacific Siam Bangkok (Opening 2027)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-hanoi.html">PARKROYAL Hanoi (Opening 2027)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-bangkok.html">Pan Pacific Serviced Suites Bangkok (Opening 2027)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-hanoi.html">PARKROYAL Serviced Suites Hanoi (Opening Soon)</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-0" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/festive.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Festive Season</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-1" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/the-hotel.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">The Hotel</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/hotel-policy.html">Hotel Policy</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/location.html">Location</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/sustainability.html">Sustainability</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/insights.html">Destination Insights</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/gallery.html">Gallery</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/paws-at-pan-pacific.html">Paws at Pan Pacific</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/awards-and-accolades.html">Awards and Accolades</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/sensorysleep.html">SENSORY Sleep</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/accessibility.html">Accessibility</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/the-hotel/our-lifestyle-magazine.html">Our Lifestyle Magazine</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-2" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/rooms.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Rooms | Suites</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/deluxe-room.html">Deluxe Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/deluxe-double-double-room.html">Deluxe Double Double Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/deluxe-city-view-room.html">Deluxe City View Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/premier-room.html">Premier Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/premier-double-double-room.html">Premier Double Double Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/executive-room.html">Executive Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/executive-city-view-room.html">Executive City View Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/executive-accessible-room.html">Executive Accessible Room</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/devonshire-suite.html">Devonshire Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/walbrook-city-view-suite.html">Walbrook City View Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link active" href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html">Bishopsgate Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-two-bedroom-suite.html">Bishopsgate Two Bedroom Suite</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/rooms/pan-pacific-suite.html">Pan Pacific Suite</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-3" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/dining.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Restaurants | Bars</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/straits-kitchen.html">Straits Kitchen & Bar</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/ginger-lily.html">Ginger Lily Bar & Lounge</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/silverleaf.html">Silverleaf</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/shiok.html">SHIOK!</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/in-room-dining.html">In-Room Dining</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/dining/private-dining-and-events.html">Private Dining</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-4" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/offers.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Offers</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-5" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/sensory-wellbeing.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">SENSORY Wellbeing</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-6" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/meeting-and-events.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Meetings and Events</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/pacific-ballroom.html">Pacific Ballroom</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/meeting-place.html">Meeting Place </a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/four-swans.html">Four Swans</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/white-hart.html">White Hart</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/magpie.html">Magpie</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/green-dragon.html">Green Dragon</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/black-bull.html">Black Bull </a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/market-square.html">Market Square</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/leadenhall.html">Leadenhall</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/brick-lane.html">Brick Lane</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/columbia-road.html">Columbia Road</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/meeting-and-events/spitalfields.html">Spitalfields</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-7" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/family.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Family</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-8" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/hotels-and-resorts/pp-london/celebrations.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Celebrations</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/hotels-and-resorts/pp-london/celebrations/wedding-venues.html">Our Wedding Event Venues</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> </div> <!-- footer START --> <div class="footer-content"> <div class="contact-address-selector d-flex flex-row"> <div class="footer-content-wrapper address"> <span> <b>Address</b> </span> <div class="contact-address-content"> <div class="d-flex"> <div class="contact-address mb20"> 80 Houndsditch, London, EC3A 7AB, United Kingdom </div> </div> </div> </div> <div class="footer-content-wrapper call-us"> <span> <b>Call Us</b> </span> <div class="contact-address-content"> <div class="d-flex" style="flex-direction: column;"> <div class="contact-address">+44 (0) 20 7118 6888</div> <div class="contact-address">0800 031 8255 (Toll-free)</div> </div> </div> </div> <div class="footer-content-wrapper email-us"> <span> <b>Email Us</b> </span> <div class="contact-address-content"> <div class="d-flex"> <div class="contact-address mb20">enquiry.pplon@panpacific.com</div> </div> </div> </div> </div> </div> <!-- footer END --> </div> </div> </div> </div> </div> <div class="row cta-mobile d-none" style="color: white"> <div class="col items collapsed"> <a class="d-flex gift-mobile-new align-items-center member-nav gift-wrapper " target="_blank" analytics-text="Gifting" href="https://panpacificlondon.wearegifted.co.uk/" analytics-id="Top Nav Bar"> <svg class="icon-container icon-list gift"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-gift" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-gift"></use> </svg> <label>Gifting</label> </a> </div> <a class="col items collapsed" data-toggle="collapse" data-target="#clickable-dinein-panel" aria-expanded="false"> <div class="icon-container"> <svg class="icon-dine-mobile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-dine-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-dine-outline"> </use> </svg> </div> <span>Dine With Us</span> </a> <a class="space-icon-text col items collapsed d-flex " href="/en/booking/search.html?propertyCode=pplon"> <div class="icon-container"> <svg class="icon-bed-mobile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline"> </use> </svg> </div> <span>Stay With Us</span> </a> </div> </div> <div id="clickable-dinein-panel" data-parent=".navigation3.component" class="collapse"> <p style="padding: 20px 0px 10px 0px; font-size: 21px; flex-direction: column; text-align: center; line-height: 17px; font-weight: 400; font-family: 'Playfair Display';" class="explore-dining d-none d-lg-block">Explore Dining</p> <a class="dropdown-item d-flex align-items-center dropdown-dining-menu" href="https://www.sevenrooms.com/reservations/straitskitchen?venues=straitskitchen,orchidlounge,gingerlily,silverleaf" style="justify-content:center;font-size: 16px; line-height: 24px; font-weight: 700;" target="_blank"> Straits Kitchen & Bar </a> <a class="dropdown-item d-flex align-items-center dropdown-dining-menu" href="https://www.sevenrooms.com/reservations/gingerlily?venues=gingerlily,silverleaf,straitskitchen,orchidlounge" style="justify-content:center;font-size: 16px; line-height: 24px; font-weight: 700;" target="_blank"> Ginger Lily Bar & Lounge </a> <a class="dropdown-item d-flex align-items-center dropdown-dining-menu" href="https://www.sevenrooms.com/reservations/silverleaf?venues=silverleaf,gingerlily,straitskitchen,orchidlounge" style="justify-content:center;font-size: 16px; line-height: 24px; font-weight: 700;" target="_blank"> Silverleaf </a> </div> <!-- Force disable the booking panel in header for room detail page --> </nav> <nav class="mobile-navigation"> <div id="navbarMobile"> <div class="nav-wrapper collapse show "> <div class="navbar-head"> <div class="d-flex justify-content-end"> <div> </div> </div> <div class="justify-content-center content-navbar-mobile"> <div class="sign-in-button-wrapper"> <a class="d-flex align-items-center signin-icon member-nav signin-signup-btn" data-src="#gha-fancybox-modal" data-fancybox analytics-id="topnav_signup"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <div class="label"> <span>Pan Pacific DISCOVERY</span> <span class="label3">Sign Up/Login</span> </div> </a> <div class="dropdown member-nav logged-in d-none"> <a class="d-flex signin-icon d-flex align-items-center" id="member-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <span class="name-logged-in"></span><!-- This span will replaced with actual name after login --> <i class="fa fa-angle-down"></i> </a> <div class="dropdown-menu menu-for-logged-in" aria-labelledby="member-menu"> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#travel-dashboard">Travel Dashboard</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#bookings">Bookings</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#profile">Profile</a> <hr/> <a class="dropdown-item dropdown-font d-flex logout-link">Logout</a> <input type="hidden" name="loginprofileendpoint" value="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.loginprofile.html"/> <input type="hidden" name="logoutendpoint" value="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.logout.html"/> </div> </div> <div class="gha-modal component"> <div class="d-none"> <div id="gha-fancybox-modal"> <div class="gha-form component"> <div id="login-screen" v-if="currentView=='login-screen'" v-cloak> <div class="row"> <div class="col-sm-6"> <!-- Start: Heading Component --> <h3>Pan Pacific DISCOVERY Sign In</h3> <!-- End: Heading Component --> <form class="login-form pt10" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.loginid!='','text-error': errors.has('loginid')}"> <label for="loginid">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="login.loginid" name="loginid" key="loginid" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('loginid')" v-text="errors.first('loginid')"></p> </div> </div> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="login.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="login" :on-success="onRecaptchaLoginFormSubmit"> <button class="button button-primary btn login">Sign In</button> </google-recaptcha> <button v-if="chinaNetwork" class="button button-primary btn login" type="submit" v-on:click="onLoginFormSubmit">Sign In</button> <a class="btn-block smaller h-link" v-on:click="onShowForgetPassword" href="#">Forgot Password</a> </form> <div class="additional-option"> <div class="row"> <div class="col-sm-5"><span></span></div> <div class="col-sm-2">OR</div> <div class="col-sm-5"><span></span></div> </div> </div> <div class="social-icons"> <!--<input id="fbtokenid" type="hidden" v-model="facebooklogin.fbtokenid" name="fbtokenid" key="fbtokenid"> <input id="googletokenid" type="hidden" v-model="googlelogin.googletokenid" name="googletokenid" key="googletokenid"> <input id="userAccessThrough" type="hidden" name="userAccessedThrough"> --> <a class="btn" id="fbLink" href="javascript:void(0);" v-on:click="fbLogin"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook"></use><span>Login with Facebook</span> </svg> </a> <a href="javascript:void(0);" class="customGPlusSignIn" id="googleLink" onclick="startApp();"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google"></use><span>Sign in with Google</span> </svg> </a> </div> </div> <div class="col-sm-6 join-today"> <div class="desktop-version d-none d-md-block d-lg-block d-lg-none"> <div class="join-title"> <!-- Start: Heading Component --> <h3>Join Us Today</h3> <!-- End: Heading Component --> <!-- Start: Heading Component --> <h4>Benefits of Pan Pacific DISCOVERY</h4> <!-- End: Heading Component --> </div> <div class="mt30 register-content"> <ul> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate"> </use> </svg>10% savings year-round on Flexible Rate </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar"> </use> </svg>Instant currency rewards on eligible spend </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining"> </use> </svg>Up to 25% savings on total dining bill </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward"> </use> </svg>Exclusive birthday savings and privileges </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade"> </use> </svg>Enjoy complimentary room upgrades* </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o"> </use> </svg>*Subject to availability upon check-in </li> </ul> </div> </div> <div class="mobile-version d-block d-sm-none"> <!-- Start: Heading Component --> <h3>Join Us Today</h3> <!-- End: Heading Component --> <p>Receive exclusive membership benefits!</p> </div> <a class="button button-primary register" href="/en/panpacific-discovery/sign-up-today.html?r=PPLON">REGISTER</a> </div> </div> </div> <div id="select-login-account-screen" v-if="currentView=='select-login-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12"> <!-- Start: Heading Component --> <h3>Select Account</h3> <!-- End: Heading Component --> <p>Please select from the accounts below:</p> <form class="login-account-form" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding" v-for="profile in login.profiles"> <div class="account-wrapper" v-on:click="onSelectLoginAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div> <!--.divider-grey--> <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: login.profileid =='' }" v-on:click="onSelectLoginAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToLoginScreen()">CANCEL</a></div> </form> </div> </div> </div> <div id="forget-password-screen" v-if="currentView=='forget-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>Forgot Password</h3> <!-- End: Heading Component --> <p><p>Thank you for your request. If you have forgotten or lost your password, please visit <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank">GHA DISCOVERY</a> to reset it.<br /> </p> </p> <form class="forget-password-form pt10 pb20" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.usernameemail!='','text-error': errors.has('usernameemail')}"> <label for="usernameemail">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="reset.usernameemail" name="usernameemail" key="usernameemail" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('usernameemail')" v-text="errors.first('usernameemail')"></p> </div> </div> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="forgot-password" :on-success="onRecaptchaForgetPasswordSubmit"> <button class="button button-primary">RESET</button> </google-recaptcha> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="reset.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <button v-if="chinaNetwork" class="button button-primary" type="submit" v-on:click="onForgetPasswordSubmit">RESET</button> </form> </div> </div> </div> <div id="forget-password-select-account-screen" v-if="currentView=='forget-password-select-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12"> <!-- Start: Heading Component --> <h3>Select Account</h3> <!-- End: Heading Component --> <p>Please select from the accounts below:</p> <form class="reset-account-form" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb10 no-padding" v-for="profile in reset.profiles"> <div class="account-wrapper" v-on:click="onSelectResetAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div> <!--.divider-grey--> <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: reset.profileid =='' }" v-on:click="onSelectResetAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToResetPasswordScreen()">CANCEL</a> </div> </form> </div> </div> </div> <div id="forget-password-success-screen" v-if="currentView=='forget-password-success-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>Password Reset</h3> <!-- End: Heading Component --> <p></p> <a class="link link-primary d-inline-flex align-items-center" v-on:click="onBackToLoginScreen()">Back to login</a> </div> </div> </div> <div id="loading-screen" v-if="currentView=='loading-screen'" v-cloak> <div class="row"> <div class="col-sm-12 text-center"> <h3>Please wait a moment</h3> <p><p>We are currently processing your request.<br /> Please do not close your browser window or navigate away from this page.<br /> Thank you.</p> </p> <div class="ajax-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> </div> <div id="E513" v-if="currentView=='login-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12"> <!-- Start: Heading Component --> <h3>DISCOVERY Login Password</h3> <!-- End: Heading Component --> <p>This is done for the security reasons to make sure user is really authorized to login. <br/>For any future logins user will not be prompted to enter the password.</p> <form class="login-password-form pt10 pb20" data-action="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST" v-on:submit.prevent="onShowLoginPassword"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <button class="button button-primary" type="submit">SUBMIT</button> </form> </div> </div> </div> </div> </div> </div> </div> <div class="gha-errors d-none"> <div id="EDEFAULT-LOGIN"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <div class="text-center links"> <a href="https://www.ghadiscovery.com/support/home" target="_blank">DISCOVERY Membership Services</a> <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank"> Forgot your password? </a> </div> <div> <p>To request for your username, contact DISCOVERY Membership Services and select “Accessing my Member Account” when completing the form.</p> </div> </div> </div> <div id="EDEFAULT-REGISTRATION"> <div class="title">Our Apologies.</div> <div class="description"> <p>Your request cannot be submitted, please try again later. Alternatively, please <a href="/en/contact-us.html" target="_blank">contact us</a> via our toll-free numbers or directly with the hotel you wish to stay in. Thank you.<br /> </p> </div> </div> <div id="E505"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="d-block" href="https://www.discoveryloyalty.com/Contact-Us" target="_blank"> Forgot your username? </a> <br/> <div> <p>Click on the link above to retrieve your username from DISCOVERY Membership Services. Please select ‘Accessing my Member Account’ when completing the form.</p> </div> </div> </div> <div id="E506"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="gha-forget-password-link"> Forgot your password? </a> <br/> <div> <p>The password entered does not correspond with the username or email address. Please try again or click on the link above to retrieve your password.</p> </div> </div> </div> <div id="E508"> <div class="title">Our apologies.</div> <div class="description">There is already an existing account with this email address or username. Please proceed to sign-in or reset your password using your email address.</div> </div> <div id="E509"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <p>The email address is invalid. Would you like to create an account using this email address?</p> <p><a href="/en/members/sign-up-today.html">Sign up here!</a><br /> </p> </div> </div> <div id="E512"> <div class="title">Invalid email address</div> <div class="description"> <p>Sorry, we are unable to find a Pan Pacific DISCOVERY member account with that email address.</p> <p>You can sign up <a href="/en/members/sign-up-today.html"><u>here</u></a> to join Pan Pacific Discovery.<br /> </p> </div> </div> <div> <input id="fbtokenid" type="hidden" v-model="facebooklogin.fbtokenid" name="fbtokenid" key="fbtokenid"/> <input id="googletokenid" type="hidden" v-model="googlelogin.googletokenid" name="googletokenid" key="googletokenid"/> <input id="userAccessThrough" type="hidden" name="userAccessedThrough"/> <input id="ghaRegisterEmail" type="hidden" name="ghaRegisterEmail"/> <input id="ghaRegisterToken" type="hidden" name="ghaRegisterToken"/> </div> </div> </div> </div> </div> <div class="navbar-content" data-parent="#navbarMobile"> <div class="nav-pannel row"> <div class="container pr-0"> <div class="navbar-container"> <form class="global-search" name="global-search" action="/content/pphg-revamp/en/search-result.html" method="GET"> <div id="search-icon-mobile"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> </div> <div id="search-field-mobile" class="custom-input-textfield d-none"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> <div class="easy-autocomplete"> <input class="form-control" type="text" placeholder="Search" name="search-input-field" data-endpoint="/content/pphg-admin/search-suggestion/_jcr_content.list.json" id="eac-197" autocomplete="off"/> <div class="easy-autocomplete-container" id="eac-container-eac-197"> <ul style="display: none;"></ul> </div> </div> <button type="button" onclick="document.getElementsByName('search-input-field')[1].value=''"> <svg class="icon-container icon-clear"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x"></use> </svg> </button> </div> </form> <div class="collapse navbar-collapse"> <ul class="navbar-nav"> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/festive.html" data-toggle="collapse">Festive Season </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-1">The Hotel <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item active navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-2">Rooms | Suites <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-3">Restaurants | Bars <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/offers.html" data-toggle="collapse">Offers </a> </li> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/sensory-wellbeing.html" data-toggle="collapse">SENSORY Wellbeing </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-6">Meetings and Events <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <!-- if the topNav does not have a topNav.linkURL, then do not render --> <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/hotels-and-resorts/pp-london/family.html" data-toggle="collapse">Family </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-8">Celebrations <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="container" style="padding: 0 15px;"> <hr style="height: 1px; background-color: #FFF; opacity: 0.24; margin-bottom: 30px;"/> <div class="d-flex align-items-center" style="margin-bottom: 20px; justify-content: space-between;"> <a class="d-flex align-items-center w-100" data-toggle="collapse" data-target="#top-navigation-drawer-mobile"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable w-100 select-dest-button-mobile" data-toggle="collapse" data-target-manual="#subnav-top-navigation-drawer-mobile-00"> You're in Pan Pacific London <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </button> </a> </div> <a class="d-flex align-items-center manage-booking-themes" href="/en/booking/modify.html?brand=pp"> <label>Manage Booking</label> </a> <div class="header-mobile__back-button" style="position: relative;margin-top: 20px; margin-left: 23px;"> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> <a href="/en.html" class="social-media-icons-visit-pan-pacific"> Back to Global Homepage </a> </div> </div> </div> <div class="navbar-foot d-flex justify-content-between"> <div class="d-flex align-items-center language-dropdown-wrapper"> <svg class="icon-container icon-globe-language"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour"> </use> </svg> <span class="color-language-letter letter-default-mobile">English</span></i> <div class="language-mobile-value"> <svg class="icon-container icon-chevron-down-language-selector-mobile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </div> <select> <option value="/content/pphg-revamp/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="en" selected>English</option> <option value="/content/pphg-revamp/zh/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="zh">中文</option> <option value="/content/pphg-revamp/ja/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="ja">日本語</option> <option value="/content/pphg-revamp/fr/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="fr">Français</option> <option value="/content/pphg-revamp/de/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="de">Deutsch</option> <option value="/content/pphg-revamp/es/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html" data-lang="es">Español</option> </select> </div> <div class="d-flex align-items-center currency-dropdown-wrapper"> <input type="hidden" id="defaultCurrency" value="GBP"/> <input type="hidden" name="defCurrency-mob-js" id="defCurrency-mob-js" value="GBP"/> <span>Currency: </span><span id="currency-text">GBP</span> <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> <select id="mobile-currency-dropdown"> <option value="GBP" data-currency-symbol="£"> GBP</option> <option value="CAD" data-currency-symbol="$"> CAD</option> <option value="SGD" data-currency-symbol="$"> SGD</option> <option value="USD" data-currency-symbol="$"> USD</option> <option value="DZD" data-currency-symbol="$"> DZD</option> <option value="AUD" data-currency-symbol="$"> AUD</option> <option value="BHD" data-currency-symbol="$"> BHD</option> <option value="BOB" data-currency-symbol="$b"> BOB</option> <option value="BWP" data-currency-symbol="P"> BWP</option> <option value="BRL" data-currency-symbol="R$"> BRL</option> <option value="BND" data-currency-symbol="$"> BND</option> <option value="BGN" data-currency-symbol="лв"> BGN</option> <option value="KYD" data-currency-symbol="$"> KYD</option> <option value="XOF" data-currency-symbol="$"> XOF</option> <option value="CLP" data-currency-symbol="$"> CLP</option> <option value="CNY" data-currency-symbol="¥"> CNY</option> <option value="COP" data-currency-symbol="$"> COP</option> <option value="CRC" data-currency-symbol="₡"> CRC</option> <option value="HRK" data-currency-symbol="kn"> HRK</option> <option value="CZK" data-currency-symbol="Kč"> CZK</option> <option value="DKK" data-currency-symbol="kr"> DKK</option> <option value="DOP" data-currency-symbol="RD$"> DOP</option> <option value="EGP" data-currency-symbol="£"> EGP</option> <option value="EEK" data-currency-symbol="$"> EEK</option> <option value="EUR" data-currency-symbol="€"> EUR</option> <option value="FJD" data-currency-symbol="$"> FJD</option> <option value="HNL" data-currency-symbol="L"> HNL</option> <option value="HKD" data-currency-symbol="$"> HKD</option> <option value="HUF" data-currency-symbol="Ft"> HUF</option> <option value="INR" data-currency-symbol="₹"> INR</option> <option value="IDR" data-currency-symbol="Rp"> IDR</option> <option value="ILS" data-currency-symbol="₪"> ILS</option> <option value="JMD" data-currency-symbol="J$"> JMD</option> <option value="JPY" data-currency-symbol="¥"> JPY</option> <option value="JOD" data-currency-symbol="$"> JOD</option> <option value="KZT" data-currency-symbol="лв"> KZT</option> <option value="KES" data-currency-symbol="$"> KES</option> <option value="KWD" data-currency-symbol="$"> KWD</option> <option value="LVL" data-currency-symbol="$"> LVL</option> <option value="LBP" data-currency-symbol="£"> LBP</option> <option value="LTL" data-currency-symbol="$"> LTL</option> <option value="MKD" data-currency-symbol="ден"> MKD</option> <option value="MYR" data-currency-symbol="RM"> MYR</option> <option value="MUR" data-currency-symbol="₨"> MUR</option> <option value="MXN" data-currency-symbol="$"> MXN</option> <option value="MDL" data-currency-symbol="$"> MDL</option> <option value="MAD" data-currency-symbol="$"> MAD</option> <option value="NAD" data-currency-symbol="$"> NAD</option> <option value="NPR" data-currency-symbol="₨"> NPR</option> <option value="ANG" data-currency-symbol="ƒ"> ANG</option> <option value="TWD" data-currency-symbol="NT$"> TWD</option> <option value="NZD" data-currency-symbol="$"> NZD</option> <option value="NIO" data-currency-symbol="C$"> NIO</option> <option value="NGN" data-currency-symbol="₦"> NGN</option> <option value="NOK" data-currency-symbol="kr"> NOK</option> <option value="OMR" data-currency-symbol="﷼"> OMR</option> <option value="PKR" data-currency-symbol="₨"> PKR</option> <option value="PGK" data-currency-symbol="$"> PGK</option> <option value="PYG" data-currency-symbol="Gs"> PYG</option> <option value="PEN" data-currency-symbol="S/."> PEN</option> <option value="PHP" data-currency-symbol="₱"> PHP</option> <option value="PLN" data-currency-symbol="zł"> PLN</option> <option value="QAR" data-currency-symbol="﷼"> QAR</option> <option value="RON" data-currency-symbol="lei"> RON</option> <option value="RUB" data-currency-symbol="руб"> RUB</option> <option value="SVC" data-currency-symbol="$"> SVC</option> <option value="SAR" data-currency-symbol="﷼"> SAR</option> <option value="RSD" data-currency-symbol="Дин."> RSD</option> <option value="SCR" data-currency-symbol="₨"> SCR</option> <option value="SLL" data-currency-symbol="$"> SLL</option> <option value="SKK" data-currency-symbol="$"> SKK</option> <option value="ZAR" data-currency-symbol="R"> ZAR</option> <option value="KRW" data-currency-symbol="₩"> KRW</option> <option value="LKR" data-currency-symbol="₨"> LKR</option> <option value="SEK" data-currency-symbol="kr"> SEK</option> <option value="CHF" data-currency-symbol="CHF"> CHF</option> <option value="TZS" data-currency-symbol="$"> TZS</option> <option value="THB" data-currency-symbol="฿"> THB</option> <option value="TTD" data-currency-symbol="TT$"> TTD</option> <option value="TND" data-currency-symbol="$"> TND</option> <option value="TRY" data-currency-symbol="₺"> TRY</option> <option value="UGX" data-currency-symbol="$"> UGX</option> <option value="UAH" data-currency-symbol="₴"> UAH</option> <option value="AED" data-currency-symbol="$"> AED</option> <option value="UYU" data-currency-symbol="$U"> UYU</option> <option value="UZS" data-currency-symbol="лв"> UZS</option> <option value="VEF" data-currency-symbol="Bs"> VEF</option> <option value="VND" data-currency-symbol="₫"> VND</option> <option value="YER" data-currency-symbol="﷼"> YER</option> <option value="ZMK" data-currency-symbol="$"> ZMK</option> </select> </div> </div> </div> </div> </nav> </div> <div class="ugcwidget section"> <div class="container-fluid p-0"> <style> .navigation.component.section:not(.navigation-v2) { margin-top: 80px; z-index: 100; } .navigation.component.section:not(.navigation-v2) > .top-navigation { display: none; } .navigation.component.section:not(.navigation-v2) > .main-navigation > .navbar{ display: none; } .navigation-v2 > .main-navigation > .navbar > .nav-overlay-container > .container > .main-bar > .mobile-toggle > div:not(.d-flex) { display: none; } @media only screen and (max-width: 990px) { .main-wrapper--container.is-sticky.has-mobile-booking-container.nav1.navigation-for-v2.nav2 { padding-top: 137px !important; } .navigation.component .main-navigation { border-top: 0; } } .destination-header.property-selector.menu-openable{ display: none !important; } .destination-header.property-selector.actives.menu-openable{ display: none; } .destination-only-nav2{display:none;} </style> </div></div> </div> </div> </div> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="cookie-ipar iparsys parsys"></div> </div> </div> <div> <div class="masthead-2.0"> <div class="mastheadv2 component masthead-banner" data-full-fold="true" analytics-category="marketing_component" analytics-id="19" analytics-label=""> <!-- Desktop Start --> <div class="hero-swiper-container on-desktop-block"> <div class="swiper-wrapper"> <!-- Slide: Video HTML5 Start --> <div class="swiper-slide" data-type="video-html5"> <div class="video-wrapper"> <div class="title-description component content-alignment-left content-position-extreme-bottom"> <div class="content d-flex flex-column" style="color: #ffffff"> <div class="title-tag"> <h1 class="content-text title "> <span><p>Bishopsgate Suite<br /> </p> </span> </h1> </div> </div> </div> <div class="restaurant-logo"> </div> <div class="mute-video"> <img class="w-100 h-100" src="/etc/designs/pphg-revamp/clientlibs/images/icons/i-audio-off.png" alt="mute"/> </div> <div class="unmute-video"> <img class="w-100 h-100" src="/etc/designs/pphg-revamp/clientlibs/images/icons/i-audio-on.png" alt="unmute"/> </div> <div class="video-container" style="top: centre;" data-type="html5"> <video id="video-dam" muted preload="metadata" loop playsinline autoplay> <source src="/content/dam/pphg-revamp/en/pplon/suites/desktop-masthead/Bishopsgate%20(1920%20x%201080)%20.mov" type="video/mp4"/> </video> </div> </div> <div class="container slide-container"> <div class="slide-text"></div> </div> </div> <!-- Slide: Video - HTML5 End --> <!-- Slide: Image - HTML5 Start --> <!-- Slide: Image - HTML5 End --> </div> </div> <!-- Desktop End --> <!-- Mobile Start --> <div class="hero-swiper-container on-mobile-block"> <div class="swiper-wrapper"> <!-- Slide: Video - HTML5 Start --> <div class="swiper-slide" data-type="video-html5"> <div class="video-wrapper"> <div class="title-description component content-alignment-left content-position-extreme-bottom"> <div class="content d-flex flex-column" style="color: #ffffff"> <div class="title-tag"> <h1 class="content-text title "> <span><p>Bishopsgate Suite<br /> </p> </span> </h1> </div> </div> </div> <div class="mute-video"> <img class="w-100 h-100" src="/etc/designs/pphg-revamp/clientlibs/images/icons/i-audio-off.png" alt="mute"/> </div> <div class="unmute-video"> <img class="w-100 h-100" src="/etc/designs/pphg-revamp/clientlibs/images/icons/i-audio-on.png" alt="unmute"/> </div> <div class="video-container" data-type="html5"> <video id="video-dam" muted preload="metadata" loop playsinline autoplay> <source src="/content/dam/pphg-revamp/en/pplon/suites/mobile-masthead/Bishopsgate%20(720%20x%201280).mov" type="video/mp4"/> </video> </div> </div> <div class="container slide-container"> <div class="slide-text"></div> </div> </div> <!-- Slide: Video - HTML5 End --> <!-- Slide: Image - HTML5 Start --> <!-- Slide: Image - HTML5 End --> </div> </div> <!-- Mobile End --> </div> <!-- Modal Start --> <div id="myModal" class="modal"> <div class="modal-content"> <svg class="close-modal" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.5858 19.9077C23.3668 20.6888 24.6332 20.6888 25.4142 19.9077L41.3219 4.00002L44 6.67811L28.0923 22.5858C27.3113 23.3668 27.3113 24.6332 28.0923 25.4142L44 41.3219L41.3219 44L25.4142 28.0923C24.6332 27.3113 23.3668 27.3113 22.5858 28.0923L6.67811 44L4.00002 41.3219L19.9077 25.4142C20.6888 24.6332 20.6888 23.3668 19.9077 22.5858L4 6.67809L6.67809 4L22.5858 19.9077Z" fill="#EFE9E5"/> </svg> </div> </div> <!-- Modal End --> </div> <div class="visual-cue"> <div class="myArrow sticky-arrow component" analytics-category="marketing_component" analytics-id="42" analytics-label=""> <p class="myArrow rotated-text d-none">Discover</p> <div class="myArrow vertical"></div> <div class="myArrow half-circle"> <svg class="myArrow arrow bounce"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#vector-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#vector-down"> </use> </svg> </div> </div></div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container contained section-bigfloat section-floatcomp "> <div style="background-image: url();" class="container section-background-image "> <div class="columncontrol section"> <div class="row"> <div class="col-lg-8 d-flex flex-column align-items-end "> </div> <div class="col-lg-4 d-flex flex-column align-items-end "> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <section id="floating-component" style="max-width: 380px; background-image: url();" class="section-container nopadding float-click customised " data-bgcolour="#fff"> <div class="container-fluid no-side-padding section-background-image "> <div class="bookingquote-2.0 section"> <div class="booking-quote booking-quote-2 component"> <div class="booking-quote-content"> <h4 class="quote-title">Book This Room</h4> <div class="quote-label">Price starting from</div> <div class="quote-price"> <span class="currency" data-base-currencycode="GBP">GBP</span> <span class="price" data-base-price="1015.00">1015.00</span><span class="night">night</span> </div> <div class="quote-member-price"> Members save up to <span class="currency" data-base-currencycode="GBP">GBP</span> <span class="price" data-base-price="101.50">101.50</span><span class="night">night</span> </div> </div> </div> </div> <div class="bookingpanel-2.0 section"> <div class="booking-panel booking-panel-2 booking-panel-s4 component vertical " style="display:none" data-property-code="pplon" data-edirect="false" data-room-code="SS2" data-config-endpoint='/content/pphg-revamp/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite/jcr:content/par/section_container_2_/contpar/columncontrol/col-8-4-2/section_container_2_/contpar/bookingpanel_2_0.data.json' data-bookers-endpoint='/content/pphg-revamp/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.bookers.html' data-edirect-endpoint='/content/pphg-revamp/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.edirect.html' data-gha-label="Find other DISCOVERY hotels"> <div :class="'background-container' + (isBookingBarMobileShow ? ' on-mobile-show' : '')"> <div :class="'maintenance-message booking-panel__maintenance ' + (false ? 'd-block' : 'd-none')"> <div class="message-wrapper"><span><p style="text-align: left;"><span style="background-color: transparent;">Dear guest,</span><br /> </p> <p style="text-align: left;"><span style="background-color: transparent;">We are upgrading our booking system to serve you better. The system will be available again when the maintenance has been completed.</span><b style="background-color: transparent;"> </b></p> <p style="text-align: left;"><span style="background-color: transparent;">Please </span><a href="/en/system-maintenance-support.html" target="_blank"><span style="background-color: transparent;">reach us through our telephone numbers</span></a><span style="background-color: transparent;"> for enquiries and reservations. We apologise for any inconvenience caused. Thank you.</span></p> </span></div> </div> <div class="alert alert-secondary error-message" style="opacity:0" role="alert"> <svg v-if="bookingpanelerrors.length" class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o"> </use> </svg> <p v-html="bookingpanelerrors.length ? bookingpanelerrors[0].message : ''"></p> </div> <form class="form-inline col-lg-12"> <div class="form-group col-lg-4 pad1 select-destination property d-none"> <div class="custom-chosen-wrapper col-lg-12 p-0"> <div class="property-overlay-handle" style="display:none"> <p class="select-destination-placeholder">Destination</p> <span>{{selectedPropertyLabel || "Select One"}}</span> </div> <select class="select-destination" disabled="disabled" data-custom-placeholder="Destination" data-error-message="No matches found. <p>View all <a href="http://pphg-revamp-author.xm-apac.com/content/pphg-revamp/en/hotels-and-resorts.html">Pan Pacific Hotels and Resorts</a> or discover more brands in the <a href="https://www.gha.com/">Global Hotel Alliance</a><br /> </p> "> <option value="" selected disabled>Select One</option> <optgroup label=" (1)"> <option value="pplon"> Pan Pacific London </option> </optgroup> </select> </div> </div> <div v-if="dayuse.isEnabled" class="form-group col-12 booking-day-use" style="display: none;" v-cloak> <div class="form-group form-group"> <label :class="'custom-control custom-checkbox' + (!dayuse.isEnabled ? ' disabled' : '')"> <input class="custom-control-input" type="checkbox" v-model="dayuse.isChecked" v-on:change="onToggleDayUse" :disabled="!dayuse.isEnabled && 'disabled'"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">Book for day use</span> </label> </div> </div> <div class="form-group col-lg-4 checkin-checkout-container text-left p-0"> <a :class="'btn btn-default btn-reverse btn-block btn-detail-selection' + (dateShowSelection ? ' btn-detail-selection-active' : '')" type="button" v-show="!dateShowSelection" v-on:click="onDateSelectionClick" v-cloak> <div class="checkin-checkout-button-text text-left"> <p v-if="isThemePr">When</p> <p v-else>Check-In & Check-Out Dates</p> <span v-if="dateLabel">{{dateLabel}}</span> <span v-else>Select Your Dates</span> <svg class="panel-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-simple" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-simple"> </use> </svg> </div> </a> <div :class="'checkin-checkout-selection' + (!dayuse.isEnabled ? ' day-use-disabled' : '')" v-show="dateShowSelection" style="display: none;" v-cloak> <div class="row m-0"> <div class="col-6"> <button :class="'btn js-btn-checkin text-left checkinDateInput ' + (checkin.isDisabled ? 'inactive' : 'active')" type="button" v-on:click="activeCheckin"> <div class="schedule"> <p>Check-In</p> <span class="day" v-text="checkin.checkindate"></span> </div> </button> </div> <div class="col-6"> <button :class="'btn js-btn-checkout text-left checkoutDateInput ' + (checkout.isDisabled ? 'inactive' : 'active')" type="button" v-on:click="activeCheckout"> <div class="schedule"> <p>Check-Out</p> <span class="day" v-text="dayuse.isChecked ? '-' : checkout.checkoutdate"></span> </div> </button> </div> <div class="col-12 m-0 p-0"> <div :class="'datepicker-container ' + (checkin.isDisabled ? 'checkout-active' : 'checkin-active')"></div> </div> </div> <div v-if="dayuse.isEnabled" class="booking-day-use" v-cloak> <div class="form-group form-group"> <label :class="'custom-control custom-checkbox' + (!dayuse.isEnabled ? ' disabled' : '')"> <input class="custom-control-input" type="checkbox" v-model="dayuse.isChecked" v-on:change="onToggleDayUse" :disabled="!dayuse.isEnabled && 'disabled'"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">Book for day use</span> </label> </div> </div> </div> </div> <div class="form-group col-lg-4 guest-count chosen-container is-filled pad1 guest-detail-container"> <a :class="'btn btn-default btn-reverse btn-block btn-detail-selection' + (detail.showSelection ? ' btn-detail-selection-active' : '')" type="button" v-show="!detail.showSelection" v-on:click="onDetailSelectionClick" v-cloak> <div class="guest-number2 text-left"> <p v-if="isThemePr">Details</p> <p v-else>Rooms, Guests & Rate Preferences</p> <span class="number" v-text="detail.room"></span> <span class="category">Room</span> <span class="number" v-text="detail.adult + detail.children"></span> <span class="category">Guest(s)</span> <svg class="panel-icon arrow-up"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-up" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-up"> </use> </svg> <svg class="panel-icon arrow-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </div> </a> <div class="room-person-selection" v-show="detail.showSelection" style="display: none;" v-cloak> <div class="well"> <ul> <li class="d-flex flex-row justify-content-between align-items-center guest-room-container"> <div class="placeholder text-left text-bold ml-3">{{detail.room}} Room(s)</div> <div class="d-flex align-self-stretch"> <a class="decrement" v-on:click="onRoomDecrementClick" v-bind:class="{ 'disabled': detail.room == 1 }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus"></use> </svg> </a> <a class="increment" v-on:click="onRoomIncrementClick" v-bind:class="{ 'disabled': detail.room == 9 }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus"></use> </svg> </a> </div> </li> <li class="d-flex flex-row justify-content-between align-items-center guest-room-container"> <div class="placeholder text-left text-bold ml-3">{{detail.adult}} Adult(s)/room</div> <div class="d-flex align-self-stretch"> <a class="decrement" v-on:click="onAdultDecrementClick" v-bind:class="{ 'disabled': detail.adult == 1 }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus"></use> </svg> </a> <a class="increment" v-on:click="onAdultIncrementClick" v-bind:class="{ 'disabled': detail.adult == detail.maxadult }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus"></use> </svg> </a> </div> </li> <li class="d-flex flex-row justify-content-between align-items-center guest-room-container"> <div class="children-room"><span class="placeholder text-left text-bold ml-3">{{detail.children}} Child(ren)/room<span class="child-info"> <a class="child-tooltip" href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Under 12 years of age"><i class="fa fa-exclamation"></i></a></span></span></div> <div class="d-flex align-self-stretch"> <a class="decrement" v-on:click="onChildrenDecrementClick" v-bind:class="{ 'disabled': detail.children == 0 }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-minus"></use> </svg> </a> <a class="increment" v-on:click="onChildrenIncrementClick" v-bind:class="{ 'disabled': detail.children == detail.maxchild }"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-plus"></use> </svg> </a> </div> </li> </ul> </div> <div class="rate-preference-selection" v-if="type != 'direct'"> <div class="accordion"> <div class="card"> <div class="card-header"> <div class="card-link collapsed" data-toggle="collapse" data-parent=".accordion" href="#accordion-rate-preference" aria-expanded="false"> <span>Choose Your Rate Preferences</span> <svg class="panel-icon arrow-up"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-up" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-up"> </use> </svg> <svg class="panel-icon arrow-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </div> </div> <div :class="'rate-preference-code-container' + (ratepreference ? ' selected' : '')"> <span>{{ratepreferenceLabel}}</span> <div v-if="ratepreference == 'GROUP' || ratepreference == 'CORP' || ratepreference == 'IATA' || ratepreference == 'OFFER'"> <div class="custom-input-textfield"> <input class="form-control default-placeholder" placeholder="Access Code" v-model="accesscode"/> </div> </div> <div class="edit-access-code"> <div class="custom-input-textfield"> <input class="form-control default-placeholder" placeholder="Access Code" v-model="accesscode"/> </div> </div> <div class="rate-preference-code-message"> <template v-if="ratepreference == 'GOV'"> <p><p>Rates are available for government and military personnel with an active government ID or a pass. <a href="/en/booking/government-find-out-more.html" target="_blank">Find out more</a></p> </p> </template> <template v-if="ratepreference == 'AAA'"> <p><p>Rates are available for AAA members. <a href="/en/booking/aaa-find-out-more.html" target="_blank">Find out more</a></p> </p> </template> </div> </div> <div class="collapse" id="accordion-rate-preference"> <div class="rate-preference-list"> <a href="javascript:void(0);" @click="onChangeRatePreference" class="rate-preference-link"> View all rates </a> <a href="javascript:void(0);" data-value="PROMO" @click="onChangeRatePreference" class="rate-preference-link"> View all packages </a> <a href="javascript:void(0);" data-value="GROUP" @click="onChangeRatePreference" class="rate-preference-link"> Group </a> <a href="javascript:void(0);" data-value="CORP" @click="onChangeRatePreference" class="rate-preference-link"> Corporate </a> <a href="javascript:void(0);" data-value="GOV" @click="onChangeRatePreference" class="rate-preference-link"> Government </a> <a href="javascript:void(0);" data-value="IATA" @click="onChangeRatePreference" class="rate-preference-link"> IATA </a> <a href="javascript:void(0);" data-value="AAA" @click="onChangeRatePreference" class="rate-preference-link"> AAA/CAA </a> <a href="javascript:void(0);" data-value="OFFER" @click="onChangeRatePreference" class="rate-preference-link"> Promotion </a> </div> </div> </div> </div> </div> </div> </div> <div :class="'booking-button-container' + (true ? ' detail' : '')"> <button class="btn button button-primary button-circle" type="button" data-href="/content/pphg-revamp/en/booking/make.html" v-on:click="onSubmit"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"></use> </svg> <span class="book-now-text">BOOK NOW</span> </button> <div class="cta cta-v2 component booking-panel left-btn" style="display:none"> <a class="buttonV2 booking-panel" href="javascript:void(0);" data-href="/content/pphg-revamp/en/booking/make.html" v-on:click="onSubmit"> <div> <svg v-if="isThemePr" class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-enter" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-enter"></use> </svg> <svg v-else class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"></use> </svg> <p v-if="isThemePr" class="text-center p-0">Book a Stay</p> <p v-else class="text-center p-0">BOOK NOW</p> </div> </a> </div> </div> <div class="promotional-message"> <div class="row"> <div class="col-12"> <div class="logo-container"> <div class="logo-text"> <p>THE</p> <p>DIRECT</p> <p>ADVANTAGE</p> </div> </div> <div class="text">Enjoy exclusive benefits when you book direct with us as a member.<a data-src="#gha-fancybox-modal" data-fancybox="">Sign In / Sign Up ></a></div> </div> </div> </div> </form> </div> <div :class="'button-mobile-container' + (isBookingBarMobileShow ? ' show' : '')"> <button class="btn btn-primary button-mobile-collapse" style="display:none" type="button" @click="toogleBookingBarMobile"> Book a Stay </button> <button class="btn btn-primary button-icon" style="display:none" type="button" @click="toogleBookingBarMobile"> <svg class="icon-container calendar"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"></use> </svg> <svg class="icon-container close"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x"></use> </svg> </button> </div> <div class="d-none"> <div id="booking-panel-invalid-booking-error-msg">You have multiple tabs opened, please reconfirm your selection.</div> <div id="booking-panel-destination-error-msg">Please select your destination.</div> <div id="booking-panel-check-in-error-msg">Please select check-in date.</div> <div id="booking-panel-check-out-error-msg">Please select check-out date.</div> <div id="booking-panel-arrival-later-than-departure-error-msg">We noticed that there is an issue with dates selected, Please select the desired check-in or check-out date again.</div> <div id="booking-panel-samedate-error-msg">We are unable to reserve a room for the same check-in and check-out date. Please change one of the dates and try again.</div> <div id="booking-panel-access-code-error-msg">Please enter the access code.</div> <div id="booking-panel-max-adult-error-msg">Invalid adult selection.</div> <div id="booking-panel-max-child-error-msg">Invalid children selection.</div> <div id="booking-panel-min-stay-error-msg">Please select the valid number of night stay.</div> <div id="please-select-your-destination-lbl">Please select your destination.</div> </div> </div> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> </div></div> </div> </section> <div></div> <div class="container-sticky-button"> <div class="sticky-side-label">Bishopsgate Suite</div> <div class="cta component sticky-button scroll-to-top"> <button class="button button-primary">Book This Room</button> </div> </div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container contained customised " data-bgcolour="#fff"> <div style="background-image: url();" class="container section-background-image "> <div class="columncontrol section"> <div class="row"> <div class="col-lg-8 col-8"> <div class="breadcrumbNav"> <div class="bread-crumb-component"> <div class="on-desktop"> <a style="color: ;" href="/en/hotels-and-resorts/pp-london.html">Home <i class="fa fa-angle-right" aria-hidden="true"></i> </a> <a style="color: ;" href="/en/hotels-and-resorts/pp-london/rooms.html">Rooms | Suites <i class="fa fa-angle-right" aria-hidden="true"></i> </a> <span style="color: ;">Bishopsgate Suite</span> </div> <div class="on-mobile"> <a style="color: ;" href="/en/hotels-and-resorts/pp-london/rooms.html"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> Back to Rooms | Suites</a> </div> </div> <!-- Testbranch --></div> </div> <div class="col-lg-4 col-4"> <div class="columncontrol"> <div class="row"> <div class="col-sm-3 d-flex flex-column align-items-end "> </div> <div class="col-sm-9 d-flex flex-column align-items-end "> <div class="sharefunction"> <div class="a2a_kit a2a_kit_size_32 a2a_default_style"> <div class="share-function component"> <div class="share-wrapper" id="share-toggle"> <svg class="icon-container share-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-share" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-share"> </use> </svg> <p> Share </p> </div> <ul class="nav flex-column hidden" id="share"> <li class="nav-item icon-title-wrapper"> <a class="a2a_button_facebook icon-href" href=""> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook"> </use> </svg> </a> <p> Facebook </p> </li> <li class="nav-item icon-title-wrapper"> <a class="a2a_button_linkedin icon-href" href=""> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin"> </use> </svg> </a> <p> LinkedIn </p> </li> <li class="nav-item icon-title-wrapper"> <a class="a2a_button_copy_link icon-href" href=""> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-copy-link" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-copy-link"> </use> </svg> </a> <p> CopyLink </p> </li> <li class="nav-item icon-title-wrapper"> <a class="a2a_button_whatsapp icon-href" href=""> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-whatsapp" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-whatsapp"> </use> </svg> </a> <p> Whatsapp </p> </li> <li class="nav-item icon-title-wrapper"> <a class="a2a_button_twitter icon-href" href=""> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-x-twitter" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-x-twitter"> </use> </svg> </a> <p> Twitter </p> </li> </ul> </div> </div> <script type="text/javascript" src="https://static.addtoany.com/menu/page.js"></script> </div> </div> </div></div> </div> </div></div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container fullwidth section-rounded customised " data-bgcolour="#fff"> <div style="background-image: url();" class="container-fluid section-background-image pt10 "> <div class="section-container-2 component section"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container contained "> <div style="background-image: url();" class="container section-background-image "> <div class="datapoints_v2 section"><!-- Data Points Component . This is the component for Data Points. --> <div class="datapoints-wrapper datapointsV2 horizontal4 mt-4"> <div class="row"> <div class="col-sm-12 col-md-3 col-lg-3 col-xl-3"> <div class="big amenity component "> <svg class="icon-container primary-icon icon-sm icon-datapoint2 " style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-square-area" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-square-area"> </use> </svg> <span class="second-icon-active d-none">/</span> <svg class="icon-container primary-icon icon-sm icon-datapoint2 d-none second-icon" style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#"> </use> </svg> <div class="amenity-text"> <p style="color: #000;"> 63sqm (678sq-ft) </p> </div> </div> </div> <div class="col-sm-12 col-md-3 col-lg-3 col-xl-3"> <div class="big amenity component "> <svg class="icon-container primary-icon icon-sm icon-datapoint2 " style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline"> </use> </svg> <span class="second-icon-active d-none">/</span> <svg class="icon-container primary-icon icon-sm icon-datapoint2 d-none second-icon" style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#"> </use> </svg> <div class="amenity-text"> <p style="color: #000;"> King Bed</p> </div> </div> </div> <div class="col-sm-12 col-md-3 col-lg-3 col-xl-3"> <div class="big amenity component "> <svg class="icon-container primary-icon icon-sm icon-datapoint2 " style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-view" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-view"> </use> </svg> <span class="second-icon-active d-none">/</span> <svg class="icon-container primary-icon icon-sm icon-datapoint2 d-none second-icon" style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#"> </use> </svg> <div class="amenity-text"> <p style="color: #000;"> City View</p> </div> </div> </div> <div class="col-sm-12 col-md-3 col-lg-3 col-xl-3"> <div class="big amenity component "> <svg class="icon-container primary-icon icon-sm icon-datapoint2 " style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-no-smoking" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-no-smoking"> </use> </svg> <span class="second-icon-active d-none">/</span> <svg class="icon-container primary-icon icon-sm icon-datapoint2 d-none second-icon" style="fill: #000;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#"> </use> </svg> <div class="amenity-text"> <p style="color: #000;"> Non-smoking</p> </div> </div> </div> </div> </div> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%; background-image: url();" class="section-container nopadding section-rounded bc-owhite "> <div class="container-fluid no-side-padding section-background-image "> <div class="vertical-scroll-with-image-zoom-out section"> <div class="vertical-scroll-with-image-zoom-out component " analytics-category="marketing_component" analytics-id="32" analytics-label=""> <div class="container-fluid"> <div class="row pin-animation "> <div class="col-md-6 col-lg-6 image-container"> <img src="/content/dam/pphg-revamp/en/pplon/suites/room-detail/pplon-bishop-detail.png" class="image-animation"/> <!-- <iframe width="560" height="315" src="" data-sly-test="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> --> </div> <div class="col-md-6 col-lg-6 content-animation"> <div><div class="section-container-2 component section"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container contained "> <div style="background-image: url();" class="container section-background-image "> <div class="title-description section"> <div class="title-description component "> <div class="content text-left "> <h2>Room Details</h2> <div class="pphg-table-1 "> <div> <p>This spacious suite combines style and functionality, featuring a unique interior design that radiates timeless elegance. Thoughtfully crafted for both business and leisure, the inviting lounge offers a serene space to relax with stunning views of the iconic St Botolph’s Church, enhanced by its home-like ambiance created by wooden flooring and captivating wallpapered artwork. </p> </div> </div> </div> </div> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> </div> </div> </div> </div></div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container contained "> <div style="background-image: url();" class="container section-background-image mt50 pt50 pb30 "> <div class="title-description section"> <div> <div class="title-description component "> <div class="content text-center-menu-title "> <h2> In-room Amenities <!-- <sly data-sly-test="false"> <svg class="icon-container icon-list offer"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-favorites" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-favorites"> </use> </svg> </sly> --> </h2> </div> </div> </div> </div> <div class="tab-component-with-icon section"> <!--START: Tab Component With Icon --> <div class="tabs-component-with-icon " id="tab-component-icon" analytics-category="marketing_component" analytics-id="30" analytics-label="" data-tabs-size="5"> <div class="tab-wrapper"> <div class="tab-items"> <div class="tabs-dropdown"> <div class="tabs-dropdown-text"></div> </div> <ul class="nav tabs-component-with-icon__nav"> <li class="tabs-component-with-icon__nav-item"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline"> </use> </svg> <a href="#bedroom" data-toggle="tab">Bedroom</a> </li> <li class="tabs-component-with-icon__nav-item"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-monitor" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-monitor"> </use> </svg> <a href="#lounge" data-toggle="tab">Lounge</a> </li> <li class="tabs-component-with-icon__nav-item"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bathub" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bathub"> </use> </svg> <a href="#bathroom" data-toggle="tab">Bathroom</a> </li> <li class="tabs-component-with-icon__nav-item"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-service" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-service"> </use> </svg> <a href="#facilities" data-toggle="tab">Facilities</a> </li> <li class="tabs-component-with-icon__nav-item"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-square-area" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-square-area"> </use> </svg> <a href="#floorplan" data-toggle="tab">Floor Plan</a> </li> </ul> </div> </div> <div class="tab-content"> <div class="tab-pane active d-none " id="bedroom"> <div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container contained bc-owhite "> <div style="background-image: url();" class="container section-background-image pt30 pb30 "> <div class="columncontrol section"> <div class="row"> <div class="col-sm-6 col-lg-3 "> <div class="title-description"> <div> <div class="content text-left pphg-table-1 "> <div> <ul> <li>King-sized bed </li> <li>Pillow menu with hypoallergenic options </li> <li>300-thread count cotton linen</li> <li>Floor-to-ceiling windows </li> </ul> </div> </div></div> </div> </div> <div class="col-sm-6 col-lg-3 "> <div class="title-description"> <div> <div class="content text-left pphg-table-1 "> <div> <ul> <li>Light-touch curtain automation </li> <li>55” LCD Smart Television with built-in Chromecast solution</li> <li>Free-standing wardrobe</li> </ul> </div> </div></div> </div> </div> <div class="col-sm-6 col-lg-3 "> <div class="title-description"> <div> <div class="content text-left pphg-table-1 "> <div> <ul> <li>Desk and vanity unit</li> <li>Dyson hairdryer </li> <li>Energy efficient air-conditioning with intelligent technology </li> </ul> </div> </div></div> </div> </div> <div class="col-sm-6 col-lg-3 "> <div class="title-description"> <div> <div class="content text-left pphg-table-1 "> <div> <ul> <li>USB charging points</li> <li>IT Concierge </li> <li>Twice daily housekeeping including evening turndown</li> </ul> </div> </div></div> </div> </div> </div></div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> </div> <div class="tab-pane d-none " id="lounge"> <div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container contained bc-owhite "> <div style="background-image: url();" class="container section-background-image pt30 pb30 "> <div class="columncontrol section"> <div class="row"> <div class="col-md-6 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>Wooden floors</li> <li>55” LCD Smart Television with built-in Chromecast solution</li> <li>Sofa</li> </ul> </div> </div> </div> </div> </div> </div> <div class="col-md-6 "> <div class="title-description"> <div class="title-description component "> <div class="content text-left "> <div class="pphg-table-1 "> <div> <ul> <li>Floor-to-ceiling windows </li> <li>Light-touch curtain automation </li> <li>Dining table</li> </ul> </div> </div> </div> </div> </div> </div> </div></div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> </div> <div class="tab-pane d-none " id="bathroom"> <div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container contained bc-owhite "> <div style="background-image: url();" class="container section-background-image pt30 pb30 "> <div class="columncontrol section"> <div class="row"> <div class="col-md-6 "> <div class="title-description"> <div> <div class="content text-left pphg-table-1 "> <div> <ul> <li>Expansive marble bathroom with heated floor </li> <li>Separate toilet, walk-in shower and bathtub</li> <li>Bathroom scale</li> </ul> </div> </div></div> </div> </div> <div class="col-md-6 "> <div class="title-description"> <div> <div class="content text-left pphg-table-1 "> <div> <ul> <li>Luxury bathroom amenities </li> <li>Bathrobes and slippers </li> <li>Seperate guest washroom</li> </ul> </div> </div></div> </div> </div> </div></div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> </div> <div class="tab-pane d-none " id="facilities"> <div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%;" class="section-container contained bc-owhite "> <div style="background-image: url();" class="container section-background-image pt30 pb30 "> <div class="columncontrol section"> <div class="row"> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div> <div class="content text-left pphg-table-1 "> <div> <ul> <li>Integrated hallway seating area</li> <li>Full length hallway mirror</li> <li>24-hour Room Service </li> <li>Complimentary soft drinks mini bar, replenished once a day</li> </ul> </div> </div></div> </div> </div> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div> <div class="content text-left pphg-table-1 "> <div> <ul> <li>Nespresso coffee machine with a selection of pods </li> <li>Chinese tea set with a selection of fine teas </li> <li>Complimentary Wi-Fi</li> <li>In-room safe</li> </ul> </div> </div></div> </div> </div> <div class="col-sm-6 col-lg-4 "> <div class="title-description"> <div> <div class="content text-left pphg-table-1 "> <div> <ul> <li>Iron and ironing board </li> <li>Complimentary pressing service (3 items per day) </li> <li>Complimentary access to SENSORY wellbeing floor with swimming pool, saunas and steam rooms</li> <li>24-hour gym and interactive training areas access</li> </ul> </div> </div></div> </div> </div> </div></div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> </div> <div class="tab-pane d-none " id="floorplan"> <div> <div class="image"> <img class="on-desktop img-fluid" src="/content/dam/pphg-revamp/zh/pplon/suites/floor-plans/bishopsgate%20(2).png"/> <img class="on-mobile img-fluid" src="/content/dam/pphg-revamp/ja/pplon/suites/floor-plans/bishopsgate%20(1).png"/> </div> </div> </div> </div> </div> <!--END: Tab Component With Icon --></div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%; background-image: url();" class="section-container nopadding section-rounded customised pb50" data-bgcolour="#fff"> <div class="container-fluid no-side-padding section-background-image start-from-body-content"> <div class="offerhighlights section"> <div class="offer-highlights-2 component" analytics-category="marketing_component" analytics-id="23" analytics-label=""> <!-- Desktop --> <div class="on-desktop-block"> <div class="row offer-highlights-2--desktop-contained-right"> <div class="col-6 content text-left"> <h2 class="offer-highlights-2--desktop-title">Our Offers</h2> </div> <div class="col-6 content text-right"> <span class="offer-highlights-2--desktop-slick-number offer-highlights-2--slick-number">1</span> <span class="offer-highlights-2--slick-size">/ 2</span> <button class="offer-highlights-2--desktop-slick-arrow-left offer-highlights-2--desktop-slick-arrow"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-left"> </use> </svg> </button> <button class="offer-highlights-2--desktop-slick-arrow-right offer-highlights-2--desktop-slick-arrow"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> </button> </div> </div> <!-- Desktop Slick --> <div class="offer-highlights-2--desktop-slick"> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/city-stays.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/zh/pplon/offer/_pplon_weekendwonderlust_mob.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/city-stays.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Up to 15% Off City Stays </h4> <span class="offer-highlights-2--slick-card-content-description">Indulge in relaxation with up to 15% off City stays, cocktails on us and breakfast the next morning. </span> </div> </a> </div> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/be-our-guest-for-a-night.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/pplon/offer/pplon_be_our_guest_m.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/be-our-guest-for-a-night.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Be Our Guest for a Night</h4> <span class="offer-highlights-2--slick-card-content-description">Linger for longer with a 3rd night on us, in one of the world’s best cities. </span> </div> </a> </div> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/bed-and-breakfast.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/pplon/offer/PPLON_MERRY_MAY_m (1).png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/bed-and-breakfast.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Bed & Breakfast</h4> <span class="offer-highlights-2--slick-card-content-description">Indulge in the perfect escape with luxuriant accommodation, breakfast and access to the wellbeing </span> </div> </a> </div> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/cherish-family-moments.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/ja/pplon/family/Mobile.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/cherish-family-moments.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> New </span> <h4 class="offer-highlights-2--slick-card-content-title">Cherish Family Moments</h4> <span class="offer-highlights-2--slick-card-content-description">Embrace family time with family city attractions, children's swimming hours and more. </span> </div> </a> </div> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/a-festive-gift-from-us.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/zh/pplon/offer/pplon-festive-giftfromus-mobile.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/a-festive-gift-from-us.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> New </span> <h4 class="offer-highlights-2--slick-card-content-title">A Festive Gift From Us </h4> <span class="offer-highlights-2--slick-card-content-description">Enjoy a festive London stay with breakfast and unwrap a £67 hotel credit from us. </span> </div> </a> </div> <div class="offer-highlights-2--desktop-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--desktop-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/spa-and-stay.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/ja/pplon/offer/pplon-spa-and-stay-masthead-m.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/spa-and-stay.html" target="_self"> <div class="offer-highlights-2--desktop-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Spa And Stay</h4> <span class="offer-highlights-2--slick-card-content-description">Indulge in an overnight stay with a 60-minute signature holistic massage. </span> </div> </a> </div> </div> </div> <!-- Mobile --> <div class="on-mobile-block"> <div class="row offer-highlights-2--mobile-row"> <div class="col-12 content text-left"> <h2 class="offer-highlights-2--mobile-title">Our Offers</h2> </div> </div> <!-- Mobile Slick --> <div class="offer-highlights-2--mobile-slick"> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/city-stays.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/zh/pplon/offer/_pplon_weekendwonderlust_mob.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/city-stays.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Up to 15% Off City Stays </h4> <span class="offer-highlights-2--slick-card-content-description">Indulge in relaxation with up to 15% off City stays, cocktails on us and breakfast the next morning. </span> </div> </a> </div> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/be-our-guest-for-a-night.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/pplon/offer/pplon_be_our_guest_m.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/be-our-guest-for-a-night.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Be Our Guest for a Night</h4> <span class="offer-highlights-2--slick-card-content-description">Linger for longer with a 3rd night on us, in one of the world’s best cities. </span> </div> </a> </div> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/bed-and-breakfast.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/en/pplon/offer/PPLON_MERRY_MAY_m (1).png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/bed-and-breakfast.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Bed & Breakfast</h4> <span class="offer-highlights-2--slick-card-content-description">Indulge in the perfect escape with luxuriant accommodation, breakfast and access to the wellbeing </span> </div> </a> </div> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/cherish-family-moments.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/ja/pplon/family/Mobile.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/cherish-family-moments.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> New </span> <h4 class="offer-highlights-2--slick-card-content-title">Cherish Family Moments</h4> <span class="offer-highlights-2--slick-card-content-description">Embrace family time with family city attractions, children's swimming hours and more. </span> </div> </a> </div> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/a-festive-gift-from-us.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/zh/pplon/offer/pplon-festive-giftfromus-mobile.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/a-festive-gift-from-us.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> New </span> <h4 class="offer-highlights-2--slick-card-content-title">A Festive Gift From Us </h4> <span class="offer-highlights-2--slick-card-content-description">Enjoy a festive London stay with breakfast and unwrap a £67 hotel credit from us. </span> </div> </a> </div> <div class="offer-highlights-2--mobile-slick-card offer-highlights-2--slick-card"> <div class="offer-highlights-2--mobile-slick-card-image offer-highlights-2--slick-card-image"> <a href="/en/hotels-and-resorts/pp-london/offers/spa-and-stay.html" target="_self"> <img data-sizes="auto" class="lazyload" data-src="/content/dam/pphg-revamp/ja/pplon/offer/pplon-spa-and-stay-masthead-m.png"/> </a> </div> <a class="offer-highlights-2--slick-card-content-link" href="/en/hotels-and-resorts/pp-london/offers/spa-and-stay.html" target="_self"> <div class="offer-highlights-2--mobile-slick-card-content offer-highlights-2--slick-card-content"> <span class="offer-highlights-2--slick-card-content-category">Rooms and Suites</span> <span class="offer-highlights-2--slick-card-content-tag gold-tag"> </span> <h4 class="offer-highlights-2--slick-card-content-title">Spa And Stay</h4> <span class="offer-highlights-2--slick-card-content-description">Indulge in an overnight stay with a 60-minute signature holistic massage. </span> </div> </a> </div> </div> <div class="row offer-highlights-2--mobile-row"> <div class="col-12 content text-right offer-highlights-2--slick-number-div"> <span class="offer-highlights-2--mobile-slick-number offer-highlights-2--slick-number">1</span> <span class="offer-highlights-2--slick-size">/ 6</span> </div> </div> </div> </div> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> <div class="section-container-2 component"> <!-- Add section-rounded class if 'roundCorner' property is true --> <section style="max-width: 100%; background-image: url();" class="section-container nopadding bc-owhite pt30 "> <div class="container-fluid no-side-padding section-background-image "> <div class="animated-room-listing section"> <div class="animated-room-listing component not-editing" analytics-category="marketing_component" analytics-id="26"> <div class="room-listing-tnd"> <h1 class="component-title">Discover More Rooms and Suites</h1> <div class="component-description"> </div> </div> <div class="swiper main-carousel on-desktop-block"> <div class="swiper-wrapper animated-rooms-wrapper"> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/deluxe-room/PPLON_Deluxe_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DK&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/deluxe-double-double-room/PPLON_DeluxeDoubleDouble_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe Double Double Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-double-double-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DD&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/deluxe-city-view-room/PPLON_DeluxeCityView_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe City View Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-city-view-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DKC&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/premier-room/PPLON_Premier_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Premier Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/premier-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=BK&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/premier-double-double-room/PPLON_PremierDoubleDouble_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Premier Double Double Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/premier-double-double-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=BT&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/executive-room/PPLON_Executive_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=EK&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/executive-city-view-room/PPLON_ExecutiveCityView_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive City View Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-city-view-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=EKC&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/executive-accessible-room/PPLON_ExecutiveAccessible_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive Accessible Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-accessible-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=ET&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/suites/desktop-masthead/pplon-devon-mastd.png"/> </div> </div> </div> <h4 class="card-title">Devonshire Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/devonshire-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS4&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/suites/desktop-masthead/pplon-walbrook-mastd.png"/> </div> </div> </div> <h4 class="card-title">Walbrook City View Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/walbrook-city-view-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS3&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/suites/desktop-masthead/pplon-bishop-mastd.png"/> </div> </div> </div> <h4 class="card-title">Bishopsgate Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS2&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/suites/desktop-masthead/pplon-bishopsgate-mastd.png"/> </div> </div> </div> <h4 class="card-title">Bishopsgate Two Bedroom Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-two-bedroom-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=B2S&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="swiper-slide animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/pan-pacific-suite/PPLON_PanPacificSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Pan Pacific Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/pan-pacific-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS1&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> </div> </div> <div class="mobile-carousel"> <div class="m-cards-container"> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/deluxe-room/PPLON_Deluxe_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DK&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/deluxe-double-double-room/PPLON_DeluxeDoubleDouble_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe Double Double Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-double-double-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DD&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/deluxe-city-view-room/PPLON_DeluxeCityView_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Deluxe City View Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/deluxe-city-view-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=DKC&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/premier-room/PPLON_Premier_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Premier Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/premier-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=BK&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/premier-double-double-room/PPLON_PremierDoubleDouble_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Premier Double Double Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/premier-double-double-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=BT&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/executive-room/PPLON_Executive_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=EK&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/executive-city-view-room/PPLON_ExecutiveCityView_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive City View Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-city-view-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=EKC&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/executive-accessible-room/PPLON_ExecutiveAccessible_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Executive Accessible Room</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/executive-accessible-room.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=ET&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/suites/desktop-masthead/pplon-devon-mastd.png"/> </div> </div> </div> <h4 class="card-title">Devonshire Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/devonshire-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS4&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/suites/desktop-masthead/pplon-walbrook-mastd.png"/> </div> </div> </div> <h4 class="card-title">Walbrook City View Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/walbrook-city-view-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS3&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/suites/desktop-masthead/pplon-bishop-mastd.png"/> </div> </div> </div> <h4 class="card-title">Bishopsgate Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS2&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/suites/desktop-masthead/pplon-bishopsgate-mastd.png"/> </div> </div> </div> <h4 class="card-title">Bishopsgate Two Bedroom Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/bishopsgate-two-bedroom-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=B2S&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> <div class="animated-card-item"> <div class="top-content"> <div class="bg-overlay"> </div> <div class="swiper m-card-carousel"> <div class="swiper-wrapper"> <div class="swiper-slide card-item"> <img loading="lazy" class="room-image" src="/content/dam/pphg-revamp/en/pplon/pphg2-0/rooms/pan-pacific-suite/PPLON_PanPacificSuite_Room_Feature_Image.jpg"/> </div> </div> </div> <h4 class="card-title">Pan Pacific Suite</h4> </div> <div class="bottom-content"> <a class="button-primary view-more-button" href="/en/hotels-and-resorts/pp-london/rooms/pan-pacific-suite.html">View Room</a> <div class="cta cta-v2 component"> <a class="buttonV2" href="/en/booking/search.html?roomtypecode=SS1&fromRoomPage=true&propertyCode=pplon"> <div class="cta-v2__div-wrapper"> <svg class="cta-v2__svg"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-calendar-book-a-stay"> </use> </svg> <p>Book Now</p> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div></div> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> <!-- Add section-rounded class if 'roundCorner' property is true --> </div> </div> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="footer-ipar iparsys parsys"><div class="ugcwidget section"> <div class="container-fluid p-0"> <div id="sprinklr-embed-control-26496-ZW1iZWQ6NjQwODNmYzNmYzRiYmQwMDAxNTIxM2Y0" class="swe_embed_controls"></div> <div id="sprinklr-embed-26496-ZW1iZWQ6NjQwODNmYzNmYzRiYmQwMDAxNTIxM2Y0" class="swe_embed" data-filter-product="" data-filter-variant="" data-filter-custom-field="Pan Pacific London Homepage"></div> <script id="sprinklr-embed-loader-26496-ZW1iZWQ6NjQwODNmYzNmYzRiYmQwMDAxNTIxM2Y0" type="text/javascript" src="https://gallery.sprinklr.com/clients/26496/embeds/ZW1iZWQ6NjQwODNmYzNmYzRiYmQwMDAxNTIxM2Y0/script.js"> </script> </div></div> <div class="footer section"> <div class="footer-2 component"> <div class="container w-pp"> <div class="row"> <div class="col-12"> <ul class="pp-logos"> <li> <div class="hotel-name">HOTELS AND RESORTS</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/about/about-pp.html"> <img src="/content/dam/pphg-revamp/logos/logo-pp-hr.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/about-prc.html"> <img src="/content/dam/pphg-revamp/logos/logo-prc-hr-new-small.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/about-pr.html"> <img src="/content/dam/pphg-revamp/logos/logo-pr-hr.svg"/> </a> </div> </div> </li> <li> <div class="hotel-name">SERVICED SUITES</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/serviced-suites.pp.html"> <img src="/content/dam/pphg-revamp/logos/logo-pp-ss.svg"/> </a> </div> <div class="logos-block"> <a href="/en/serviced-suites.pr.html"> <img src="/content/dam/pphg-revamp/logos/logo-pr-ss.svg"/> </a> </div> </div> </li> <li> <div class="hotel-name">WELLNESS AND LIFESTYLE</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/about/st-gregory.html"> <img src="/content/dam/pphg-revamp/logos/logo-st-gregory.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/si-chuan-dou-hua.html"> <img src="/content/dam/pphg-revamp/logos/logo-si-chuan-dou-hua.svg"/> </a> </div> </div> </li> </ul> </div> </div> </div> <div class="container"> <hr/> </div> <div class="container-fluid footer-main"> <div class="container"> <div class="row justify-content-between"> <div class="col-12 col-lg-3 about-us-section"> <div class="accordion"> <div> <input type="checkbox" id="footer-about-us"/> <label for="footer-about-us"> <h4>About Pan Pacific</h4> </label> <div class="content"> <ul> <li><a href="/en.html">Group Homepage</a></li> <li><a href="/en/about.html">About Us</a></li> <li><a href="/en/about/our-culture-and-commitment.html">Our Culture and Commitment</a></li> <li><a href="/en/about/corporate-responsibility.html">Corporate Responsibility</a></li> <li><a href="/en/development-opportunities.html">Development Opportunities</a></li> <li><a href="/en/newsroom.html">Newsroom</a></li> <li><a href="/en/about/awards-and-accolades.html">Awards and Accolades</a></li> <li><a href="https://harri.com/londoncareerspanpacific" target='_blank'>Careers</a></li> </ul> </div> </div> </div> </div> <div class="container about-us-spacer"> <hr/> </div> <div class="col-12 col-lg-4 pt-sm-4 pt-lg-0"> <div class="contact-selector component" data-footer-type="property"> <h4>Toll-Free Room Reservation Numbers</h4> <div class="contact-address-selector"> <div class="contact-address-content"> <div class="d-flex"> <i class="fa fa-map-o pr-3 pt-1"></i> <div class="contact-address mb20"> 80 Houndsditch, London, EC3A 7AB, United Kingdom </div> </div> <ul class="contact-details"> <li class="d-flex"> <i class="fa fa-phone pr-3 pt-1"></i> <span class="flex-grow-1"> <a href="tel:+44%20(0)%2020%207118%206888">+44 (0) 20 7118 6888</a> </span> </li> <li class="d-flex"> <i class="fa fa-phone pr-3 pt-1" style="color: transparent;"></i> <span class="flex-grow-1"> <a href="tel:0800%20031%208255">0800 031 8255 <i>(Toll-free)</i></a> </span> </li> <li class="d-flex"> <i class="fa fa-envelope-o pr-3 pt-1"></i> <span class="flex-grow-1"> <a href="mailto:%65%6E%71%75%69%72%79%2E%70%70%6C%6F%6E%40%70%61%6E%70%61%63%69%66%69%63%2E%63%6F%6D">enquiry.pplon<b style='display:none;'>.panpacific</b>@panpacific<b style='display:none;'>.panpacific</b>.com<b style='display:none;'>.panpacific</b></a> </span> </li> </ul> </div> </div> <h4 class="pt-3 pt-sm-4 pt-lg-3">Want to Leave Us a Message Instead?</h4> <a class="link link-primary" href="/en/contact-us.html?r=pplon" target='_blank'>Send Enquiry</a> </div> </div> <div class="col-12 col-lg-4 newsletter-section pt-3 pt-md-5 pt-lg-0"> <div> <h4>Sign up for newsletter</h4> <p>Be the first to know about our exclusive deals.</p> <form class="form-inline newsletter-input col-12 p-0"> <div class="form-group row p-0 m-0"> <div class="col-12 p-0"> <a href="#" class="newsletter-button" id="btn-footer-register" data-src="#newsletter-fancybox-modal" data-fancybox=""> Join Now </a> </div> </div> </form> <div class="newsletter-modal component"> <div class="d-none"> <div id="newsletter-fancybox-modal"> <h3 class="text-center mb-5">Newsletter Subscription </h3> <div class="form-screen container px-0"> <div class="first-content col-12 col-lg-6 pr-lg-5 pl-lg-0 float-lg-left px-0"> <h4>Contact Details</h4> <form data-responsys="true" id="form-newsletter" data-endpoint="/content/pphg-revamp/en/hotels-and-resorts/pp-london/jcr:content/footer-ipar/footer_41900994/footer-newsletter.recaptcha-validation.json" data-action="https://engage.pphg.com/pub/rf" method="POST"> <input type="hidden" name="pcode-pp" value="pplon"/> <div class="form-group"> <div class="custom-input-textfield" :class="{'text-error': errors.has('email-pp')}"> <label for="email-pp">Email Address</label> <input id="email-pp" class="form-control" type="text" name="email-pp" v-validate="'required|email'" data-error-msg="Please enter a valid email address"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('email-pp')" v-text="errors.first('email-pp')"></p> </div> </div> </div> <div class="form-group col-12 col-lg-6 pr-0 pl-0"> <label for="title-pp">Title</label> <div class="custom-chosen-wrapper" :class="{'text-error': errors.has('title-pp')}"> <select id="title-pp" class="chosen-select select-picker select-picker-link" data-mobile="true" name="title-pp" v-validate="'required'" data-error-msg="Please select your title" tabindex="-1" data-disable-search="true"> <option value="">Title</option> <option value="Mr"> Mr.</option> <option value="Mrs"> Mrs.</option> <option value="Ms"> Ms.</option> </select> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('title-pp')" v-text="errors.first('title-pp')"></p> </div> </div> </div> <div class="form-group col-12 pr-0 col-lg-12 px-0"> <div class="custom-input-textfield" :class="{'text-error': errors.has('fname-pp')}"> <label for="fname-pp">First Name</label> <input id="fname-pp" class="form-control" type="text" name="fname-pp" v-validate="'required'" data-error-msg="Please enter your first name"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('fname-pp')" v-text="errors.first('fname-pp')"></p> </div> </div> </div> <div class="form-group"> <div class="custom-input-textfield" :class="{'text-error': errors.has('lname-pp')}"> <label for="lname-pp">Last Name</label> <input id="lname-pp" class="form-control" type="text" name="lname-pp" v-validate="'required'" data-error-msg="Please enter your last name"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('lname-pp')" v-text="errors.first('lname-pp')"></p> </div> </div> </div> <div class="form-group"> <label for="country-pp">Country of Residence</label> <div class="custom-chosen-wrapper"> <select id="country-pp" class="chosen-select select-picker select-picker-link" data-mobile="true" name="country-pp"> <option value="af" data-text="af">Afghanistan </option> <option value="al" data-text="al">Albania </option> <option value="dz" data-text="dz">Algeria </option> <option value="as" data-text="as">American Samoa </option> <option value="ad" data-text="ad">Andorra </option> <option value="ao" data-text="ao">Angola </option> <option value="ai" data-text="ai">Anguilla </option> <option value="ag" data-text="ag">Antigua and Barbuda </option> <option value="ar" data-text="ar">Argentina </option> <option value="am" data-text="am">Armenia </option> <option value="aw" data-text="aw">Aruba </option> <option value="au" data-text="au">Australia </option> <option value="at" data-text="at">Austria </option> <option value="az" data-text="az">Azerbaijan </option> <option value="bs" data-text="bs">Bahamas </option> <option value="bh" data-text="bh">Bahrain </option> <option value="bd" data-text="bd">Bangladesh </option> <option value="bb" data-text="bb">Barbados </option> <option value="by" data-text="by">Belarus </option> <option value="be" data-text="be">Belgium </option> <option value="bz" data-text="bz">Belize </option> <option value="bj" data-text="bj">Benin </option> <option value="bm" data-text="bm">Bermuda </option> <option value="bt" data-text="bt">Bhutan </option> <option value="bo" data-text="bo">Bolivia </option> <option value="ba" data-text="ba">Bosnia and Herzegovina </option> <option value="bw" data-text="bw">Botswana </option> <option value="br" data-text="br">Brazil </option> <option value="vg" data-text="vg">British Virgin Islands </option> <option value="bn" data-text="bn">Brunei Darussalam </option> <option value="bg" data-text="bg">Bulgaria </option> <option value="bf" data-text="bf">Burkina Faso </option> <option value="bi" data-text="bi">Burundi </option> <option value="kh" data-text="kh">Cambodia </option> <option value="cm" data-text="cm">Cameroon </option> <option value="ca" data-text="ca">Canada </option> <option value="cv" data-text="cv">Cape Verde </option> <option value="ky" data-text="ky">Cayman Islands </option> <option value="cf" data-text="cf">Central African Republic </option> <option value="td" data-text="td">Chad </option> <option value="cr" data-text="cr">Chile </option> <option value="cn" data-text="cn">China </option> <option value="co" data-text="co">Colombia </option> <option value="km" data-text="km">Comoros </option> <option value="cd" data-text="cd">Congo, Dem. Rep. </option> <option value="cg" data-text="cg">Congo, Rep. </option> <option value="ck" data-text="ck">Cook Islands </option> <option value="cr" data-text="cr">Costa Rica </option> <option value="ci" data-text="ci">Côte d’Ivoire </option> <option value="hr" data-text="hr">Croatia </option> <option value="cu" data-text="cu">Cuba </option> <option value="cy" data-text="cy">Cyprus </option> <option value="cz" data-text="cz">Czech Republic </option> <option value="dk" data-text="dk">Denmark </option> <option value="dj" data-text="dj">Djibouti </option> <option value="dm" data-text="dm">Dominica </option> <option value="do" data-text="do">Dominican Republic </option> <option value="ec" data-text="ec">Ecuador </option> <option value="eg" data-text="eg">Egypt </option> <option value="sv" data-text="sv">El Salvador </option> <option value="gq" data-text="gq">Equatorial Guinea </option> <option value="er" data-text="er">Eritrea </option> <option value="ee" data-text="ee">Estonia </option> <option value="et" data-text="et">Ethiopia </option> <option value="fo" data-text="fo">Faroe Islands </option> <option value="fj" data-text="fj">Fiji </option> <option value="fi" data-text="fi">Finland </option> <option value="fr" data-text="fr">France </option> <option value="gf" data-text="gf">French Guiana </option> <option value="pf" data-text="pf">French Polynesia (Tahiti) </option> <option value="ga" data-text="ga">Gabon </option> <option value="gm" data-text="gm">Gambia, The </option> <option value="ge" data-text="ge">Georgia </option> <option value="de" data-text="de">Germany </option> <option value="gh" data-text="gh">Ghana </option> <option value="gi" data-text="gi">Gibraltar </option> <option value="gr" data-text="gr">Greece </option> <option value="gl" data-text="gl">Greenland </option> <option value="gd" data-text="gd">Grenada </option> <option value="gp" data-text="gp">Guadeloupe </option> <option value="gu" data-text="gu">Guam </option> <option value="gt" data-text="gt">Guatemala </option> <option value="gn" data-text="gn">Guinea </option> <option value="gw" data-text="gw">Guinea-Bissau </option> <option value="gy" data-text="gy">Guyana </option> <option value="ht" data-text="ht">Haiti </option> <option value="us8" data-text="us8">Hawaii </option> <option value="va" data-text="va">Holy See </option> <option value="hn" data-text="hn">Honduras </option> <option value="hk" data-text="hk">Hong Kong, China </option> <option value="hu" data-text="hu">Hungary </option> <option value="is" data-text="is">Iceland </option> <option value="in" data-text="in">India </option> <option value="id" data-text="id">Indonesia </option> <option value="ir" data-text="ir">Iran </option> <option value="iq" data-text="iq">Iraq </option> <option value="ie" data-text="ie">Ireland </option> <option value="il" data-text="il">Israel </option> <option value="it" data-text="it">Italy </option> <option value="jm" data-text="jm">Jamaica </option> <option value="jp" data-text="jp">Japan </option> <option value="jo" data-text="jo">Jordon </option> <option value="kz" data-text="kz">Kazakhstan </option> <option value="ke" data-text="ke">Kenya </option> <option value="ki" data-text="ki">Kiribati </option> <option value="kw" data-text="kw">Kuwait </option> <option value="kg" data-text="kg">Kyrgyzstan </option> <option value="la" data-text="la">Lao PDR </option> <option value="lv" data-text="lv">Latvia </option> <option value="lb" data-text="lb">Lebanon </option> <option value="ls" data-text="ls">Lesotho </option> <option value="lr" data-text="lr">Liberia </option> <option value="ly" data-text="ly">Libya </option> <option value="li" data-text="li">Liechtenstein </option> <option value="lt" data-text="lt">Lithuania </option> <option value="lu" data-text="lu">Luxembourg </option> <option value="mo" data-text="mo">Macao </option> <option value="mg" data-text="mg">Madagascar </option> <option value="mw" data-text="mw">Malawi </option> <option value="my" data-text="my">Malaysia </option> <option value="mv" data-text="mv">Maldives </option> <option value="ml" data-text="ml">Mali </option> <option value="mt" data-text="mt">Malta </option> <option value="mh" data-text="mh">Marshall Islands </option> <option value="mq" data-text="mq">Martinique </option> <option value="mr" data-text="mr">Mauritania </option> <option value="mu" data-text="mu">Mauritius </option> <option value="mx" data-text="mx">Mexico </option> <option value="fm" data-text="fm">Micronesia (Federated States of) </option> <option value="md" data-text="md">Moldova </option> <option value="mc" data-text="mc">Monaco </option> <option value="mn" data-text="mn">Mongolia </option> <option value="me" data-text="me">Montenegro </option> <option value="ms" data-text="ms">Montserrat </option> <option value="ma" data-text="ma">Morocco </option> <option value="mz" data-text="mz">Mozambique </option> <option value="mm" data-text="mm">Myanmar </option> <option value="na" data-text="na">Namibia </option> <option value="nr" data-text="nr">Nauru </option> <option value="np" data-text="np">Nepal </option> <option value="an" data-text="an">Netherlands Antilles </option> <option value="nl" data-text="nl">Netherlands </option> <option value="nc" data-text="nc">New Caledonia </option> <option value="nz" data-text="nz">New Zealand </option> <option value="ni" data-text="ni">Nicaragua </option> <option value="ne" data-text="ne">Niger </option> <option value="ng" data-text="ng">Nigeria </option> <option value="nu" data-text="nu">Niue </option> <option value="kp" data-text="kp">North Korea </option> <option value="mp" data-text="mp">Northern Mariana Islands </option> <option value="no" data-text="no">Norway </option> <option value="om" data-text="om">Oman </option> <option value="pk" data-text="pk">Pakistan </option> <option value="pw" data-text="pw">Palau </option> <option value="ps" data-text="ps">Palestinian Territories </option> <option value="pa" data-text="pa">Panama </option> <option value="pg" data-text="pg">Papua New Guinea </option> <option value="py" data-text="py">Paraguay </option> <option value="pe" data-text="pe">Peru </option> <option value="ph" data-text="ph">Philippines </option> <option value="pn" data-text="pn">Pitcairn </option> <option value="pl" data-text="pl">Poland </option> <option value="pt" data-text="pt">Portugal </option> <option value="pr" data-text="pr">Puerto Rico </option> <option value="qa" data-text="qa">Qatar </option> <option value="mk" data-text="mk">Republic of Macedonia </option> <option value="ro" data-text="ro">Romania </option> <option value="ru" data-text="ru">Russian Federation </option> <option value="rw" data-text="rw">Rwanda </option> <option value="sh" data-text="sh">Saint Helena </option> <option value="kn" data-text="kn">Saint Kitts and Nevis </option> <option value="lc" data-text="lc">Saint Lucia </option> <option value="vc" data-text="vc">Saint Vincent and the Grenadines </option> <option value="ws" data-text="ws">Samoa </option> <option value="sm" data-text="sm">San Marino </option> <option value="st" data-text="st">São Tomé and Príncipe </option> <option value="sa" data-text="sa">Saudi Arabia </option> <option value="sn" data-text="sn">Senegal </option> <option value="rs" data-text="rs">Serbia </option> <option value="sc" data-text="sc">Seychelles </option> <option value="sl" data-text="sl">Sierra Leone </option> <option value="sg" data-text="sg">Singapore </option> <option value="sk" data-text="sk">Slovakia </option> <option value="si" data-text="si">Slovenia </option> <option value="sb" data-text="sb">Solomon Islands </option> <option value="so" data-text="so">Somalia </option> <option value="za" data-text="za">South Africa </option> <option value="kr" data-text="kr">South Korea </option> <option value="ss" data-text="ss">South Sudan </option> <option value="es" data-text="es">Spain </option> <option value="lk" data-text="lk">Sri Lanka </option> <option value="sd" data-text="sd">Sudan </option> <option value="sr" data-text="sr">Suriname </option> <option value="sz" data-text="sz">Swaziland </option> <option value="se" data-text="se">Sweden </option> <option value="ch" data-text="ch">Switzerland </option> <option value="sy" data-text="sy">Syria </option> <option value="tw" data-text="tw">Taiwan </option> <option value="tj" data-text="tj">Tajikistan </option> <option value="tz" data-text="tz">Tanzania </option> <option value="th" data-text="th">Thailand </option> <option value="tl" data-text="tl">Timor-Leste </option> <option value="tg" data-text="tg">Togo </option> <option value="to" data-text="to">Tonga </option> <option value="tt" data-text="tt">Trinidad and Tobago </option> <option value="tn" data-text="tn">Tunisia </option> <option value="tr" data-text="tr">Turkey </option> <option value="tm" data-text="tm">Turkmenistan </option> <option value="tv" data-text="tv">Tuvalu </option> <option value="ug" data-text="ug">Uganda </option> <option value="ua" data-text="ua">Ukraine </option> <option value="ae" data-text="ae">United Arab Emirates </option> <option value="gb" data-text="gb">United Kingdom </option> <option value="us" data-text="us">United States of America </option> <option value="uy" data-text="uy">Uruguay </option> <option value="vi" data-text="vi">US Virgin Islands </option> <option value="uz" data-text="uz">Uzbekistan </option> <option value="vu" data-text="vu">Vanuatu </option> <option value="ve" data-text="ve">Venezuela </option> <option value="vn" data-text="vn">Vietnam </option> <option value="eh" data-text="eh">Western Sahara </option> <option value="ye" data-text="ye">Yemen </option> <option value="zm" data-text="zm">Zambia </option> <option value="zw" data-text="zw">Zimbabwe </option> </select> <input type="hidden" name="countryname-pp"/> </div> </div> <input type="hidden" name="globalpropertynews-pp" value="3"/> <input type="hidden" name="secretid-pp"/> <div class="form-group"> <label class="checkbox custom-control custom-checkbox" :class="{ 'has-error' : errors.has('tnc0') }"> <div class="d-flex"> <div> <input class="custom-control-input" id="tnc0" name="tnc0" v-validate="'required'" type="checkbox" data-error-msg-required="Please agree to Terms and Conditions before proceeding."/> <span class="custom-control-indicator"></span> </div> <div> <span class="custom-control-description"> <p>I have read and accepted the <a href="https://www.panpacific.com/en/terms-of-use.html" target="_self">terms of use</a>, <a href="https://www.panpacific.com/en/data-protection-notice-gdpr.html" target="_blank">data protection notice (GDPR)</a> and <a href="https://www.panpacific.com/en/data-protection-policy.html" target="_blank">data protection policy</a>.<br /> </p> </span> </div> </div> </label> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('tnc0')" v-text="'Please agree to the Terms and Conditions before proceeding.'"></p> </div> <label class="checkbox custom-control custom-checkbox" :class="{ 'has-error' : errors.has('gdpr') }"> </label> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('gdpr')" v-text="errors.first('gdpr')"></p> </div> </div> <div class="form-group mb-4"> <input type="hidden" name="_ri_" value="X0Gzc2X%3DAQpglLjHJlTQGm3KBJ5WP4zahFpJchoCmd9741lzdqC8zeagzec6zgOVXMtX%3DAQpglLjHJlTQGl0gKH2wJ5ze0dnvCIoICloi41lzdqC8zeagzec6zgO"/> <input type="hidden" name="_ei_" value="EidvL1jaMldgWKTIjQhe4M8"/> <input type="hidden" name="_di_" value="gbbbsqhbslf1pig69vsapintkk1v97d7a51e5o7b826qlv45uclg"/> <input type="hidden" name="Database_id" value="PPLON_FORM_WebSignUp"/> <input type="hidden" name="ENROLLMENT_CODE" value="PPLON"/> <input type="hidden" name="EMAIL_PERMISSION_STATUS_" value="I"/> <input type="checkbox" class="hp-field" name="agreement-pp" value="1" tabindex="-1" autocomplete="off"/> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="newsletter-subscription" :on-success="onRecaptchaSubmit"> <button class="button button-primary">Join Now</button> </google-recaptcha> <button v-if="chinaNetwork" class="button button-primary" type="submit" v-on:click="onSubmit">Join Now</button> </div> </form> </div> <div class="col-12 col-lg-6 pl-lg-5 pr-lg-0 pt-5 float-lg-right"> <strong class="d-block mb-4">Pan Pacific Protects Your Privacy</strong> <p>Click "JOIN NOW" below to get emails with news and personalised offers from <a href="/en/terms-of-use.html" target="_blank">PPHG’s family of brands</a>. You agree to the use of pixels (or similar) so we can see how you interact with emails and offer you personalised ads and content. You can change your mind at any time. To find out more, see our <a href="/en/data-protection-notice-gdpr.html" target="_blank">Data Protection Notice</a>.<br /> </p> </div> </div> <div class="loading-screen px-0"> <p>Give us a few moments while we process your request. Please do not close your browser window or navigate away from this page. Thank you.</p> <div class="ajax-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="success-screen px-0"> <p>Great, you are now a part of our mailing list!</p> </div> <div class="error-screen px-0"> <h3> </h3> <div>Oops, our server is busy at the moment. Please try again later.</div> </div> </div> </div> </div> </div> <div class="app-download-section mt-0 mt-lg-4 pt-3 pt-md-5 pt-lg-0 pb-sm-3 pb-lg-0"><div class="col-12 p-0"> <h4>Download Our Mobile App</h4> </div> <div class="row"> <div class="col-6 col-sm-4 col-md-3 col-lg-6 p-0"> <div class="social-media d-block d-sm-block"> <div class="d-flex"> <a href="https://play.google.com/store/apps/details?id=com.pan_pacific.hotels" target="_blank"> <img src="/content/dam/pphg-revamp/test/pphg2-0/google-play-badge-1.png" alt="Android" width="100%"/> </a> </div> </div> </div> <div class="col-6 col-sm-4 col-md-3 col-lg-6 p-0"> <div class="social-media d-block d-sm-block"> <div class="d-flex"> <a href="https://apps.apple.com/app/pan-pacific-hotels/id1517025891" target="_blank"> <img src="/content/dam/pphg-revamp/test/pphg2-0/apple-app-store-badge.png" alt="Apple" width="100%"/> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container py-lg-5 pb-5"> <div class="row"> <div class="col-12"> <div class="title-description component "> <div class="content text-center-menu-title "> <h4>Get the Latest from Our Socials</h4> <div class="pphg-table-1 "> <div> <p class="cq-text-placeholder-ipe" data-emptytext="Freeform"></p> </div> </div> </div> </div> </div> </div> <div class="row justify-content-lg-center"> <div class="col-12 col-lg flex-lg-grow-0 pt-1"> <div class="social-media d-block d-sm-block"> <div class="d-flex "> <span class="d-inline-flex"></span> </div> </div> </div> <div class="social-media dot-separator"></div> <div class="col-12 col-lg flex-lg-grow-0 pt-1"> <div class="social-media d-block d-sm-block"> <div class="d-flex panpacific"> <span class="d-inline-flex">Pan Pacific London</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/PanPacificLondon/' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.instagram.com/panpacificlondon/' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.linkedin.com/company/pan-pacific-london' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-linkedin'></use> </svg></a></li> </ul> </div> </div> </div> <div class="social-media dot-separator"></div> <div class="col-12 col-lg flex-lg-grow-0 pt-1"> <div class="social-media d-block d-sm-block"> <div class="d-flex "> <span class="d-inline-flex"></span> </div> </div> </div> </div> </div> </div> <div class="bottom pt-5"> <div class="container"> <div class="row second-row align-items-center"> <div class="col-6 col-md-2 order-2 order-md-1"> <div class="logo left-logo"> <a href="https://www.uol.com.sg" target="_blank"> <img src="/content/dam/pphg-revamp/logos/UOL_logo_left.png"/> </a> </div> </div> <div class="col-12 col-md-8 order-1 order-md-2"> <div class="bottom-footer-text"> <a class="d-flex align-items-center justify-content-center" href="https://www.ghadiscovery.com/" target="_blank"> <svg class="icon-container icon-gha"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-gha" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-gha"></use> </svg>global hotel alliance </a> </div> <div class="bottom-footer-text"> <div class="links d-flex flex-wrap justify-content-between"> <a class="mx-auto my-1" href='/en/hotels-and-resorts/pp-london/the-hotel/hotel-policy.html' target='_blank'>Hotel Policy</a> <a class="mx-auto my-1" href='/en/sitemap.html' target='_blank'>Sitemap</a> <a class="mx-auto my-1" href='/en/data-protection-policy.html' target='_blank'>Data Protection Policy</a> <a class="mx-auto my-1" href='/en/data-protection-notice-gdpr.html' target='_blank'>Data Protection Notice (GDPR)</a> <a class="mx-auto my-1" href='/en/terms-of-use.html' target='_blank'>Terms of Use</a> <a class="mx-auto my-1" href='/en/terms-and-conditions-ugc.html' target='_blank'>UGC Terms and Conditions</a> <a class="mx-auto my-1" href='https://www.panpacific.com/content/dam/pphg-revamp/en/pplon/homepage/PPLON_ModernSlaveryStatement.pdf' target='_blank'>Modern Slavery Statement</a> <!-- Change cookie preferences --> <a href="#" class="mx-auto my-1 cky-banner-element">Manage Cookie Preferences</a> </div> </div> <div class="bottom-footer-text copyright-text">© 2024 Pan Pacific Hotels and Resorts. All rights reserved. </div> </div> <div class="col-6 col-md-2 order-3 order-md-3"> <div class="logo right-logo"> <a href="/en.html"> <img src="/content/dam/pphg-revamp/logos/pphg_logo_right.png"/> </a> </div> </div> </div> </div> </div> </div> </div> <div class="ugcwidget section"> <div class="container-fluid p-0"> <script type="text/javascript"> $('body').addClass('en pphg-2'); </script> <style> .main-wrapper--container.navigation-for-v3 { overflow-x: hidden; } .title-description.component > .content > div > div > ul { margin-bottom: 0 !important; } .navbar-content .icon-container.arrow-right { position: absolute; left: -24px; top: 2px; } .reservation-cta-btn > .container > .cta.component > .button.button-primary#btn-make-reservation { border: #a7852e 1px solid; border-radius: 50px !important; background: unset; color: #a7852e; font-weight: bolder; } @media (min-width: 1024px) { .container.slide-container.content-position-extreme-bottom { margin-top: -20px } } </style> <script type="text/javascript"> if (window.innerWidth <= 768) { // Check if the screen width is 768px or less const slideTextElements = document.querySelectorAll('.slide-text'); slideTextElements.forEach(slideText => { // Check for title-tag and set its width to 100% important const titleTag = slideText.querySelector('.title-tag'); if (titleTag) { titleTag.style.setProperty('width', '100%', 'important'); } // Check for buttonV2.white-btn and set height of content-position-extreme-bottom to 90% important const button = slideText.querySelector('.buttonV2.white-btn'); const floatComp = document.querySelector('.section-floatcomp' ) if (button || floatComp) { const parentElement = slideText.closest('.content-position-extreme-bottom'); if (parentElement) { parentElement.style.setProperty('height', '90%', 'important'); } } }); } </script> </div></div> </div> </div> </div> </div> <div class="modal fade" id="errorModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" data-dismiss="modal" aria-label="Close" class="close"> <svg class="icon-container icon-xs"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close"></use> </svg> </button> <div class="modal-header"> <!-- Start: Heading Component --> <h3 class="modal-title"></h3> <!-- End: Heading Component --> </div> <div class="modal-body pb20"> <p></p> </div> </div> </div> </div> <script> if ( window.location.protocol.toLowerCase() == "https:" || /\bisAEM/.test( document.body.className ) == false ) { if ('serviceWorker' in navigator) { window.addEventListener('load', function() { //navigator.serviceWorker.register('/sw.js'); navigator.serviceWorker.getRegistrations().then( function(registrations) { for(let registration of registrations) { registration.unregister(); } }); }); } } </script> <script> var defaultVal = document.getElementById("defaultCurrency").value; var baseUrl = "/etc/designs/pphg-revamp/clientlibs/", baseCurrency =defaultVal, tollfreeAPI ="/content/pphg-revamp/en.gettollfree.html?wcmmode=disabled", visitorCountryAPI ="/content/pphg-admin/visitorCountry.json", currencyAPI = "/content/pphg-admin/selectedCurrency.{FROM}.{TO}.json"; </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.panpacific.com/en/hotels-and-resorts/pp-london.html","name":"Pan Pacific London"}},{"@type":"ListItem","position":2,"item":{"@id":"https://www.panpacific.com/en/hotels-and-resorts/pp-london/rooms.html","name":"Rooms | Suites"}},{"@type":"ListItem","position":3,"item":{"@id":"https://www.panpacific.com/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html","name":"Bishopsgate Suite"}}]} </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":["HotelRoom","Product"],"name":"Bishopsgate Suite","url":"https://www.panpacific.com/en/hotels-and-resorts/pp-london/rooms/bishopsgate-suite.html","description":"","logo":"","category":"Club Room","aggregateRating":{"@type":"AggregateRating","ratingValue":"","ratingCount":""},"occupancy":{"@type":"QuantitativeValue","maxValue":""},"amenityFeature":[],"brand":{"@type":"Brand","name":"Pan Pacific London","url":"https://www.panpacific.com/en/hotels-and-resorts/pp-london.html","logo":"https://www.panpacific.com/content/dam/pphg-revamp/logos/panpacific/Pan-Pacific-London-Hor.svg"},"image":"https://www.panpacific.com/content/dam/pphg-revamp/en/pplon/suites/desktop-masthead/pplon-bishop-mastd.png"} </script> <!-- This is start of the Myma.ai Help Center digital assistant code --> <script> var url = window.location.href; var isEN = url.indexOf('/en/') >= 0; var isPropertyPage = url.indexOf('/hotels-and-resorts/') >= 0 || url.indexOf('/serviced-suites/') >= 0; var iidPP = 'e3a405b4-7d7d-493b-8fdd-74cb26c18413'; var iidPR = 'c69a09b5-ef9a-48dd-8d68-98766cafec67'; var iidPRC = '131dcd93-5a7c-4127-899f-595ce5fc0226'; var iid = ''; if (isEN && isPropertyPage) { var bodyClass = document.body.classList; if (bodyClass.contains('theme-pp')) { iid = iidPP; } else if (bodyClass.contains('theme-pr')) { iid = iidPR; } else if (bodyClass.contains('theme-prc')) { iid = iidPRC; } var BMB_MESSENGER_domain = 'https://messenger.myma.ai/'; var BMB_messengerHTMLPath = BMB_MESSENGER_domain + 'index.html'; var BMB_MESSENGER_head = document.getElementsByTagName('head')[0]; var BMB_MESSENGER_script = document.createElement('script'); BMB_MESSENGER_script.type = 'text/javascript'; BMB_MESSENGER_script.src = BMB_MESSENGER_domain + 'msgplugin.js'; BMB_MESSENGER_head.appendChild(BMB_MESSENGER_script); var BMB_MESSENGER_gid = '4d44c1aa-dc7c-415f-80e8-b08f0149ad66'; var BMB_MESSENGER_iid = iid; var BMB_MESSENGER_pid = ''; } </script> <!-- This is end of the Myma.ai Help Center digital assistant code --> <script type="text/javascript" src="/etc/designs/pphg-revamp/clientlibs.js"></script> </body> </html>