<!DOCTYPE html> <html ng-app="slgCorpApp" ng-controller="SlgCorpCtrl as vm"> <head> <title ng-bind="contents.pageInfo.children[0].meta_title.value"></title> <meta ng-if="!contents.pageInfo" name="description" content="Investors"> <meta ng-if="contents.pageInfo" name="description" content="{{contents.pageInfo.children[0].meta_description.value}}"> <meta name="keywords" content="{{contents.pageInfo.children[0].meta_keywords.value}}"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link rel="shortcut icon" type="image/png" href="../images/favicon.png" /> <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" /> <link rel="stylesheet" type="text/css" href="../css/owl.theme.css" /> <link rel="stylesheet" type="text/css" href="../css/jquery.newsticker.min.css" /> <link rel="stylesheet" type="text/css" href="../css/animate.css" /> <link rel="stylesheet" type="text/css" href="../css/tinycircleslider.css" /> <link rel="stylesheet" type="text/css" href="../css/whitney-font.css" /> <link rel="stylesheet" type="text/css" href="../css/aos.css"> <link rel="stylesheet" type="text/css" href="../css/jquery-simple-mobilemenu.css"> <link rel="stylesheet" type="text/css" href="../css/style.css" /> <link rel="stylesheet" type="text/css" href="../css/responsive.css" /> <link rel="stylesheet" type="text/css" href="../css/fontawesome-all.css"> <link rel="stylesheet" type="text/css" href="../css/adsmart.css"> <link rel="stylesheet" type="text/css" href="../css/animation.css">  <script src="//assets.adobedtm.com/launch-EN9ded5877c20d4d8bb761a8fc0d80aef9.min.js"></script>  <link rel="stylesheet" type="text/css" href="/group/css/sl_iconfont.css" /> <style>.sl-cookie-modal {z-index: 1999999 !important;}.sl-cookie-modal {z-index: 1999999 !important;} .sl-cookie-modal-option-item {font-weight: 400 !important; } .sl-cookie-modal-desc p {font-size: inherit;color: inherit;line-height: inherit;}</style> <style ng-if="!lang || lang == 'en'">.sl-cookie-modal, .sl-cookie-modal p {font-family: Montserrat,Verdana,Helvetica,Arial,sans-serif !important;} </style> <style ng-if="lang == 'cn'">.sl-cookie-modal, .sl-cookie-modal p {font-family: Montserrat,SimHei,Microsoft YaHei,sans-serif !important;}</style> <script src="//s.shangri-la.com/sl-fe-public/js/consent_mode-0.0.7.js"></script> <style> </style> </head> <body class="bgWhite investors-main-page-template main-page-default"> <ul class="mobile_menu"> <li ng-repeat="(menuName, submenus) in menus"> <h3 class="main-menu-parent-item" ng-if="menuName != 'submenuStandalone'" ng-bind="submenus.children[0].title.value"></h3> <ul class="submenu2"> <li ng-repeat="submenu in submenus.children"> <a ng-href="{{submenu.link.value}}" ng-bind="submenu.link_text.value" ng-attr-target="{{ submenu.link.value.startsWith('http') ? '_blank' : undefined }}"></a> </li> </ul> </li> <li ng-repeat="submenu in menus.submenuStandalone.children"> <a ng-href="{{submenu.link.value}}" ng-attr-target="{{ submenu.link.value.startsWith('http') ? '_blank' : undefined }}"><h3 ng-bind="submenu.link_text.value"></h3></a> </li> <li> <div class="mobile-menu-language-switch"> <ul class="language-btn"> <li> <a href="#" class="txt-tc" ng-click="switchLang(lang, '')">English</a> </li> <li> <a href="#" class="txt-sc" ng-click="switchLang(lang, 'cn')">简体中文</a> </li> </ul> </div> </li></ul> <header class="clearHeader"> <div class="container"> <div class="row"> <nav class="navbar navbar-inverse"> <div class="topnavRight"> <a ng-repeat="submenu in menus.submenuStandalone.children" ng-href="{{submenu.link.value}}" ng-bind="submenu.link_text.value" ng-attr-target="{{ submenu.link.value.startsWith('http') ? '_blank' : undefined }}"></a> <span class="header-menu-separation-line">|</span> <div class="language-switch-nav"> <button type="button" class="dropdown-toggle lang-selected" data-toggle="dropdown" ng-bind="labelsDict.CurrentLanguage"></button> <div class="dropdown-menu lang-nav-sub"> <ul class="lang-navigation"> <li class="li-lang-en"><a href="#" ng-click="switchLang(lang, '')">English</a></li> <li class="li-lang-cn"><a href="#" ng-click="switchLang(lang, 'cn')">简体中文</a></li> </ul> </div> </div> <a class="dropdown-toggle hidden" data-toggle="dropdown" href="investor-relations.html#"><img class="header-search-icon" src="/group/images/Search_white.png"> <img class="sticky_header-search-icon" src="/group/images/Search.png"></a> <div class="dropdown-menu searchDropdown"> <form> <input placeholder="What're we looking for ?" type="search"> </form> </div> </div> <div class="navbar-header"> <button class="navbar-toggle" data-target="#myNavbar" data-toggle="collapse" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a class="navbar-brand" ng-href="{{'/'+(lang.length?lang+'/':'')+'group/'}}"><img class="whiteLogo" ng-src="/group/images/{{labelsDict.slgLogo}}"> <img class="colorLogo" ng-src="/group/images/{{labelsDict.slgLogoColor}}"></a> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav navbar-right"> <li ng-repeat="(menuName, submenus) in menus" ng-if="menuName != 'submenuStandalone'" class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown2" ng-href="{{submenus.children[0].link.value}}" ng-bind="submenus.children[0].title.value"></a> <div class="dropdown-menu dropdownFull"> <div class="container"> <div class="row row-eq-height"> <div class="col-sm-3 col-md-3 col-xs-12"> <ul class="submenu-page-list" data-submenu="{{menuName}}"> <li ng-repeat="submenu in submenus.children" id="{{menuName}}_page_{{$index}}"><a ng-href="{{submenu.link.value}}" ng-bind="submenu.link_text.value" ng-attr-target="{{ submenu.link.value.startsWith('http') ? '_blank' : undefined }}"></a></li> </ul> </div> <div class="col-sm-3 col-md-9 col-xs-12 submenu-page-list"> <div ng-repeat="submenu in submenus.children" id="{{menuName}}_page_{{$index}}_content" class="menu-page-content {{menuName}} animated fadeIn" style="display: none"> <div class="col-md-6 left-menu-page-content"> <h3 ng-bind="submenu.title.value"></h3> <p ng-bind-html="trustHtml(submenu.description.value)"></p> </div> <div class="col-md-6 right-menu-page-image"> <img ng-src="{{cmsURL + submenu.image.src}}"> </div> </div> </div> </div> </div> </div> </li> </ul> </div><span class="mobileMenuIcon" onclick="openNav()"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></span> </nav> </div> </div> </header>  <section class="heroSlider example-classname scopeBanner top-single-banner hidden-xs" id="heroSlider"> <div class="scene animated fadeInRight" ng-if="contents.pageHeader.children.length"> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-8 col-xs-12 innerCaption"> <div class="innerBannerText"> <h6 class="subTitle" ng-bind="contents.pageHeader.children[0].title.value"></h6> <h1 class="animated-2 fadeIn" ng-bind-html="trustHtml(contents.pageHeader.children[0].description.value)"></h1> </div> </div> <div class="col-md-6 col-sm-4"></div> </div> <div class="row banner-image-description-row"> <div class="col-md-12"> <div class="banner-image-description" ng-bind="contents.pageHeader.children[0].image_description.value"></div> </div> </div> </div>   <div class="bannerImgBox mobile-pos-x-60 visible-md visible-lg" ng-style="{ 'background-image': 'url(' + cmsURL + contents.pageHeader.children[0].image.src + ')' }"></div> <div class="bannerImgBox visible-sm" ng-style="{ 'background-image': 'url(' + cmsURL + contents.pageHeader.children[0].image_tablet.src + ')' }"></div>   </div> </section>  <section class="m-heroSlider-section visible-xs top-single-banner" id="heroSlider"> <div class="bannerImgBox m-top-banner-image" ng-if="contents.pageHeader.children.length"> <img ng-src="{{cmsURL + contents.pageHeader.children[0].image_mobile.src}}"> <div class="container"> <div class="row banner-image-description-row"> <div class="col-xs-12 innerCaption"> <div class="banner-image-description" ng-bind="contents.pageHeader.children[0].image_description.value"></div> </div> </div> </div> </div>  <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="innerBannerText "> <h6 class="subTitle" ng-bind="contents.pageHeader.children[0].title.value"></h6> <h1 class="animated-2 fadeIn" ng-bind-html="trustHtml(contents.pageHeader.children[0].description.value)"></h1> </div> </div> </div> </div>  </section>   <section class="top-section main-page-top-section p-bottom-35" data-aos="fade-up" data-aos-easing="ease-in-sine" data-aos-once="true"> <div class="container"> <div class="row"> <div class="col-md-8 col-sm-12 col-xs-12 col-md-offset-2 text-center"> <h2 class="borderTitle borderTitleBig"><span ng-bind="contents.mainSection.children[0].title.value"></span></h2>  <p class="short-description-p" ng-bind-html="trustHtml(contents.mainSection.children[0].description.value)"></p> <div id="show-rm-content" class="collapse"> <p class="short-description-p" ng-bind-html="trustHtml(contents.mainSection.children[0].description2.value)"></p> <p class="short-description-p" ng-bind-html="trustHtml(contents.mainSection.children[0].description3.value)"></p> <p ng-bind-html="trustHtml(contents.mainSection.children[0].description4.value)"></p> </div> <div class="rm-content-btn"> <button type="button" class="show-read-more-btn more" data-toggle="collapse" data-target="#show-rm-content" ng-bind="labelsDict.ReadMore"></button> <button type="button" class="show-read-more-btn less" data-toggle="collapse" data-target="#show-rm-content" ng-bind="labelsDict.ReadLess"></button> </div> </div> </div> </div> </section> <section class="middle-section all-stock-code-section p-bottom-35" data-aos="fade-up" data-aos-easing="ease-in-sine" data-aos-once="true"> <div class="container"> <div class="row" ng-if="contents.stock.children.length"> <div class="col-md-8 col-sm-12 col-xs-12 col-md-offset-2 text-center"> <h2 class="borderTitle borderTitleBig"><span ng-bind="contents.stock.children[0].title.value"></span></h2> <div class="bsc-item-section"> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="single-bsc-item"> <div class="bsc-item-image"> <img ng-src="{{cmsURL + contents.stock.children[1].symbol.src}}"> </div> <div class="bsc-item-content"> <h2 class="code-description" ng-bind="contents.stock.children[1].code.value"></h2> <p ng-bind="contents.stock.children[1].description.value"></p> </div> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="single-bsc-item"> <div class="bsc-item-image"> <img ng-src="{{cmsURL + contents.stock.children[2].symbol.src}}"> </div> <div class="bsc-item-content"> <h2 class="code-description" ng-bind="contents.stock.children[2].code.value"></h2> <p ng-bind="contents.stock.children[2].description.value"></p> </div> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="single-bsc-item"> <div class="bsc-item-image"> <img ng-src="{{cmsURL + contents.stock.children[3].symbol.src}}"> </div> <div class="bsc-item-content"> <h2 class="code-description" ng-bind="contents.stock.children[3].code.value"></h2> <p ng-bind="contents.stock.children[3].description.value"></p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="bottom-section p-bottom-150 m-p-bottom-110"> <div class="container"> <div class="row" ng-repeat="item in contents.subSections.children"> <div class="col-md-12 col-sm-12 col-xs-12 flex2Box no-margin-box" data-aos="fade-up" data-aos-duration="1200" data-aos-once="true"> <div ng-class="{ 'col-6 imgBgBox': true, 'col-md-push-6': ($index % 2) }" ng-style="{ 'background-image': 'url(' + cmsURL + item.image.src + ')' }"> <div class="original-image-box visible-sm visible-xs"><img ng-src="{{cmsURL + item.image.src}}"></div> </div> <div ng-class="{ 'col-6': true, 'col-md-pull-6': ($index % 2) }"> <div class="flex-content-box"> <h4 class="borderTitle2" ng-bind="item.title.value"></h4> <p class="max-line-3" ng-bind-html="trustHtml(item.description.value)"></p> <a class="btn3" ng-href="{{item.link.value}}" data-track-location-id="body" data-track-button-name="learn_more" ng-bind="item.link_text.value"></a> </div> </div> </div> </div> </div> </section>  <section class="main-footer-section" id="footer"> <div class="tablet-footer-menu"> <footer> <div class="container"> <div class="row"> <div ng-repeat="(menuName, submenus) in menus" ng-if="menuName != 'submenuStandalone'" class="col-md-2 col-sm-12 col-xs-12"> <h3><a ng-href="{{submenus.children[0].link.value}}" ng-bind="submenus.children[0].title.value"></a></h3> <ul class="mainftrLinks"> <li ng-repeat="submenu in submenus.children"> <a ng-href="{{submenu.link.value}}" ng-if="submenu.name != 'Overview'" ng-bind="submenu.link_text.value" ng-attr-target="{{ submenu.link.value.startsWith('http') ? '_blank' : undefined }}"></a> </li> </ul> </div> <div class="col-md-12 col-sm-12 col-xs-12">  <h3 ng-bind="menus.submenuStandalone.children[0].title.value"></h3> <ul class="mainftrLinks"> <li ng-repeat="submenu in menus.submenuStandalone.children"> <a ng-href="{{submenu.link.value}}" ng-bind="submenu.link_text.value" ng-attr-target="{{ submenu.link.value.startsWith('http') ? '_blank' : undefined }}"></a> </li> </ul> <div class="socialMedia"> <a class="social-share-item share-linkedin-item" href="https://hk.linkedin.com/company/shangri-la-hotels-and-resorts?trk=guest_job_details_topcard_org_name/" target="_blank" data-track-location-id="footer" data-track-button-name="social:linkedin"><img src="/group/images/Footer/social_media_icon_01.png"></a> <a class="social-share-item share-facebook-item hidden" href="https://www.facebook.com/shangrila/" target="_blank" data-track-location-id="footer" data-track-button-name="social:facebook"><img src="/group/images/Footer/social_media_icon_02.png"></a> <a class="social-share-item share-twitter-item hidden" href="https://twitter.com/shangrilahotels/" target="_blank" data-track-location-id="footer" data-track-button-name="social:twitter"><img src="/group/images/Footer/social_media_icon_03.png"></a> <a class="social-share-item share-weibo-item hidden" href="https://weibo.com/shangrila/" target="_blank" data-track-location-id="footer" data-track-button-name="social:weibo"><img src="/group/images/Footer/social_media_icon_04.png"></a> <a href="#" class="hidden"><img src="/group/images/Footer/social_media_icon_05.png"></a> </div> </div> </div> </div> </footer> <div style="clear: both;"></div> <div class="sub-footer"> <div class="container"> <div class="row"> <div class="col-md-8 col-sm-12 col-xs-12 col-md-offset-2"> <div class="sub-footer-content text-center" ng-bind-html="trustHtml(contents.footerSection.children[0].description.value)"> </div> </div> </div> </div> </div> <div style="clear: both;"></div>  </div> <style type="text/css"> @-webkit-keyframes popup { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes popup { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes popup { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @keyframes popup { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } /* .footer-cookies-policy { -webkit-animation: popup 3s; -moz-animation: popup 3s; -o-animation: popup 3s; animation: popup 3s; } */ </style> </section>  <script type="text/JavaScript">_satellite.pageBottom();</script>  <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/javascript" src="../js/fontawesome.js"></script> <script type="text/javascript" src="../js/owl.carousel.js"></script> <script type="text/javascript" src="../js/wow.min.js"></script> <script type="text/javascript" src="../js/bootstrap.min.js"></script> <script type="text/javascript" src="../js/jquery.newsticker.js"></script>  <script type="text/javascript" src="../js/jquery.scrollify.js"></script> <script type="text/javascript" src="../js/aos.js"></script> <script type="text/javascript" src="../js/jquery-simple-mobilemenu.min.js"></script>   <script type="text/javascript"> var track_PageName = "Group:Investors Page"; var track_Language = "en"; var track_SiteSection1 = "Group"; var track_SiteSection2 = "Investors"; </script>  <script type="text/javascript" src="../js/adsmart.js"></script>  <script src="../js/angular.min.js"></script> <script src="../js/angular-route.min.js"></script> <script src="../js/angular-sanitize.min.js"></script> <script type="text/javascript" src="../js/slg-group-contents.js"></script> <script type="text/javascript"> var slgCorpApp = angular.module('slgCorpApp', ['ngSanitize', 'slgCorpApp.services', 'slgCorpApp.filters']) .config(['$compileProvider', function ($compileProvider) { $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|javascript):/); }]);; slgCorpApp.controller('SlgCorpCtrl', ['$scope', '$http', '$filter', '$sce', '$timeout', 'graphqlService', function ($scope, $http, $filter, $sce, $timeout, graphqlService) { $scope.cmsURL = graphqlService.cmsURL; $scope.items = [ ['menu', 'Global/Menu', ['ImageSection']], ['labels', 'Global/Labels', ['DictionaryEntry']], ['pageInfo', 'investor/Overview/PageInfo', ['PageData']], ['pageHeader', 'investor/Overview/PageHeader', ['BannerSection']], ['mainSection', 'investor/Overview/MainSection', ['PageSection']], ['stock', 'investor/Overview/StockCode', ['PageSection', 'StockSection']], ['subSections', 'investor/Overview/Subsections', ['ImageSection']], ['footerSection', 'Global/FooterSection', ['PageSection', 'ImageSection']] ]; $scope.newLang = $scope.lang = graphqlService.getLang(); $scope.switchLang = graphqlService.switchLang; $scope.labelsDict = {}; $scope.trustHtml = function(htmlStr) { return $sce.trustAsHtml(htmlStr); }; graphqlService.loadContentsLang($scope.items, $scope.lang, function(contents) { $scope.contents = contents; for(var i = 0; i < contents.labels.children.length; i++) $scope.labelsDict[contents.labels.children[i].name] = contents.labels.children[i].phrase.value; var menus = []; for(var i = 0; i < contents.menu.children.length; i++) { var menuName = contents.menu.children[i].name; menus.push(['submenu' + menuName, 'Global/Menu/' + menuName, ['ImageSection']]); } graphqlService.loadContentsLang(menus, $scope.lang, function(contents) { $scope.menus = contents; $timeout(function() { mobileMenuLoaded(); }, 600); $timeout(function() { menuLoaded(); }, 300); }); }); }]); </script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e730cab5f23ce13',t:'MTczMjM4NDcyOC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>

CINXE.COM