<!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="Careers"> <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"> <link rel="stylesheet" type="text/css" href="/group/react/Overview/index.baa2060a.css" /><script type="text/javascript" src="/group/js/react.prod.js"></script> <script type="text/javascript" src="/group/js/react-dom.prod.js"></script><script type="text/javascript" src="/group/react/Overview/index.baa2060a.js"></script>  <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 main-page-default">  <div> <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> </div> <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>  <div id="root"></div> <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" 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:Sustainability:Overview Page"; var track_Language = "en"; var track_SiteSection1 = "Group"; var track_SiteSection2 = "Sustainability"; </script>  <script type="text/javascript" src="../js/adsmart.js"></script> <script type="text/javascript" src="../js/flickity.pkgd.min.js"></script> <script type="text/javascript" src="../js/jquery.touchSwipe.min.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|tel):/); }]);; 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']], ['footerSection', 'Global/FooterSection', ['PageSection', 'ImageSection']], ['pageInfo', 'sustainability/Overview/PageInfo', ['PageData']], // 替换页面的sitecore数据路径 ['overviewBanner', 'sustainability/Overview/PageHeader', ['BannerSection']], ['mainSection', 'sustainability/Overview/MainSection', ['PageSection']], ['quoteMessagge', 'sustainability/Overview/SubSections', ['Message']], ['ourESGFramework', 'sustainability/Overview/OurESGFramework', ['PageSection', 'ImageSection']], ['governance', 'sustainability/Overview/Governance', ['ImageSection']], ['highlights', 'sustainability/Overview/Highlights', ['PageSection', 'ImageSection']], ]; $scope.newLang = $scope.lang = graphqlService.getLang(); $scope.switchLang = graphqlService.switchLang; $scope.labelsDict = {}; //$scope上可自定义一些方法在模版中或js中使用，如： <h5 class="animated-2 fadeIn" ng-bind-html="trustHtml(banner.description.value)"></h5> $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']]); } Overview({ pageData: $scope.contents, language: $scope.lang, }) graphqlService.loadContentsLang(menus, $scope.lang, function (contents) { $scope.menus = contents; $timeout(function () { mobileMenuLoaded(); }, 600); $timeout(function () { menuLoaded(); }, 300); }); // todo：轮播图初始化或事件绑定，交互相关逻辑 }); }]); </script>  <script type="text/JavaScript">_satellite.pageBottom();</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:'8e92df167b3c3fc8',t:'MTczMjcxODQwNi4wMDAwMDA='};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