CINXE.COM
Alumni Relations Office - City University of Hong Kong
<!DOCTYPE html> <html lang="en"> <!-- Header --> <head> <meta charset="utf-8" /> <!-- Title --> <title>Alumni Relations Office - City University of Hong Kong</title> <!-- /Title --> <!-- Meta --> <meta name="author" content="Alumni Relations Office - City University of Hong Kong" /> <meta name="description" content="The Alumni Relations Office (ARO) of City University of Hong Kong (CityU) strives to unite alumni to support University development." /> <meta name="keywords" content="cityu alumni, cityu graduate, cityu 畢業生, 城大 校友, famous alumni, CityU ARO" /> <meta name="robots" content="index, follow" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <!-- /Meta --> <!-- Icon --> <link rel="shortcut icon" href="//www.cityu.edu.hk/favicon.ico" /> <!-- /Icon --> <!-- CSS --> <link rel="stylesheet" type="text/css" href="//template.cityu.edu.hk/template/css/cityu.base.css" /> <link rel="stylesheet" type="text/css" href="//template.cityu.edu.hk/template/css/jquery.ddsmoothmenu.css" /> <link rel="stylesheet" type="text/css" href="//template.cityu.edu.hk/template/css/jquery.nivo.slider.css" /> <link rel="stylesheet" type="text/css" href="/aro/main/css/cityu.base.custom.css" /> <!-- /CSS --> <!-- JS --> <script type="text/javascript" src="//template.cityu.edu.hk/template/js/jquery/jquery.min.js"></script> <script type="text/javascript" src="/aro/main/js/cityu.base.config.js"></script> <script type="text/javascript" src="//template.cityu.edu.hk/template/js/cityu.base.js"></script> <script type="text/javascript" src="/aro/main/js/swfobject.js"></script> <script type="text/javascript" src="/aro/main/js/common.js"></script> <script type="text/javascript" src="/aro/main/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <script type="text/javascript" src="/aro/main/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <!-- /JS --> <!-- jQuery Plugins --> <script type="text/javascript" src="//template.cityu.edu.hk/template/js/jquery/ddsmoothmenu/jquery.ddsmoothmenu.js"> // Smooth Navigational Menu - (c) Dynamic Drive DHTML code library (www.dynamicdrive.com). // This notice MUST stay intact for legal use. // Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code. </script> <script type="text/javascript" src="//template.cityu.edu.hk/template/js/jquery/ddsmoothmenu/jquery.ddsmoothmenu.ready.js"></script> <script type="text/javascript" src="//template.cityu.edu.hk/template/js/jquery/nivo.slider/jquery.nivo.slider.js"></script> <script type="text/javascript" src="//template.cityu.edu.hk/template/js/jquery/nivo.slider/jquery.nivo.slider.ready.js"></script> <!-- /jQuery Plugins --> <!-- ADD YOUR JAVASCRIPTS HERE --> <script type="text/javascript"> if(window.location.protocol != 'https:') { location.href = location.href.replace("http://", "https://"); } </script> <!-- Google Analytics --> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-12421180-3', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics --> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '633551937187353'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=633551937187353&ev=PageView &noscript=1"/> </noscript> <!-- End Facebook Pixel Code --> <!--for "http://www.cityu.edu.hk/aro/main/group/associations.htm"--> <script type="text/javascript"> function kapat() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab1() { $("#tab1").show("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab2() { $("#tab1").hide("slow"); $("#tab2").show("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab3() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").show("slow"); $("#tab4").hide("slow"); } function tab4() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").show("slow"); } </script> <!--for "http://www.cityu.edu.hk/aro/main/caring/story.htm"--> <style> .photo { position: relative; width: 350px; height: 250px; float:left; } .photo img { background: #fff; border: solid 1px #ccc; padding: 4px; } .photo span { width: 20px; height: 18px; display: block; position: absolute; top: 12px; left: 12px; } .photo a { text-decoration: none; } .sample1 span { width: 350px; height: 250px; display: block; position: absolute; top: -5px; left: -5px; background: url(http://www.cityu.edu.hk/aro/main/caring/images/cut-corner.png) no-repeat; }</style> <!--for "http://www.cityu.edu.hk/aro/main/group/associations.htm"--> <script type="text/javascript"> function kapat() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab1() { $("#tab1").show("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab2() { $("#tab1").hide("slow"); $("#tab2").show("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab3() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").show("slow"); $("#tab4").hide("slow"); } function tab4() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").show("slow"); } </script> <style> /* Scroller Box */ #scroller_container { position: relative; width: 200px; height: 380px; margin-left:8px; overflow: hidden; float:right; } #scroller p { padding: 0; } </style> <!--for "http://www.cityu.edu.hk/aro/main/group/convocation.htm"--> <style> #gallery { position:relative; height:350px } #gallery a { float:left; position:absolute; } #gallery a img { border:none; } #gallery a.show { z-index:500 } #gallery .caption { z-index:600; background-color:#000; color:#ffffff; height:60px; width:100%; position:absolute; bottom:0; } #gallery .caption .content { margin:5px } #gallery .caption .content h3 { margin:0; padding:0; color:#1DCCEF; } .clear { clear:both } </style> <!--ending --> </head> <!-- End of header --> <!-- Header --> <body class="cityu-logo-L cityu-dept cityu-layout-content cityu-bgtheme-00 cityu-navtheme-00"> <!-- End of header --> <!-- Header --> <link rel="stylesheet" type="text/css" href="/aro/main/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <script type="text/javascript"> $(document).ready(function() { $(".video").fancybox({ 'width' : 640, 'height' : 440, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); $(".chinese").fancybox({ 'width' : 820, 'height' : 610, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); $(".pdesk2").fancybox({ 'width' : 1000, 'height' : 700, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); }); </script> <!-- Header --> <div id="cityu-header" class="cityu-outer logo-2019"> <div class="cityu-inner"> <!-- Global --> <div id="cityu-header-global"> <!-- Skip Links --> <div class="cityu-skiplink"> <a href="#cityu-nav">Skip to navigation</a> </div> <div class="cityu-skiplink"> <a href="#cityu-content">Skip to content</a> </div> <!-- /Skip Links --> <!-- Toolbar --> <div id="cityu-header-toolbar"> <!-- Links --> <div id="cityu-header-links"> </div> <!-- /Links --> <!-- Search --> <div id="cityu-header-search"> <form method="get" action="https://www.cityu.edu.hk/cityusearch"> <fieldset> <legend class="cityu-hidden">Search</legend> <div class="cityu-search-text-wrapper"> <input id="cityu-search-text" type="text" name="q" placeholder="Search ARO" /> <input class="cityu-search-button" type="submit" value="" /> <input type="hidden" name="site" value="ARO"> </div> </fieldset> </form> </div> <!-- /Search --> <!-- Language --> <div id="cityu-header-lang"> · <a class="chinese" href="/aro/main/chinese/index.html">繁體</a> · <a class="chinese" href="/aro/main/chinese/index_sc.html">简体</a> </div> <!-- /Language --> </div> <!-- /Toolbar --> </div> <!-- /Global --> <div id="cityu-header-local"> <div id="cityu-desktop-cityulogo"> <a href="https://www.cityu.edu.hk/aro"><img src="//template.cityu.edu.hk/template/logo/aro/aro_logo_eng_cmyk.svg" alt="Alumni Relations Office"></a> </div> <div id="cityu-mobile-cityulogo"> <a href="http://www.cityu.edu.hk"> <img src="//template.cityu.edu.hk/template/img/logos/cityu_deptpage.png" alt="City University of Hong Kong"> </a> </div> <div id="cityu-header-deptnames"> <div class="cityu-wrapper cityu-fontsize-L"> <div id="cityu-header-deptname"> <a href="http://www.cityu.edu.hk/aro">Alumni Relations Office</a> </div> </div> </div> </div> </div> </div> <!-- /Header --> <!-- Nav --> <div id="cityu-nav" class="cityu-outer"> <div class="cityu-inner"> <!-- Nav List --> <div id="cityu-nav-list" class="ddsmoothmenu"> <ul class="cityu-showindicator cityu-fontsize-S"> <li class="cityu-icon-home"><a class="active" href="/aro/main/index.htm"><div title="Home"></div></a></li> <li><a href="#">About ARO</a> <ul> <li><a href="/aro/main/about/mcf.htm">Mission & Core Functions</a></li> <li><a href="/aro/main/about/contact.htm">Staff Directory</a></li> </ul> </li> <li><a href="#">Events</a> <ul> <li><a href="/aro/main/events/upcomingevents.htm">Upcoming Events</a></li> <li><a href="/aro/main/events/pastevents.htm">Past Event Highlights</a></li> <li><a href="https://www.cityu.edu.hk/aro/main/events/alumni_awards.htm">Alumni Awards</a></li> <!--<li><a href="https://aro.cityu.edu.hk/home/caring/sports/">We Care for CityU Sports</a></li>--> </ul> </li> <li class="cityu-multiline-2"><a href="#">Services & <br />Benefits</a> <ul> <li><a href="/aro/main/benefits/oncampus.htm">On-Campus</a></li> <li><a href="/aro/main/benefits/offcampus.htm">Off-Campus</a></li> <li><a href="/aro/alumnicard/index.html">Alumni Card</a></li> <li><a href="/aro/main/benefits/creditcard.htm">CityU Credit Card</a></li> <li><a href="/aro/main/benefits/newgraduates.htm">New Graduates</a></li> </ul> </li> <li><a href="#">Communication</a> <ul> <!--<li><a href="/aro/main/communication/from_president.htm">From the President</a></li>--> <li><a href="/aro/main/communication/CityAlumNet.htm">City AlumNet (Annual Publication)</a></li> <li><a href="/aro/main/communication/ClassNotes.htm">Class Notes</a></li> <li><a href="/aro/main/communication/AlumniColumns.htm">Alumni Columns</a></li> <li><a href="/aro/main/communication/alumniexpress.htm">AlumExpress</a></li> <li><a href="/aro/main/communication/from_president.htm">From the President</a></li> <li><a href="https://aro.cityu.edu.hk/apps2/story/">Alumni Spotlight and Digital Footprint</a></li><li><a href="/aro/main/communication/AlumUpdate.htm">Contact Update</a> </li> <li><a href="https://www.facebook.com/cityualumni/" target="blank">Facebook Fan Page</a></li> <li><a href="https://www.instagram.com/cityuhkalumni/" target="blank">Instagram Fan Page</a></li> <li><a href=" https://www.linkedin.com/company/cityuhk-alumni/" target="blank">LinkedIn Page</a></li> <li><a href="/aro/main/communication/eNewsletter.htm">Publications from Offices, Colleges and Schools</a></li> </ul> </li> <li class="cityu-multiline-2"><a href="#">Alumni <br />Groups</a> <ul> <li><a href="/aro/main/group/convocation.htm">Convocation</a></li> <li><a href="/aro/main/group/associations.htm">Alumni Associations</a></li> <li><a href="/aro/main/group/network.htm">Alumni Networks</a></li> </ul> </li> <li class="cityu-multiline-2"><a href="#">Alumni Ambassador <br />Scheme</a> <ul> <li><a href="/aro/main/caring/intro.htm">Introduction</a></li> <li><a href="/aro/main/caring/advisor.htm">Board of Advisors</a></li> <li><a href="/aro/main/caring/city_of_stars.htm">Video Series</a></li> <!-- <li><a href="/aro/main/caring/charter.htm">Charter</a></li> --> <li><a href="/aro/main/caring/story.htm">Our Alumni Ambassadors</a></li> <li><a href="/aro/main/caring/mentor.htm">Alumni Mentoring Programmes</a></li> <li><a href="/aro/main/caring/highlight.htm">Activity Highlights</a></li> </ul> </li> <li><a href="#">Giving</a> <ul> <li><a href="https://aro.cityu.edu.hk/agc/">Alumni Giving Club</a></li> <li><a href="https://www.cityu.edu.hk/staffgivingclub/en/">Staff and Sowers Giving Club</a></li> </ul> </li> <li><a href="#">Job Net</a> <ul> <li><a href="/aro/main/job/intro.htm">Introduction</a></li> <li><a href="/aro/main/job/job.htm">Job Opportunities</a></li> <li><a href="/aro/main/job/guide.htm">Career Guidance for New Graduates</a></li> </ul> </li> <li class="cityu-multiline-2"><a href="/aro/main/learning/">Alumni <br />Learning@CityUHK</a></li> </ul> </div> <!-- /Nav List --> </div> </div> <!-- /Nav --> <!-- End of header --> <!-- Main --> <div id="cityu-main" class="cityu-outer"> <div class="cityu-inner"> <!-- Left Menu --> <!-- Sidebar 1 --> <div id="cityu-sidebar-1"> <!-- Nav List --> <div id="cityu-sub-nav-list"> <div class="cityu-box-item"> <h5 class="subMenuTitle">Events</h5> <ul> <li><a href="https://www.cityu.edu.hk/aro/main/events/upcomingevents.htm">Upcoming Events</a></li> <li><a href="https://www.cityu.edu.hk/aro/main/events/pastevents.htm">Past Event Highlights</a></li> <li><a href="https://www.cityu.edu.hk/aro/main/events/alumni_awards.htm">Alumni Awards</a></li> </ul> </div> <!-- Calendar Widget --> <!-- <iframe src="https://www.cityu.edu.hk/aro/apps/calendar/monthview.aspx" id="act_frame" name="afc_frame" style=" border:solid 0px #ccc " width="210px" scrolling="no" frameborder="0" height="220"></iframe> --> </div> <!-- /Nav List --> <!-- Header --> <!-- Box --> <div class="cityu-box"> </div> <!-- /Box --> <!-- End of header --> </div> <!-- /Sidebar 1 --> <!-- End of Left Menu --> <!-- Content --> <div id="cityu-content"> <div class="cityu-content-page"> <h1 id="page-title">Upcoming Events</h1> <style> .container { width: 710px; } .grid-item { line-height:1.1em !important; color: #fff; font-size: 18px; background-color: #fff; margin-bottom: 10px; margin-right: 10px; float: left; box-shadow: 0px 0px 5px #888; height:415px; } .grid-item-50 { width: calc(50% - 10px); } .list-item { padding:8px; color: #fff; line-height:1.25em; font-size: 18px; background-color: #fff; margin-bottom: 10px; margin-right: 10px; box-shadow: 0px 0px 5px #888; } .list-item-desc { height: 140px; padding: 5px; } .grid-item-desc { height: 120px; color: #fff; } .text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 10px; /* fallback */ max-height: 40px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; margin: 10px; } mark { background: rgba(244,244,84,.8); } .controls { text-align: right; width: 675px; margin-bottom: 10px; padding: 10px; background: #b01861; } </style> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> <script src="https://underscorejs.org/underscore-min.js"></script> <script> _.templateSettings = { interpolate : /\{\{(.+?)\}\}/g, evaluate : /\{(.+?)\}/g }; </script> <script type="template/grid-item-template" id="list-item-template"> <div class="{{ grid.class.container }}"> <div class="{{ grid.class.desc }}" style="background-color:{{ grid.color.dark1 }}"> <div style="margin-top: 10px; width: 20%; float: left; text-align: center;"> <div style="font-size: 20px;margin-bottom:15px;">{{ grid.month }}</div> <div style="font-size: 40px;">{{ grid.range }}</div> <div style="font-size: 12px;margin-top:15px;"><i class="fa fa-clock-o" aria-hidden="true"></i> {{ grid.openning }}</div> </div> <div style="width: calc(80% - 10px); height: 130px; padding: 5px; float: left; background-color: {{ grid.color.light2 }}"> <div style="padding: 5px; font-size: 16px;"> <strong><a style="color: white;" href="{{ grid.url }}">{{ grid.name }}</a></strong><br /> {{ grid.organizer }}<br /> <i>{{ grid.venue }}</i><br /> <div style="float: right;"> <a href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent('{{ grid.url }}'))));"><img src="facebook_share.gif" height="25" border="0"></a> </div> </div> </div> </div> </div> </script> <script type="template/grid-item-template" id="grid-item-template"> <div class="{{ grid.class.container }}"> <a href="{{ grid.url }}"><div style="width: 100%; height: 173px; background-image:url({{ grid.image }}); background-size: cover;background-size: 100% 100%;"></div></a> <div style="padding: 5px; width: calc(100% - 10px); font-size: 16px; height: 76px; background-color: {{ grid.color.dark1 }}">{{ grid.name }}</div> <div style="padding: 3px; width: calc(100% - 6px); height: 30px; font-size: 15px; background-color: {{ grid.color.light3 }};"> <div style="float: left; padding: 5px;"><i class="fa fa-clock-o" aria-hidden="true"></i> {{ grid.openning }} </div> <div style="float: right;"> <a href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent('{{ grid.url }}'))));"><img src="facebook_share.gif" height="25" border="0"></a> </div> </div> <div class="{{ grid.class.desc }}" style="clear: both;background-color:{{ grid.color.light1 }}"> <div style="margin-top: 15px; width: 30%; float: left; text-align: center; color: #fff"> <div style="font-size: 20px;margin-top:10px;">{{ grid.month }}</div> <div style="font-size: 40px;margin-top:15px;">{{ grid.range }}</div> </div> <div style="width: 70%; height: 120px; float: left; background-color: {{ grid.color.light2 }}"> <div style="padding: 5px; font-size: 16px;"> <strong>{{ grid.organizer }}<br /></strong> <i>{{ grid.venue }}</i> </div> </div> </div> </div> </script> <script type="template/grid-item-template" id="grid-item-noimage-template"> <div class="{{ grid.class.container }}"> <div style="width: 100%; height: 259px; text-align: center; vertical-align: middle; display: flex; align-items: center; justify-content: center;background-color: {{ grid.color.dark1 }}"> <div style="font-size: 24px;"> <a style=" text-decoration: none; color:white;" href="{{ grid.url }}"><div style="padding: 2px; line-height: 31px;"><strong>{{ grid.name }}</strong></div></a> </div> </div> <div style="padding: 3px; width: calc(100% - 6px); height: 30px; font-size: 15px; background-color: {{ grid.color.light3 }};"> <div style="float: left; padding: 5px;"><i class="fa fa-clock-o" aria-hidden="true"></i> {{ grid.openning }} </div> <div style="float: right;"> <a href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent('{{ grid.url }}'))));"><img src="facebook_share.gif" height="25" border="0"></a> </div> </div> <div class="{{ grid.class.desc }}" style="background-color:{{ grid.color.light1 }}"> <div style="margin-top: 15px; width: 30%; float: left; text-align: center; color: #fff"> <div style="font-size: 20px;margin-top:10px;">{{ grid.month }}</div> <div style="font-size: 40px;margin-top:15px;">{{ grid.range }}</div> </div> <div style="width: 70%; height: 120px; float: left; background-color: {{ grid.color.light2 }}"> <div style="padding: 5px; font-size: 16px;"> <strong>{{ grid.organizer }}<br /></strong> <i>{{ grid.venue }}</i> </div> </div> </div> </div> </div> </script> <div class="container"> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.14/vue.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/0.7.0/vue-resource.js"></script> <script> function ColorLuminance(hex, lum) { // validate hex string hex = String(hex).replace(/[^0-9a-f]/gi, ''); if (hex.length < 6) { hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2]; } lum = lum || 0; // convert to decimal and change luminosity var rgb = "#", c, i; for (i = 0; i < 3; i++) { c = parseInt(hex.substr(i*2,2), 16); c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16); rgb += ("00"+c).substr(c.length); } return rgb; } $.urlParam = function(name){ var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); if (results==null){ return null; } else{ return results[1] || 0; } } function buildView(result, viewType) { $(".grid").html(""); switch(viewType) { case "grid": _.map($.urlParam('id') ? _.where(result.events, {fulldate: $.urlParam('id')}) : result.events, function(event) { $(".grid").append( _.template( ( event.image || event.image !="" ) ? $("#grid-item-template").html() : $("#grid-item-noimage-template").html() )({ grid:{ class: { container: "grid-item grid-item-50", desc: "grid-item-desc" }, color: { light1: event.color, light2: ColorLuminance(event.color, .05), light3: ColorLuminance(event.color, .03), dark1: ColorLuminance(event.color, -.05) }, calendar: "http://google.com", range: event.range, month: event.month, url:event.url, image: event.image, name: event.name, openning: event.openning, organizer: event.organizer, venue: event.venue } }) ) }); break; case "list": _.map($.urlParam('id') ? _.where(result.events, {fulldate: $.urlParam('id')}) : result.events, function(event) { $(".grid").append( _.template( $("#list-item-template").html() )({ grid:{ class: { container: "list-item", desc: "list-item-desc" }, style: { }, color: { light1: event.color, light2: ColorLuminance(event.color, .05), dark1: ColorLuminance(event.color, -.05), dark2: ColorLuminance(event.color, -.05 * 2) }, calendar: "http://google.com", range: event.range, month: event.month, url:event.url, image: event.image, name: event.name, openning: event.openning, organizer: event.organizer, venue: event.venue } }) ) }); break; } } function loadEventsData(callback, type) { $.ajax({ dataType: "json", url: "https://www.cityu.edu.hk/aro/apps/web_json/Uevent_json.ashx", success: function(result) { callback(result, type); } }) } loadEventsData(buildView, "grid"); </script> </div> <style> .cards { display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 5px; box-sizing: border-box; } .card { width:90%; float:left; margin:6px; padding:10px; background: #fefff9; color: #363636; text-decoration: none; box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0; border-radius: 4px; text-align: justify; } .cards img { width: 100%; margin-bottom: 20px; vertical-align: top; } @media only screen and (min-width: 768px) { .card { width:45%; } } </style> <p style="clear:both;"> <div class="cards"> <div class="card"> <img class="card-img-top" src="https://aro.cityu.edu.hk/file/2024/11/202411_singapore_banner_V4b.jpg" alt="Card image cap"> <span class="card-header"> <span class="card-title"> <h3><a target="_blank" href="https://aro.cityu.edu.hk/file/2024/11/20241119_sinapore.html">Inauguration Ceremony of CityUHK Singapore Alumni Chapter</a></h3> </span> </span> <span class="card-meta"> We are thrilled to announce the establishment of the CityUHK Singapore Alumni Chapter, a platform designed to further strengthen the alumni community in Singapore. A group of enthusiastic alumni has been supporting the University to establish this platform and they will join the Chapter as core members ...<br><small>22 Nov 2024</small> </span> </div> <!-- <div class="card"> <img class="card-img-top" src="images/event_hc2024_20241102.png" alt="Card image cap"> <span class="card-header"> <span class="card-title"> <h3><a target="_blank" href="https://aro.cityu.edu.hk/homecoming/homecoming2024/">CityUHK Alumni Homecoming 2024</a></h3> </span> </span> <span class="card-meta"> <b>2 Nov 2024</b><br/> Calling on all alumni friends and your families to join our CityUHK Alumni Homecoming 2024 scheduled on 2 November 2024 (Saturday) and meet with other members of the CityUHK community! </span> </div> <div class="card"> <img class="card-img-top" src="images/event_shanghai_20240928.png" alt="Card image cap"> <span class="card-header"> <span class="card-title"> <h3><a target="_blank" href="https://aro.cityu.edu.hk/file/2024/08/202408_ARD_Shanghai_tc.html">2024 CityUHK Alumni Reunion Dinner at Shanghai</a></h3> </span> </span> <span class="card-meta"> <b>28 Sep 2024</b><br/> We are excited to announce that the CityUHK Alumni Reunion Dinner at Shanghai is taking place on the evening of 28 September 2024! This year marks the 30th anniversary of CityUHK since achieving University status, and throughout these years, CityUHK has made remarkable progress and achieved... </span> </div> <div class="card"> <img class="card-img-top" src="images/event_beijing_20240824.png" alt="Card image cap"> <span class="card-header"> <span class="card-title"> <h3><a target="_blank" href="https://aro.cityu.edu.hk/file/2024/07/202407_ARD_Beijing-en.html">2024 CityUHK Alumni Reunion Dinner at Beijing</a></h3> </span> </span> <span class="card-meta"> <b>24 Aug 2024</b><br/> Thank you for your support to City University of Hong Kong (CityUHK) over the years! We are delighted to announce that the CityUHK Alumni Relations Office and the CityUHK Beijing Alumni Chapter will be co-organising an Alumni Reunion Dinner at Beijing on 24 August 2024, for the celebration.... </span> </div> <div class="card"> <img class="card-img-top" src="images/event_singapore_20240817.jpg" alt="Card image cap"> <span class="card-header"> <span class="card-title"> <h3><a target="_blank" href="https://www.cityu.edu.hk/aro/ShowInfo.aspx?code=202408_singapore_ARD">2024 CityUHK Alumni Reunion Dinner at Singapore</a></h3> </span> </span> <span class="card-meta"> We are excited to announce that the CityUHK Alumni Reunion Dinner at Singapore is taking place on the evening of 17 August 2024! This year marks the 30th anniversary of CityUHK since achieving University status, and throughout these years, CityUHK has made remarkable progress and achieved...<br><small>17 Aug 2024</small> </span> </div> <div class="card"> <img class="card-img-top" src="images/event_shenzhen_20240531.jpg" alt="Card image cap"> <span class="card-header"> <span class="card-title"> <h3><a target="_blank" href="https://www.cityu.edu.hk/media/news/2024/06/03/alumni-reunion-dinner-celebrates-cityuhk-30th-anniversary">2024 CityUHK Alumni Reunion Dinner in Shenzhen</a></h3> </span> </span> <span class="card-meta"> Over 200 alumni and guests from Beijing, Shanghai, Chengdu, Shenzhen and Hong Kong joined the Alumni Reunion Dinner in Shenzhen on 31 May to mark the 30th anniversary of City University of Hong Kong (CityUHK).<br/>The event was an excellent platform for fostering and learning about CityUHK’s latest....<br><small>31 May 2024</small> </span> </div> --> </div> </div> </div> </div> </div> <!-- /Main --> <div id="cityu-footer" class="cityu-outer"> <div class="cityu-inner"> <!-- Nav List --> <div id="cityu-footer-nav-list"> <ul class="cityu-column-8"> <li class="cityu-icon-home"><a class="active" href="/aro/main/index.htm"><div title="Home"></div></a></li> <li><a href="#">About ARO</a> <ul> <li><a href="/aro/main/about/mcf.htm">Mission & Core Functions</a></li> <li><a href="/aro/main/about/contact.htm">Staff Directory</a></li> </ul> </li> <li><a href="#">Events</a> <ul> <li><a href="/aro/main/events/upcomingevents.htm">Upcoming Events</a></li> <li><a href="/aro/main/events/30th_anniversary_events_for_alumni.htm">30th Anniversary Events for Alumni</a></li> <li><a href="https://www.cityu.edu.hk/aro/main/events/alumni_awards.htm">Alumni Awards</a></li> <li><a href="https://aro.cityu.edu.hk/home/caring/sports/">We Care for CityU Sports</a></li> <li><a href="/aro/main/events/pastevents.htm">Past Event Highlight</a></li> </ul> </li> <li class="cityu-multiline-2"><a href="#">Services & <br />Benefits</a> <ul> <li><a href="/aro/main/benefits/oncampus.htm">On-Campus</a></li> <li><a href="/aro/main/benefits/offcampus.htm">Off-Campus</a></li> <li><a href="/aro/main/benefits/creditcard.htm">CityU Credit Card</a></li> <li><a href="/aro/main/benefits/newgraduates.htm">New Graduates</a></li> </ul> </li> <li><a href="#">Communication</a> <ul> <!--<li><a href="/aro/main/communication/from_president.htm">From the President</a></li>--> <li><a href="/aro/main/communication/CityAlumNet.htm">City AlumNet (Annual Publication)</a></li> <li><a href="/aro/main/communication/ClassNotes.htm">Class Notes</a></li> <li><a href="/aro/main/communication/AlumniColumns.htm">Alumni Columns</a></li> <li><a href="/aro/main/communication/alumniexpress.htm">AlumExpress</a></li> <li><a href="/aro/main/communication/from_president.htm">From the President</a></li> <li><a href="https://aro.cityu.edu.hk/apps2/story/">Alumni Spotlight and Digital Footprint</a></li> <li><a href="/aro/main/communication/AlumUpdate.htm">Contact Update</a></li> <li><a href="http://www.facebook.com/cityualumni/">Facebook Fan Page</a></li> <li><a href="https://www.instagram.com/cityuhkalumni/" target="blank">Instagram Fan Page</a></li> <li><a href="https://www.linkedin.com/company/cityuhk-alumni/ " target="blank">LinkedIn Page</a></li> <li><a href="/aro/main/communication/eNewsletter.htm">Publications from Offices, Colleges and Schools</a></li> </ul> </li> <li><a href="#">Alumni Groups</a> <ul> <li><a href="/aro/main/group/convocation.htm">Convocation</a></li> <li><a href="/aro/main/group/associations.htm">Alumni Associations</a></li> <li><a href="/aro/main/group/network.htm">Alumni Networks</a></li> </ul> </li> <li><a href="#">Alumni Ambassador <br />Scheme</a> <ul> <li><a href="/aro/main/caring/intro.htm">Introduction</a></li> <li><a href="/aro/main/caring/advisor.htm">Board of Advisors</a></li> <li><a href="/aro/main/caring/city_of_stars.htm">Video Series</a></li> <li><a href="/aro/main/caring/story.htm">Our Alumni Ambassadors</a></li> <li><a href="/aro/main/caring/mentor.htm">Alumni Mentoring Programmes</a></li> <li><a href="/aro/main/caring/highlight.htm">Activity Highlights</a></li> </ul> </li> <li><a href="/aro/agc/">Alumni <br />Giving</a></li> <li><a href="#">Job Net</a> <ul> <li><a href="/aro/main/job/intro.htm">Introduction</a></li> <li><a href="/aro/main/job/job.htm">Job Opportunities</a></li> <li><a href="/aro/main/job/guide.htm">Career Guidance for New Graduates</a></li> </ul> </li> <li><a href="/aro/main/learning/">Alumni Learning@CityUHK</a></li> </ul> </div> <!-- /Nav List --> <hr /> <!-- Column --> <div id="cityu-footer-column"> <div id="cityu-footer-notes"> <a href="http://www.facebook.com/cityualumni/" target="_blank"><img src="https://www.cityu.edu.hk/aro/main/img/fb_icon.png" width="25px"></a> <a href="https://www.instagram.com/cityuhkalumni/" target="_blank"><img src="https://www.cityu.edu.hk/aro/main/img/ig_icon.png" width="25px"></a> <a href="https://www.linkedin.com/company/cityuhk-alumni/" target="_blank"><img src="https://www.cityu.edu.hk/aro/main/img/in_icon.png" width="25px"></a> </div></div> <div id="cityu-footer-column"> <!-- Notes --> <div id="cityu-footer-notes"> <!-- Links --> <div id="cityu-footer-links"> <a href="http://www.cityu.edu.hk/cityu/geninfo/privacy.htm">Privacy Policy</a> · <a href="http://www.cityu.edu.hk/cityu/copyright/index.htm#copyright">Copyright</a> · <a href="/aro/main/disclaimer.htm">Disclaimer</a> · <a href="/aro/main/about/contact.htm">Contact Us</a> · <a href="http://en.wikipedia.org/wiki/List_of_PDF_software">Get PDF Reader</a> </div> <!-- /Links --> <!-- Credits --> <div id="cityu-footer-credits"> © 2013 City University of Hong Kong. All Rights Reserved. </div> <!-- /Credits --> </div> <!-- /Notes --> <!-- Icons --> <div id="cityu-footer-icons"> <a href="http://www.cityu.edu.hk/"><img src="//template.cityu.edu.hk/template/img/logos/cityu_footer.png" alt="City University of Hong Kong" /></a> </div> <!-- /Icons --> </div> <!-- /Column --> </div> </div> </body> </html>