CINXE.COM

Event | UBDA

<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <!-- --> <head> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="dns-prefetch" href="https://fonts.gstatic.com"> <link rel="stylesheet" type="text/css" href="/assets/css/style.css?v=20241025140449"> <link rel="stylesheet" type="text/css" href="/bundles/print?v=J-PTrEjgaCPtyofHD6Hj7e6FR7o886lah6ZuKJRgQ3k1" media="print"> <link rel="stylesheet" type="text/css" href="/bundles/event?v=Og0JDCHi0CyQzgSeGClNi3J9BIdIY42bXl965G4jDlA1"> <link rel="stylesheet" type="text/css" href="/bundles/its?v=3vvm2XY779ZYWCtimjE81BUajA8Fnt8_ozkIVI5bV0k1"> <script type="text/javascript" src="/bundles/jsLib?v=1PlBjXLpGou0PTc3WJ3qRjA3j-t5xJSAc64Lp4N2KtQ1"></script> <!-- <p></p> --> <script type="text/javascript"> //if security block for using iframe to read directly, can use "HTML5 window.postMessage" method, but need to check browser support function ITS_loadFrame() { var iframe = document.createElement('iframe'); //load your page iframe.src = "/?p=1"; //window.location.href //hide the iframe using css iframe.style.cssText = 'position: absolute; opacity:0; z-index: -9999'; //set iframe onload function, this will execute after the append iframe.onload = function (e) { //get iframe cookies var cookies = iframe.contentDocument.cookie; //remove iframe after load document.body.removeChild(iframe); //read particular cookies value instead of load all cookies to avoid duplicate //var acceptCookie = ITS_getCookie("is_accepted_cookie", cookies); var globalCookie = ITS_getCookieFromSource("SC_ANALYTICS_GLOBAL_COOKIE", cookies); var aspnetCookie = ITS_getCookieFromSource("ASP.NET_SessionId", cookies); ITS_setCookie("SC_ANALYTICS_GLOBAL_COOKIE", globalCookie, 3652); ITS_setCookie("ASP.NET_SessionId", aspnetCookie, 0); } if (typeof callGoogleTagManager == 'function') { callGoogleTagManager(); } if (typeof callSocialAds == 'function') { callSocialAds(); } if (typeof callCustomScript == 'function') { callCustomScript(); } document.body.appendChild(iframe); } function ITS_getCookie(name) { var cookies = document.cookie; var nameEQ = name + "="; var ca = cookies.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } function ITS_getCookieFromSource(name, cookies) { var nameEQ = name + "="; var ca = cookies.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } function ITS_setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + ";path=/;SameSite=None;secure;"; } </script> <!-- Public Library --> <script type="text/javascript" src="/bundles/js?v=ufNls3nvdC6VHEh7xrZX0WeV4EVFsPdvBKJoEZVYs981"></script> <!-- End Public Library --> <script type="text/javascript"> $(function () { $("a[href^='http']:not([href*='polyu.edu.hk'])").attr("rel", "nofollow"); $(".cookie-alert__btn").click(function() { ITS_setCookie('LabelName', '', 7); ITS_setCookie('LabelTimes', '', 7); ITS_setCookie('LabelExpire','', 7); }); }); $(document).ready(function () { $('a[href*="/sitecore/content/"]').each(function () { var oldUrl = $(this).attr("href"); var newUrl = oldUrl.replace("/sitecore/content/", "/"); $(this).attr("href", newUrl); }); }); var url = window.location.pathname; if (url.includes("/sitecore/content")) { var destination = "/"; var path = url.split("/sitecore/content"); if (path.length > 1) { destination = path[1]; if (destination === "") { destination = "/"; } } window.location.href = destination; } </script> <meta name="robots" content="index, follow"> <meta property="og:title" content="Event | News and Events | UBDA" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.polyu.edu.hk/ubda/News-and-Events/Event" /> <meta property="og:image" content="" /> <meta property="og:site_name" content="UBDA" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="UBDA"> <meta name="twitter:title" content="Event | News and Events | UBDA" /> <meta name="twitter:image" content="" /> <title>Event | UBDA</title> <link href="/_img/favicon.ico" rel="shortcut icon" type="image/x-icon"> <link rel="alternate" href="https://www.polyu.edu.hk/ubda/News-and-Events/Event?sc_lang=en" hreflang="en" /> <link rel="alternate" href="https://www.polyu.edu.hk/ubda/News-and-Events/Event?sc_lang=en" hreflang="x-default" /> <link rel="canonical" href="https://www.polyu.edu.hk/ubda/News-and-Events/Event" /> <meta name="format-detection" content="telephone=no"> <script async src='https://www.googletagmanager.com/gtag/js?id=G-Y164LC6VS4'></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', "G-Y164LC6VS4"); gtag('config', "G-GYX259Y255"); </script> </head> <body class="lang-en css-transitions-only-after-page-load"> <div class="wrapper"> <a class="sr-only sr-only-focusable" id="skip-to-content" href="#skip-start">Skip to main content</a> <header class="page-head menu fact-header " id="header"> <div class="header-wrap"> <div class="fact-header__top"> <div class="container header-top__container"> <div class="header-wrap__left"> <div class="logo-container"> <a href="/ubda" target="_self"> <picture> <source srcset="/ubda/-/media/Department/UBDA/Setting/UBDA-Logo_Final.png?bc=ffffff&amp;h=64&amp;mw=350&amp;rev=bb124cd696ae45db923dfc99bb6b8c3e&amp;hash=2FD2A3850CB9575F49983B5D5674BC67 1x, /ubda/-/media/Department/UBDA/Setting/UBDA-Logo_Final.png?bc=ffffff&amp;h=128&amp;mw=700&amp;rev=bb124cd696ae45db923dfc99bb6b8c3e&amp;hash=E22DCB7828B913F6549BD84D7DE1973D 2x"> <img class="main-logo main-logo--fact" src="/ubda/-/media/Department/UBDA/Setting/UBDA-Logo_Final.png?bc=ffffff&amp;h=64&amp;mw=350&amp;rev=bb124cd696ae45db923dfc99bb6b8c3e&amp;hash=2FD2A3850CB9575F49983B5D5674BC67" alt="UBDA Logo_Final"> </picture> <img src="/assets/img/blank.png" data-src="/ubda/-/media/Department/UBDA/Setting/UBDA-Logo_Final.png?bc=ffffff&amp;h=192&amp;mw=1050&amp;rev=bb124cd696ae45db923dfc99bb6b8c3e&amp;hash=5AEE64592BDCEC04A590A779EF584285" alt="Logo" class="main-logo main-logo--zoom main-logo--fact"> </a> </div> </div> <div class="header-wrap__right"> <div class="fn-blk-wrap"> <div class="fn-blk sitesearch-blk"> <div class="sitesearch"> <button class="sitesearch__trigger fn-blk__link" data-toggle="modal" data-target="#search-modal"><span class="ico ico-search" aria-hidden="true"></span><span class="sr-only">Open Site Search Popup</span></button> </div> </div> <div class="fn-blk share-blk"> <div class="dropdown sharedrop__container share-area"> <button class="share-blk__trigger sharedrop__trigger dropdown-toggle fn-blk__link" id="dropdown-header-share" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="ico-share" aria-hidden="true"></span><span class="sr-only">Share</span></button> <ul class="dropdown-menu" aria-labelledby="dropdown-header-share"> <li><a data-media="facebook" href="javascript:void(0);"><span class="ico ico-fw ico-facebook"></span>Facebook</a></li> <li><a data-media="linkedin" href="javascript:void(0);"><span class="ico ico-fw ico-linkedin"></span>Linkedin</a></li> <li><a data-media="twitter" href="javascript:void(0);"><span class="ico ico-fw ico-twitter"></span>Twitter</a></li> <li><a data-media="weibo" href="javascript:void(0);"><span class="ico ico-fw ico-weibo"></span>Weibo</a></li> <li><a data-media="email" href="javascript:void(0);"><span class="ico ico-fw ico-envelope"></span>Mail</a></li> <li><a class="js-copy" data-clipboard-text="https://www.polyu.edu.hk/ubda/News-and-Events/Event" href="javascript:void(0);"><span class="ico ico-fw ico-link"></span>Copy Link</a></li> </ul> </div> </div> <div class="fn-blk q-access-blk d-none d-lg-flex"> <div class="q-access"> <button class="fn-blk__link tri-link q-access-blk__trigger" data-toggle="modal" data-target="#q-access-menu" id="q-access-menu-trigger">Quick Access</button> <div class="modal q-access-menu fade color-set color-set--red" tabindex="-1" role="dialog" id="q-access-menu" aria-labelledby="q-access-menu-trigger" aria-hidden="true" style="z-index:20005 !important;"> <div class="modal-dialog q-access-menu__dialog" role="document"> <p class="q-access-menu__title">Quick Access</p> <div> <div class="q-access-menu__inner js-simplebar"> <ul class="q-access-menu__list--1 circle-list"> <li class="q-access-menu__item--1"><a href="https://www.polyu.edu.hk/about-polyu/" class="underline-link" target="_blank" ><span class="underline-link__line">About PolyU</span></a></li> <li class="q-access-menu__item--1"><a href="https://www.polyu.edu.hk/research/" class="underline-link" target="_blank" ><span class="underline-link__line">Research at PolyU</span></a></li> <li class="q-access-menu__item--1"><a href="https://www.polyu.edu.hk/prospective-students/" class="underline-link" target="_blank" ><span class="underline-link__line">Study at PolyU</span></a></li> <li class="q-access-menu__item--1"><a href="https://www.polyu.edu.hk/atoz/" class="underline-link" target="_blank" ><span class="underline-link__line">PolyU A to Z</span></a></li> <li class="q-access-menu__item--1"><a href="https://www.polyu.edu.hk/campus-map/" class="underline-link" target="_blank" ><span class="underline-link__line">Campus Map</span></a></li> </ul> </div> </div> <button class="q-access-menu__close" data-dismiss="modal" aria-label="Close"><span class="ico ico-cross-narrow" aria-hidden="true"></span></button> </div> </div> </div> </div> <div class="fact-header__poly-logo fact-logo-container theme-color-b4-bg"> <a href="https://www.polyu.edu.hk/en/" target="_blank"> <img src="/assets/img/fact-logo-1x.png" srcset="/assets/img/fact-logo-1x.png 1x, /assets/img/fact-logo-2x.png 2x, /assets/img/fact-logo-3x.png 3x" alt="PolyU" class="fact-main-logo"> </a> </div> </div> <button class="mTrigger mobile-menu-wrap d-block d-lg-none" data-toggle="modal" data-target="#mobile-menu" id="mobile-menu-trigger"> <div class="mTrigger__inner mTrigger__inner--open"> <span class="ico ico-sync-path-color ico-menu-burg mTrigger__icon"><span class="sr-only">Menu</span><span class="path1"></span><span class="path2"></span><span class="path3"></span></span> </div><div class="mTrigger__inner mTrigger__inner--close"><span class="ico ico-cross mTrigger__icon"></span></div> </button> </div> </div> <div class="header-bottom d-none d-lg-block"> <div class="container header-bottom__container"> <div class="mn mn--fact color-set--red"> <nav class="mn__nav"> <ul class="mn__list--1"> <li class="mn__item--1 has-sub"> <span tabindex="0" class="mn-sm__self-no-link mn__link--1 theme-color-text-hover">People</span> <ul class="mn-sm__list--2 theme-color-border"> <li class="mn-sm__item--2"> <a href="/ubda/People/Organization-Structure" class="mn-sm__link--2 theme-color-text-hover" target="_self">Organization Structure</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/People/Our-Staff" class="mn-sm__link--2 theme-color-text-hover" target="_self">Our Staff</a> </li> </ul> </li> <li class="mn__item--1 has-sub"> <span tabindex="0" class="mn-sm__self-no-link mn__link--1 theme-color-text-hover">Research Publications</span> <ul class="mn-sm__list--2 theme-color-border"> <li class="mn-sm__item--2"> <a href="/ubda/Research-Publications/Book-Chapters" class="mn-sm__link--2 theme-color-text-hover" target="_self">Book Chapters</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/Research-Publications/Conference-Papers" class="mn-sm__link--2 theme-color-text-hover" target="_self">Conference Papers</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/Research-Publications/Journals" class="mn-sm__link--2 theme-color-text-hover" target="_self">Journals</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/Research-Publications/Research-Students-Theses" class="mn-sm__link--2 theme-color-text-hover" target="_self">Research Students Theses</a> </li> </ul> </li> <li class="mn__item--1 has-sub"> <span tabindex="0" class="mn-sm__self-no-link mn__link--1 theme-color-text-hover">News and Events</span> <ul class="mn-sm__list--2 theme-color-border"> <li class="mn-sm__item--2"> <a href="/ubda/News-and-Events/News" class="mn-sm__link--2 theme-color-text-hover" target="_self">News</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/News-and-Events/Event" class="mn-sm__link--2 theme-color-text-hover" target="_self">Event</a> </li> </ul> </li> <li class="mn__item--1"> <a href="/ubda/Become-a-User" class="mn__link--1 theme-color-text-hover" target="_self">Become a User</a> </li> <li class="mn__item--1 has-sub"> <span tabindex="0" class="mn-sm__self-no-link mn__link--1 theme-color-text-hover">UBDA User</span> <ul class="mn-sm__list--2 theme-color-border"> <li class="mn-sm__item--2"> <a href="/ubda/UBDA-User/Documents" class="mn-sm__link--2 theme-color-text-hover" target="_self">Documents</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/UBDA-User/Use-Policy" class="mn-sm__link--2 theme-color-text-hover" target="_self">Use Policy</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/UBDA-User/Charging-Model" class="mn-sm__link--2 theme-color-text-hover" target="_self">Charging Model</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/UBDA-User/Open-data-source-Gov-HK" class="mn-sm__link--2 theme-color-text-hover" target="_self">Open data source Gov HK</a> </li> </ul> </li> <li class="mn__item--1 has-sub"> <span tabindex="0" class="mn-sm__self-no-link mn__link--1 theme-color-text-hover">Services</span> <ul class="mn-sm__list--2 theme-color-border"> <li class="mn-sm__item--2"> <a href="/ubda/Services/HPC-Service" class="mn-sm__link--2 theme-color-text-hover" target="_self">HPC Service</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/Services/Cloud-Service" class="mn-sm__link--2 theme-color-text-hover" target="_self">Cloud Service</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/Services/GVM-Service" class="mn-sm__link--2 theme-color-text-hover" target="_self">GVM Service</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/Services/JupyterLab-Service" class="mn-sm__link--2 theme-color-text-hover" target="_self">JupyterLab Service</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/Services/Server-Colocation-Service" class="mn-sm__link--2 theme-color-text-hover" target="_self">Server Colocation Service</a> </li> </ul> </li> <li class="mn__item--1"> <a href="/ubda/FAQ" class="mn__link--1 theme-color-text-hover" target="_self">FAQ</a> </li> <li class="mn__item--1 has-sub"> <span tabindex="0" class="mn-sm__self-no-link mn__link--1 theme-color-text-hover">About UBDA</span> <ul class="mn-sm__list--2 theme-color-border"> <li class="mn-sm__item--2"> <a href="/ubda/About-UBDA/Introduction" class="mn-sm__link--2 theme-color-text-hover" target="_self">Introduction</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/About-UBDA/Consortium" class="mn-sm__link--2 theme-color-text-hover" target="_self">Consortium</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/About-UBDA/Vision-and-Mission" class="mn-sm__link--2 theme-color-text-hover" target="_self">Vision and Mission</a> </li> <li class="mn-sm__item--2"> <a href="/ubda/About-UBDA/Contact-Us" class="mn-sm__link--2 theme-color-text-hover" target="_self">Contact Us</a> </li> </ul> </li> </ul> </nav> </div> </div> </div> </div> </div> </header> <div class=" color-set--red modal mobile-menu mobile-menu--fact modal-sidemenu-slide modal-fix-scroll modal-fix-side-padding fade" tabindex="-1" role="dialog" id="mobile-menu" aria-labelledby="mobile-menu-trigger" aria-hidden="true"> <div class="modal-dialog mobile-menu__dialog" role="document"> <div class="mobile-menu__main" style="z-index:20000 !important;padding-bottom:68px;"> <ul class="mb-mn__list--1"> <li class="mb-mn__item--1 has-sub"> <span class="mb-mn__self-no-link mb-mn__link--1 theme-color-text-hover"> People </span> <button type="button" data-toggle="modal" data-target="#demomb-1" class="mb-mn__line-arrow"><span class="ico ico-line-arrow-right mb-mn__arrow-icon theme-color-b4-text" aria-hidden="true"></span><span class="sr-only">Open / close</span></button> <div class=" color-set--red modal modal-fix-side-padding fade mb-mn-sub-menu" data-backdrop="false" id="demomb-1" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:20010 !important;"> <div class="modal-dialog mb-mn-sub-menu__dialog" role="document"> <div class="mb-mn-sub-menu__top"> <button class="mb-mn-sub-menu__back theme-color-text" data-dismiss="modal">back</button> </div> <p class="mb-mn-fact-sub-menu__main-title theme-color-bg">People</p> <div class="mb-mn-fact-sub-menu__main theme-color-text-hover" style="padding-bottom:68px;"> <ul class="mb-mn-fact__list--2"> <li class="mb-mn-fact__item--2 "> <a href="/ubda/People/Organization-Structure" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Organization Structure </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/People/Our-Staff" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Our Staff </a> </li> </ul> </div> </div> </div> </li> <li class="mb-mn__item--1 has-sub"> <span class="mb-mn__self-no-link mb-mn__link--1 theme-color-text-hover"> Research Publications </span> <button type="button" data-toggle="modal" data-target="#demomb-2" class="mb-mn__line-arrow"><span class="ico ico-line-arrow-right mb-mn__arrow-icon theme-color-b4-text" aria-hidden="true"></span><span class="sr-only">Open / close</span></button> <div class=" color-set--red modal modal-fix-side-padding fade mb-mn-sub-menu" data-backdrop="false" id="demomb-2" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:20010 !important;"> <div class="modal-dialog mb-mn-sub-menu__dialog" role="document"> <div class="mb-mn-sub-menu__top"> <button class="mb-mn-sub-menu__back theme-color-text" data-dismiss="modal">back</button> </div> <p class="mb-mn-fact-sub-menu__main-title theme-color-bg">Research Publications</p> <div class="mb-mn-fact-sub-menu__main theme-color-text-hover" style="padding-bottom:68px;"> <ul class="mb-mn-fact__list--2"> <li class="mb-mn-fact__item--2 "> <a href="/ubda/Research-Publications/Book-Chapters" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Book Chapters </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/Research-Publications/Conference-Papers" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Conference Papers </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/Research-Publications/Journals" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Journals </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/Research-Publications/Research-Students-Theses" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Research Students Theses </a> </li> </ul> </div> </div> </div> </li> <li class="mb-mn__item--1 has-sub"> <span class="mb-mn__self-no-link mb-mn__link--1 theme-color-text-hover"> News and Events </span> <button type="button" data-toggle="modal" data-target="#demomb-3" class="mb-mn__line-arrow"><span class="ico ico-line-arrow-right mb-mn__arrow-icon theme-color-b4-text" aria-hidden="true"></span><span class="sr-only">Open / close</span></button> <div class=" color-set--red modal modal-fix-side-padding fade mb-mn-sub-menu" data-backdrop="false" id="demomb-3" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:20010 !important;"> <div class="modal-dialog mb-mn-sub-menu__dialog" role="document"> <div class="mb-mn-sub-menu__top"> <button class="mb-mn-sub-menu__back theme-color-text" data-dismiss="modal">back</button> </div> <p class="mb-mn-fact-sub-menu__main-title theme-color-bg">News and Events</p> <div class="mb-mn-fact-sub-menu__main theme-color-text-hover" style="padding-bottom:68px;"> <ul class="mb-mn-fact__list--2"> <li class="mb-mn-fact__item--2 "> <a href="/ubda/News-and-Events/News" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> News </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/News-and-Events/Event" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Event </a> </li> </ul> </div> </div> </div> </li> <li class="mb-mn__item--1 "> <a href="/ubda/Become-a-User" class="mb-mn__link--1" target="_self"> Become a User </a> </li> <li class="mb-mn__item--1 has-sub"> <span class="mb-mn__self-no-link mb-mn__link--1 theme-color-text-hover"> UBDA User </span> <button type="button" data-toggle="modal" data-target="#demomb-5" class="mb-mn__line-arrow"><span class="ico ico-line-arrow-right mb-mn__arrow-icon theme-color-b4-text" aria-hidden="true"></span><span class="sr-only">Open / close</span></button> <div class=" color-set--red modal modal-fix-side-padding fade mb-mn-sub-menu" data-backdrop="false" id="demomb-5" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:20010 !important;"> <div class="modal-dialog mb-mn-sub-menu__dialog" role="document"> <div class="mb-mn-sub-menu__top"> <button class="mb-mn-sub-menu__back theme-color-text" data-dismiss="modal">back</button> </div> <p class="mb-mn-fact-sub-menu__main-title theme-color-bg">UBDA User</p> <div class="mb-mn-fact-sub-menu__main theme-color-text-hover" style="padding-bottom:68px;"> <ul class="mb-mn-fact__list--2"> <li class="mb-mn-fact__item--2 "> <a href="/ubda/UBDA-User/Documents" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Documents </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/UBDA-User/Use-Policy" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Use Policy </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/UBDA-User/Charging-Model" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Charging Model </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/UBDA-User/Open-data-source-Gov-HK" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Open data source Gov HK </a> </li> </ul> </div> </div> </div> </li> <li class="mb-mn__item--1 has-sub"> <span class="mb-mn__self-no-link mb-mn__link--1 theme-color-text-hover"> Services </span> <button type="button" data-toggle="modal" data-target="#demomb-6" class="mb-mn__line-arrow"><span class="ico ico-line-arrow-right mb-mn__arrow-icon theme-color-b4-text" aria-hidden="true"></span><span class="sr-only">Open / close</span></button> <div class=" color-set--red modal modal-fix-side-padding fade mb-mn-sub-menu" data-backdrop="false" id="demomb-6" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:20010 !important;"> <div class="modal-dialog mb-mn-sub-menu__dialog" role="document"> <div class="mb-mn-sub-menu__top"> <button class="mb-mn-sub-menu__back theme-color-text" data-dismiss="modal">back</button> </div> <p class="mb-mn-fact-sub-menu__main-title theme-color-bg">Services</p> <div class="mb-mn-fact-sub-menu__main theme-color-text-hover" style="padding-bottom:68px;"> <ul class="mb-mn-fact__list--2"> <li class="mb-mn-fact__item--2 "> <a href="/ubda/Services/HPC-Service" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> HPC Service </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/Services/Cloud-Service" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Cloud Service </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/Services/GVM-Service" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> GVM Service </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/Services/JupyterLab-Service" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> JupyterLab Service </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/Services/Server-Colocation-Service" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Server Colocation Service </a> </li> </ul> </div> </div> </div> </li> <li class="mb-mn__item--1 "> <a href="/ubda/FAQ" class="mb-mn__link--1" target="_self"> FAQ </a> </li> <li class="mb-mn__item--1 has-sub"> <span class="mb-mn__self-no-link mb-mn__link--1 theme-color-text-hover"> About UBDA </span> <button type="button" data-toggle="modal" data-target="#demomb-8" class="mb-mn__line-arrow"><span class="ico ico-line-arrow-right mb-mn__arrow-icon theme-color-b4-text" aria-hidden="true"></span><span class="sr-only">Open / close</span></button> <div class=" color-set--red modal modal-fix-side-padding fade mb-mn-sub-menu" data-backdrop="false" id="demomb-8" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:20010 !important;"> <div class="modal-dialog mb-mn-sub-menu__dialog" role="document"> <div class="mb-mn-sub-menu__top"> <button class="mb-mn-sub-menu__back theme-color-text" data-dismiss="modal">back</button> </div> <p class="mb-mn-fact-sub-menu__main-title theme-color-bg">About UBDA</p> <div class="mb-mn-fact-sub-menu__main theme-color-text-hover" style="padding-bottom:68px;"> <ul class="mb-mn-fact__list--2"> <li class="mb-mn-fact__item--2 "> <a href="/ubda/About-UBDA/Introduction" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Introduction </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/About-UBDA/Consortium" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Consortium </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/About-UBDA/Vision-and-Mission" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Vision and Mission </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/ubda/About-UBDA/Contact-Us" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Contact Us </a> </li> </ul> </div> </div> </div> </li> </ul> <div class="mobile-menu__bottom" style="padding-bottom:100px;"> <div class="mb-extra"> <div class="mb-extra__blk"> <button data-toggle="modal" data-target="#q-access-menu" class="mb-extra__link mb-extra__link--arrow">Quick Access</button> </div> </div> </div> </div> </div> </div> <!-- mobile Menu end --> <a href="javascript:void(0)" id="skip-start" tabindex="-1">Start main content</a> <div> <div class="na-top color-set component-margin-bottom--t3 color-set--red"> <div class="na-top__upper theme-color-b4-bg"> <div class="container"> <ul class="na-top__breadcrumb breadcrumb breadcrumb--2 breadcrumb--left"> <li> <span > Home </span> </li> <li> <span > News and Events </span> </li> <li> <a href="/ubda/News-and-Events/Event" target="_self" class=&quot;last&quot;> Event </a> </li> </ul> <h1 class="na-top__title theme-color-text">Event</h1> </div> </div> </div> </div> <main class="page-content" tabindex="-1"> <div class="item-under-angle-line-blk"> <div class="item-under-angle-line-blk"> <div> <!--- Component quick link buttons start ----> <div class=""></div> <!--- Component quick link buttons end ----> </div> </div> </div> <div class="container"> <div class="item-under-angle-line-blk"> <div class="item-under-angle-line-blk"> <div> <!--- Component quick link buttons start ----> <script type="text/javascript" src="/bundles/calFix?v=XxbTEit2bZyhGg2Si0pa2pP2XyYNShu9_OSGq5hjRfg1"></script> <div class="container"> <div> <div class="filter-bar color-set color-set--red"> <div class="container"> <div class="filter-bar__row"> <div class="filter-bar__blk filter-bar__blk--all hidden"> <a href="#" onclick="ResetSearch(event);" class="sq-link-btn filter-bar__btn" title="All">All</a> <a class="hidden min-year" title="1">1</a> <a class="hidden min-month" title="1">1</a> </div> <div class="filter-bar__blk filter-bar__blk--month-in-myttfk filter-month"> <div class="filter-bar__itm js-selectBox js-selectBox filter-bar__select js-selectBox-single"> <label for="month" class="sr-only">Month</label> <select name="month" id="month"> <option value="">Month</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> </div> </div> <div class="filter-bar__blk filter-bar__blk--year-in-myttfk filter-year"> <div class="filter-bar__itm js-selectBox js-selectBox filter-bar__select js-selectBox-single"> <label for="year" class="sr-only">Year</label> <select name="year" id="year"> <option value="">Year</option> <option value="2025">2025</option> <option value="2024">2024</option> <option value="2023">2023</option> <option value="2022">2022</option> <option value="2021">2021</option> <option value="2020">2020</option> <option value="2019">2019</option> <option value="2018">2018</option> </select> </div> </div> <div class="filter-bar__blk filter-bar__blk--type-in-myttfk filter-bar__blk--dropdown-extend-1 filter-types"> <div class="filter-bar__itm js-selectBox js-selectBox filter-bar__select js-selectBox-single"> <label for="type" class="sr-only">Types</label> <select name="type" id="type"> <option value="">Types</option> <option value="BABDD6E1FE7249A4BC92204B859EBEC2">Orientation</option> <option value="13F64B40C60E4261B37DF88C58B003C6">Seminar</option> <option value="52D699EBD6384809A85AEEE604452E4E">Training Course</option> <option value="5FB76CA5F4654ECFBA779EEA2C453A90">Workshop</option> </select> </div> </div> <div class="filter-bar__blk filter-bar__blk--keyword-in-myttfk"> <label for="keyword" class="sr-only">Keywords</label> <span class="ico ico-search filter-search-icon" aria-hidden="true"></span> <input type="text" name="keyword" id="keyword" placeholder="Keywords" class="filter-bar__itm form-control filter-bar__input" /> </div> <div class="filter-bar__blk filter-bar--btn"> <button class="filter-bar__btn filter-bar__search" onclick="javascript:return basicSearch();">Search</button> </div> </div> </div> </div> </div> <div id="reload-pagination-container"></div> <!-- Component ev-calendar start --> <div> <div class="ev color-set color-set--red"> <div class="container"> <h2 class="has-margin-bottom">Upcoming Events</h2> <div class="ev__main"> <div class="ev__cal-side "> <div class="ev__cal-container "> <div class="js-calendar-container"> <div class="ev__cal js-ev-calendar"></div> </div> <div class="ev__legend-blk"> <p class="today-legend legend-item legend-item--today">Today</p> <div class="legend-section"> <style> .legend-section__itm:before { top: 0.75em !important; } </style> <p class="legend-section__itm legend-item legend-item--orange">Orientation</p> <p class="legend-section__itm legend-item legend-item--greenlake">Seminar</p> <p class="legend-section__itm legend-item legend-item--blue">Training Course</p> <p class="legend-section__itm legend-item legend-item--green">Workshop</p> </div> </div> </div> </div> <div class="ev__content-side" style=""> <div class="js-month-ev-container"> <div class="cssload-thecube-wrap"> <div class="cssload-thecube ev__loading"> <div class="cssload-cube cssload-c1 theme-color-b4-bg"></div> <div class="cssload-cube cssload-c2 theme-color-b4-bg"></div> <div class="cssload-cube cssload-c4 theme-color-b4-bg"></div> <div class="cssload-cube cssload-c3 theme-color-b4-bg"></div> </div> </div> </div> <!--- Component pagination start ----> <div id="pagination-container"></div> <!--- Component pagination end ----> </div> </div> </div> </div> </div> </div> <!-- Component ev-calendar end --> <script type="text/javascript"> function simpleTemplating(data) { var html = ''; data.forEach(function (e) { html += e.content; }); return html; } function getMonth(monthStr) { return new Date(monthStr + '-1-01').getMonth() + 1 } function checkhaspassevent() { var today = new Date(); var today_m = today.getMonth() + 1; today_m = addZero(today_m); var today_y = today.getFullYear(); var today_y_m = today_y + today_m; var cal_y = $('.ui-datepicker-year').text(); var cal_m = getMonth($('.ui-datepicker-month').text()); var cal_ym = cal_y + addZero(cal_m); if (today_y_m > cal_ym) { $('.has-margin-bottom').text("Past Events"); } else { $('.has-margin-bottom').text("Upcoming Events"); } } function hiddenpagenation() { var checklength = $('.pagination-list__itm--number').length; if (checklength < 2) { $('.paginationjs').addClass("hidden"); //$('.ev__content-side').css("flex", "1"); } else { // $('.ev__content-side').css("flex", "1"); } UpdateEvDateDisplay(); } function assignpagenum() { //assign the page number in jump to var selected_pagenum = $('.pagination-list .selected').attr("data-num"); var checklength = $('.pagination-list__itm--number').length; if (checklength > 1) { var selected = parseInt(selected_pagenum); if ((selected + 1) <= checklength) selected = selected + 1; else if ((selected - 1) > 0) selected = selected - 1; $('.pagination-page__input').val(selected); } } function addZero(_number) { return (parseInt(_number) < 10) ? '0' + _number : '' + _number; } $(document).ready(function () { var link = '/en/api/sitecore/Calendar/get'; var id = '182D69EB4E09416CAC152084E97A61C3'; link += (link.indexOf('?') != -1 ? '&' : '?') + 'id=' + encodeURIComponent(id); //link += "&sc_lang=" + getSiteCookie(); jsDatepicker_event.init({ jsonPath: link }); hiddenpagenation(); $('.filter-month').change(function () { var checkselectmonth = $('.filter-month').find('.active input[value]').val(); var checkyear = $('.filter-year').find('.active input[value]').val(); if (checkselectmonth != '' && checkyear == '') { setCurrentYear(checkselectmonth); } }); /* $('.filter-year').change(function () { var checkselectmonth = $('.filter-month').find('.active input[value]').val(); var checkyear = $('.filter-year').find('.active input[value]').val(); if (checkselectmonth == '' && checkyear != '') { setCurrentMonth(); } }); */ function setCurrentYear(_month) { var today = new Date(); var selyear = today.getFullYear(); var currentmonth = today.getMonth() + 1; var selmonth = parseInt(_month); if (currentmonth < selmonth) selyear = selyear - 1; $.each($('.filter-year .multiselect-option.rc__itm label'), function () { if ($(this).text().trim() == selyear) $(this).click(); }); } function setCurrentMonth() { var today = new Date(); var currentmonth = today.getMonth() + 1; $.each($('.filter-month .multiselect-option.rc__itm label'), function () { if ($(this).text().trim() == currentmonth) $(this).click(); }); } }); function basicSearch() { var searchKey = $(".filter-bar__input").val(); var departm = ""; if ($('.filter-department').length > 0) { departm = $('.filter-department').find(".active input[value]").val(); } var month = $('.filter-month').find('.active input[value]').val(); var year = $('.filter-year').find('.active input[value]').val(); var type = $('.filter-types').find(".active input[value]").val(); if (searchKey == "" && departm == "" && month == "" && year == "" && type == "") { alert('Please Select the Search Criteria'); return; } else if (searchKey.length > 0 && searchKey.length < 2) { alert('Please enter at least 2 characters'); return; } else if (year.length == 0 && (searchKey.length >= 2 || type.length > 0 || departm.length > 0)) { var today = new Date(); year = today.getFullYear().toString(); $.each($('.filter-year .multiselect-option.rc__itm label'), function () { if ($(this).text().trim() == year) $(this).click(); }); } else if (month.length == 0 && year.length == 0) { alert('Please Select Month and Year'); return; } else if (month.length > 0 && year.length == 0) { alert('Please Select Year'); return; } var minyear = 1; var minmonth = 1; if ($('#Archives').length > 0 && month != "" && year != "") { if (month < minmonth && year <= minyear) { var href = $("#Archives").attr("href"); var target = $("#Archives").attr("target"); if (target.toLowerCase() == "_blank") { window.open(href, '_blank'); } else { window.location.href = href; } return; } } var link = ""; var id = '182D69EB4E09416CAC152084E97A61C3'; if (year.length > 0 && month.length > 0 && type.length == 0 && departm.length == 0 && searchKey.length == 0) { link = '/en/api/sitecore/Calendar/get'; link += (link.indexOf('?') != -1 ? '&' : '?') + 'id=' + encodeURIComponent(id); link += "&date=" + year + "/" + month.padStart(2, '0'); //link += "&sc_lang=" + getSiteCookie(); } else { link = '/en/api/sitecore/Calendar/search'; link += (link.indexOf('?') != -1 ? '&' : '?') + 'id=' + encodeURIComponent(id); //link += "&sc_lang=" + getSiteCookie(); if (month.length > 0) { link += "&m=" + month.padStart(2, '0'); } if (year.length > 0) { link += "&y=" + year; } if (type.length > 0) { link += "&t=" + type; } if (departm.length > 0) { link += "&d=" + departm; } if (searchKey.length > 0) { link += "&q=" + searchKey; } } UpdateSearchResult(link); } function UpdateSearchResult(link) { $('.filter-bar__blk--all').removeClass("hidden"); $('.ev__cal-side').addClass('hidden'); $('.has-margin-bottom').text("Search Results"); GetEvent(link); } function ResetSearch(e) { e.preventDefault(); e.stopPropagation(); $('.filter-bar__blk--all').addClass("hidden"); $('.ev__cal-side').removeClass('hidden'); ResetDropdown('.filter-month'); ResetDropdown('.filter-year'); ResetDropdown('.filter-types'); ResetDropdown('.filter-department'); $(".filter-bar__input").val(""); var link = '/en/api/sitecore/Calendar/get'; var id = '182D69EB4E09416CAC152084E97A61C3'; var cal_y = $('.ui-datepicker-year').text(); var cal_m = getMonth($('.ui-datepicker-month').text()); link += (link.indexOf('?') != -1 ? '&' : '?') + 'id=' + encodeURIComponent(id); link += "&date=" + cal_y + "/" + addZero(cal_m); //link += "&sc_lang=" + getSiteCookie(); GetEvent(link, cal_m); checkhaspassevent(); } function ResetDropdown(className) { $(className + ' .multiselect-option.rc__itm label').first().click(); } Date.prototype.addDays = function (days) { var date = new Date(this.valueOf()); date.setDate(date.getDate() + days); return date; } function GetEvent(link, mth) { if (typeof mth == 'undefined') { mth = ""; } $.ajax({ url: link }).done(function (data) { var ev__data = data['events']; var data_list = { event: [] }; $('.js-month-ev-container').html(''); $.each(ev__data, function (idx, val) { var $itm = $(val['content']); var eid = val["id"]; $('.js-month-ev-container').append($itm.addClass('ani-before' + ' ' + 'show')); if (mth.length > 0) { data_list.event.push(ev__data[parseInt(eid) - 1]); } else { var today = new Date(); var currentmonth = today.getMonth() + 1; if (mth == currentmonth) { var datecheckstart = val["start-date"]; var datecheckend = val["end-date"]; var target = today.addDays(30); var dateChecker = today.getFullYear() + "-" + addZero(today.getMonth() + 1) + "-" + today.getDate(); var targetChecker = target.getFullYear() + "-" + addZero(target.getMonth() + 1) + "-" + target.getDate(); if ((dateChecker >= datecheckstart && dateChecker <= datecheckend) || (datecheckstart <= targetChecker && datecheckstart >= dateChecker)) { data_list.event.push(ev__data[parseInt(eid) - 1]); } } else { data_list.event.push(ev__data[parseInt(eid) - 1]); } } setTimeout(function () { $itm.addClass('slideInBottom'); }, idx * 80) }); if (data_list.event.length != 0) { $('#pagination-container').pagination({ dataSource: data_list.event, showPrevious: true, showNext: true, pageSize: 10, showGoInput: true, showGoButton: true, classPrefix: 'pagination-list__itm', goButtonText: 'GO', jumpToText: 'Jump to', prevText: 'Previous', nextText: 'Next', ulClassName: 'pagination-list', activeClassName: 'selected', callback: function (data) { var html = simpleTemplating(data); $('.js-month-ev-container').html(html); assignpagenum(); hiddenpagenation(); } }); } else { $('.js-month-ev-container').html('<p class="no-item">No results have been found.</p>'); $('.paginationjs').addClass("hidden"); } }); } </script> <!--- Component quick link buttons end ----> </div> </div> </div> </div> <div class="item-under-angle-line-blk"> <div class="item-under-angle-line-blk"> <div> <!--- Component quick link buttons start ----> <div class=""></div> <!--- Component quick link buttons end ----> </div> </div> </div> </main> <footer class="page-foot--fact page-foot"> <div class="container color-set--red"> <div class="ft-row component-margin--no-top"> <div class="ft-row__blk ft-row__blk--left"> <ul class="ft-site-link-list"> <li class="ft-site-link-list__item"><a href="/privacy-policy-statement" target="_blank" class="ft-site-link-list__link">Privacy Policy Statement</a></li> <li class="ft-site-link-list__item"><a href="/terms-of-use" target="_blank" class="ft-site-link-list__link">Terms of Use</a></li> <li class="ft-site-link-list__item"><a href="/accessibility" target="_blank" class="ft-site-link-list__link">Accessibility</a></li> <li class="ft-site-link-list__item"><a href="/ubda/Sitemap" target="_self" class="ft-site-link-list__link">Sitemap</a></li> </ul> <p class="cp">Copyright &copy; 2025 The Hong Kong Polytechnic University. All Rights Reserved.</p> </div> <div class="ft-row__blk ft-row__blk--right"> <div class="ft-social socal-icon-list"> </div> </div> </div> </div> </footer> <div class="cookie-alert js-cookie-alert color-set color-set--red theme-color-b4-bg do-not-print"> <div class="container"> <div class="cookie-alert__inner"> <div class="side-button-blk side-button-blk--alert cookie-alert__side-btn"> <div class="side-button-blk__content theme-color-bgtext"> <p class="cookie-alert__text theme-color-bgtext">We use Cookies to give you a better experience on our website. By continuing to browse the site without changing your privacy settings, you are consenting to our use of Cookies. For more information, please see our <a class="link-hover-underline" href="https://www.polyu.edu.hk/privacy-policy-statement/" target="_blank">Privacy Policy Statement</a>.</p> </div> <div class="side-button-blk__btns"> <div class="btn-row"> <button class="cookie-alert__btn rbtn rbtn-width rbtn--whiteborder btn-row__btn">Accept</button> </div> </div> </div> <button class="cookie-alert__close cbtn" aria-label="Close"> <span class="ico ico-cross-narrow" aria-hidden="true"></span> </button> </div> </div> </div> <div class="old-browser"> <div class="old-browser__content"> <button class="old-browser__close cbtn" aria-label="Close"> <span class="ico ico-cross-narrow" aria-hidden="true"></span> </button> <p class="old-browser__text"> Your browser is not the latest version. If you continue to browse our website, Some pages may not function properly. <br /><br /> You are recommended to upgrade to a newer version or switch to a different browser. A list of the web browsers that we support can be found <a href="/en/accessibility/">here</a> </p> <div class="old-browser__overlay" style="background-image: url(\_img\1920x1080.png)"></div> </div> </div> <!-- Modal --> <div class="modal modal-fix-side-padding fade full-page-modal search-modal js-bs-modal-full" id="search-modal" tabindex="-1" role="dialog" aria-labelledby="search-modal-label" aria-hidden="true" style="z-index:21000;"> <div class="modal-dialog full-page-modal__dialog" role="document"> <div class="modal-content full-page-modal__content color-set--red"> <div class="container full-page-modal__container"> <p class="full-page-modal__title" id="search-modal-label">What are you looking for?</p> <button type="button" class="full-page-modal__close" data-dismiss="modal" aria-label="Close"> <span class="ico ico-cross" aria-hidden="true"></span> </button> <!--- Component search input start ----> <div class="search-modal__search-blk angle-line-blk"> <div class="angle-line-blk__inner"> <form action="/ubda/Search-Result"> <div class="shadow-search-blk js-typeahead" data-searchurl="https://www.polyu.edu.hk/api/search/keyword/suggestion" data-website="UBDA"> <span class="shadow-search-blk__icon ico ico-search" aria-hidden="true"></span> <label for="site-search" class="sr-only">Site Search</label> <input type="text" class="shadow-search-blk__input js-typeahead-input" id="site-search" name="query"> <button class="shadow-search-blk__button">Search</button> </div> </form> </div> <div style="margin:10px; display:block;overflow:hidden;"> <a href="https://www.polyu.edu.hk/internalsearch" target="_blank" id="internal_search_site_btn" style="float:right; text-decoration:underline;">Internal Search <img src="/assets/img/lock.png" height=18 /></a> </div> </div> <!--- Component search input end ----> <!--- Component popular search start ----> <div class="tagcloud tagcloud--col"> <p class="tagcloud__title" style="text-align:center;">Popular Search</p> <ul class="tagcloud__list tag-list"> </ul> </div> <!--- Component popular search end ----> </div> </div> </div> <div class="modal-dialog full-page-modal__dialog" role="document"> <div class="modal-content full-page-modal__content color-set--red"> <div class="container full-page-modal__container"> <p class="full-page-modal__title theme-color-text-dark" id="search-modal-label">What are you looking for?</p> <button type="button" class="full-page-modal__close" data-dismiss="modal" aria-label="Close"> <span class="ico ico-cross" aria-hidden="true"></span> </button> <!--- Component search input start ----> <div class="search-modal__search-blk angle-line-blk angle-line-blk--no-angle"> <div class="angle-line-blk__inner"> <form action="/ubda/Search-Result"> <div class="shadow-search-blk js-typeahead" data-searchurl="https://www.polyu.edu.hk/api/search/keyword/suggestion" data-website="UBDA"> <span class="shadow-search-blk__icon ico ico-search" aria-hidden="true"></span> <label for="site-search" class="sr-only">Site Search</label> <input type="text" class="shadow-search-blk__input js-typeahead-input" id="site-search" name="query"> <button class="shadow-search-blk__button">Search</button> </div> </form> </div> <div style="margin:10px; display:block;overflow:hidden;"> <a href="https://www.polyu.edu.hk/internalsearch" target="_blank" id="internal_search_site_btn" style="float:right; text-decoration:underline;">Internal Search <img src="/assets/img/lock.png" height=18 /></a> </div> </div> <!--- Component popular search start ----> <!--- Component popular search end ----> </div> </div> </div> </div> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10