CINXE.COM
CityUHK Heroes | City University of Hong Kong
<!DOCTYPE html> <html lang="en"> <head> <base href="https://www.cityu.edu.hk/ciro/CityU_Heroes/index.htm"> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Preconnect --> <link rel="preconnect" href="//template.cityu.edu.hk/"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- Required CSS --> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/cityu.base.css"> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/fontawesome/css/all.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap"> <!-- Optional CSS --> <link rel="preload" href="//template.cityu.edu.hk/template/v2/css/aos/aos.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/aos/aos.css"> </noscript> <link rel="preload" href="//template.cityu.edu.hk/template/v2/css/animate.css/animate.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/animate.css/animate.min.css"> </noscript> <!-- Place your custom CSS here --> <link rel="stylesheet" href="css/custom.css"> <title>CityUHK Heroes | City University of Hong Kong</title> <meta name="author" content="City University of Hong Kong"> <meta name="description" content=""> <meta name="keywords" content="City University of Hong Kong, City University, CityU, CityUHK, CityUHK Heroes"> <meta name="robots" content="index, follow"> <style> .dropdown-menu { max-height: 400px; overflow: hidden; overflow-y: auto; } </style> </head> <body class="cityu-template-2 cityu-template-2-1 cityu-base-layout cityu-base-style"> <!-- Header --> <header class="cityu-header header-color-default"> <div class="cityu-header-inner container"> <!-- Header : Large screen --> <div class="cityu-header-lg d-none d-lg-block"> <div class="d-flex flex-row"> <!-- Department logo only --> <!--div class="cityu-header-logo-lg align-self-center"> <a href="."> <img src="//template.cityu.edu.hk/template/logo/esu/esu_logo_eng_cmyk.svg" alt="Department of Accountancy"> </a> </div--> <!-- CityU logo and title --> <div class="cityu-header-logo-lg align-self-center"> <a href="https://www.cityu.edu.hk/ciro/CityU_Heroes/index.htm" rel="noopener" target="_blank"> <img src="https://template.cityu.edu.hk/template/logo/ciro/ciro_logo_eng_cmyk.svg " alt="City University of Hong Kong - Communications and Institution Research Office"> </a> </div> <!-- Tools --> <div class="cityu-tools ml-auto align-self-start flex-row d-none d-lg-flex"> <div id="cityu-header-lang" class="small"> <a id="lang-en" href="index.htm">Eng</a> · <a id="lang-tc" href="../tc/index-tc.htm">繁體</a> </div> <!-- Search box --> <!--div class="cityu-search search-color-cityured align-self-center"> <form method="get" action="https://www.cityu.edu.hk/cityusearch"> <fieldset> <div class="input-group"> <input class="form-control" type="text" name="q" placeholder="Search" aria-label="Search text"> <input type="hidden" name="site" value=""> <button class="input-group-text search-button-color-cityured" type="submit" value="" aria-label="Search button"> <i class="fas fa-search"></i> </button> </div> </fieldset> </form> </div--> </div> </div> </div> <!-- Header : Small screen --> <div class="cityu-header-md d-lg-none"> <div class="d-flex flex-row"> <!-- Logo and title --> <div class="cityu-header-logo-md align-self-center"> <a href="https://www.cityu.edu.hk/ciro/CityU_Heroes/index.htm" rel="noopener" target="_blank"> <img src="https://template.cityu.edu.hk/template/logo/ciro/ciro_logo_eng_cmyk.svg " alt="Communications and Institution Research Office"> </a> </div> <div class="cityu-tools ml-auto align-self-center d-flex flex-row ml-auto" style="margin-right:50px;""> <div id="cityu-header-lang" class="small"> <a id="lang-en2" href="index.htm" >Eng</a> · <a id="lang-tc2" href="../tc/index-tc.htm">繁體</a> </div> </div---> </div> </div> </div> </header> <!-- Menu --> <nav class="cityu-menu menu-color-default navbar navbar-expand-lg sticky-top"> <div class="cityu-menu-inner container"> <!-- Toggler icon --> <button class="navbar-toggler" type="button" data-toggle="offcanvas" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="cityu-menu-button fa fa-bars" aria-hidden="true"></i> </button> <!-- Menu list --> <div class="cityu-menu-list cityu-menu-offcanvas navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <!-- Menu item (Home icon) --> <li class="nav-item cityu-menu-home d-none d-lg-block"> <a class="nav-link cityu-menu-home-icon" aria-label="Home" href="https://www.cityu.edu.hk/ciro/CityU_Heroes/index.htm"><i class="fas fa-home"></i></a> </li> <!-- Menu item (Dropdown) --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">Students</a> <ul class="dropdown-menu"> <!-- Menu item (Link) --> <li> <a class="dropdown-item" href="richard_afandy.htm">Richard Afandy</a> </li> <li> <a class="dropdown-item" href="basketball_team.htm">Men’s Basketball Team</a></li> <li> <a class="dropdown-item" href="monica_chan.htm">Monica Chan Hiu-man</a> </li> <li> <a class="dropdown-item" href="ida_chan.htm">Ida Chan Tsoi-yi</a> </li> <li> <a class="dropdown-item" href="kan_shan.htm">Chiu Kan-shan</a></li> <li><a class="dropdown-item" href="chris_choi.htm">Chris Choi Yan-lok</a></li> <li><a class="dropdown-item" href="anson_ho.htm">Anson Ho Kwan-kit</a></li> <li><a class="dropdown-item" href="GAC.htm">Mahir Labib/Hailey Jung/Pang Jaipiam</a></li> <li><a class="dropdown-item" href="raymond_lau.htm">Raymond Lau Pak-hei</a></li> <li><a class="dropdown-item" href="raymond-YS_lau.htm">Raymond Lau Yau-shing</a></li> <li><a class="dropdown-item" href="constance_lee.htm">Constance Lee Sze-ching</a></li> <li><a class="dropdown-item" href="darrian_leung.htm">Darrian Leung Tak-lun </a></li> <li> <a class="dropdown-item" href="keith_ling.htm">Keith Ling Long-hei</a></li> <li> <a class="dropdown-item" href="liu_xiaoyuan.htm">Liu Xiaoyuan</a></li> <li><a class="dropdown-item" href="mandy_lo.htm">Mandy Lo Ying-tung</a></li> <li><a class="dropdown-item" href="mbsc.htm">Gisela Gwen Michelle/Harry Noh Hyunin/Gloria Andry Putri/Richard Ponto</a></li> <li> <a class="dropdown-item" href="nelson_ng.htm">Nelson Ng Pok-him</a></li> <li> <a class="dropdown-item" href="Rugby.htm">Men’s and Women’s Rugby Teams <span class="badge bg-warning text-dark blink"><em style="font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'"><strong>New</strong></em></span></a> </li> <li> <a class="dropdown-item" href="trisha_tobar.htm">Geanna Trisha Lopez Tobar</a> </li> <li> <a class="dropdown-item" href="jerry_wang.htm">Jerry Wang <span class="badge bg-warning text-dark blink"><em style="font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'"><strong>New</strong></em></span></a> </li> <li> <a class="dropdown-item" href="yemina_yu.htm">Yemina Yu Chung-yan</a></li> <li> <a class="dropdown-item" href="PhDstudents.htm">Zhang Zhenwen/Lo Wai-kin/Xu Qili <span class="badge bg-warning text-dark blink"><em style="font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'"><strong>New</strong></em></span></a> </li> </ul> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">Alumni</a> <ul class="dropdown-menu"> <!-- Menu item (Link) --> <li> <a class="dropdown-item" href="ba_shanzheng.htm">Ba Shanzheng</a> </li> <li> <a class="dropdown-item" href="helen_bao.htm">Professor Helen Bao <span class="badge bg-warning text-dark blink"><em style="font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'"><strong>New</strong></em></span></a> </li> <li> <a class="dropdown-item" href="carla_chan.htm">Carla Chan Ho-choi</a> </li> <li> <a class="dropdown-item" href="chan_yung.htm">Hon Chan Yung <span class="badge bg-warning text-dark blink"><em style="font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'"><strong>New</strong></em></span></a> </li> <li> <a class="dropdown-item" href="dilys_chau.htm">Dilys Chau Suet-fung </a> </li> <li> <a class="dropdown-item" href="nick_cheuk.htm">Nick Cheuk</a> </li> <li> <a class="dropdown-item" href="elly_chow.htm">Dr Elly S. Chow</a> </li> <li> <a class="dropdown-item" href="monica_kan.htm">Dr Monica Kan Wai-kwan</a> </li> <li> <a class="dropdown-item" href="billy_lam.htm">Billy Lam</a> </li> <li> <a class="dropdown-item" href="JL_SW.htm">Jess Lau Ching-wa/Sunny Wong Ho-yin</a> </li> <li> <a class="dropdown-item" href="kok_rui.htm">Lau Kok-rui</a> </li> <li> <a class="dropdown-item" href="grace_lau.htm">Grace Lau Mo-sheung</a> </li> <li><a class="dropdown-item" href="fei_tung.htm">Leung Fei-tung</a></li> <li><a class="dropdown-item" href="leung_lokyee.htm">Leung Lok-yee</a></li> <li> <a class="dropdown-item" href="shen_zhenda.htm">Shen Zhenda</a> </li> <li><a class="dropdown-item" href="harprabdeep_singh.htm">Harprabdeep Singh</a></li> <li> <a class="dropdown-item" href="andrea_so.htm">Andrea So <span class="badge bg-warning text-dark blink"><em style="font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'"><strong>New</strong></em></span></a> </li> <li><a class="dropdown-item" href="wilson_yip.htm">Yip Wai-sum</a></li> <li><a class="dropdown-item" href="martin_zhu.htm">Dr Martin Zhu</a> </li> </ul> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">CityUHK Community</a> <ul class="dropdown-menu"> <!-- Menu item (Link) --> <li> <a class="dropdown-item" href="robert_lui.htm">Robert Lui Chi-wang</a> </li> <li> <a class="dropdown-item" href="grace_yu.htm">Grace Yu Ho-wun, MH <span class="badge bg-warning text-dark blink"><em style="font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'"><strong>New</strong></em></span></a> </li> <!--new li here--> </ul> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">Faculty and Staff</a> <ul class="dropdown-menu"> <!-- Menu item (Link) --> <li> <a class="dropdown-item" href="https://scholars.cityu.edu.hk/en/persons/vanessa-rosemary-duke-barrs(9e9166c2-9a45-48c7-80dc-7ee5e3eafa6f).html" target="_blank">Professor Vanessa Barrs</a> </li> <li> <a class="dropdown-item" href="https://scholars.cityu.edu.hk/en/persons/julien-laurent-chaisse(5e407418-a875-41a7-9c33-845636001f43).html" target="_blank">Professor Julien Chaisse</a> </li> <li> <a class="dropdown-item" href="https://scholars.cityu.edu.hk/en/persons/shu-hung-henry-chung(7b2a6609-fc97-4c1d-a0e1-b045373599d5).html" target="_blank">Professor Henry Chung Shu-hung</a> </li> <li> <a class="dropdown-item" href="https://scholars.cityu.edu.hk/en/persons/yu-huang(b5846eb4-9761-4bec-a3a3-7f4896466ef0).html" target="_blank">Professor Huang Yu </a> </li> <li><a class="dropdown-item" href="https://scholars.cityu.edu.hk/en/persons/yuk-ching-sylvia-kwok-lai(7868bc73-a141-42fe-9e91-ae3f569853ff).html" target="_blank">Professor Sylvia Kwok Lai Yuk-ching </a> </li> <li><a class="dropdown-item" href="terry_leung.htm" target="_blank">Terry Leung Tin-lung <span class="badge bg-warning text-dark blink"><em style="font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'"><strong>New</strong></em></span></a> </li> <li><a class="dropdown-item" href="https://scholars.cityu.edu.hk/en/persons/fen-lin(3593d4cc-3654-4111-87f1-38c2b0a798f8).html" target="_blank">Professor Jennifer Lin <span class="badge bg-warning text-dark blink"><em style="font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'"><strong>New</strong></em></span></a> </li> <li><a class="dropdown-item" href="https://scholars.cityu.edu.hk/en/persons/jian-lu(2e28d779-1155-49a2-bd2a-81aa891225cf).html" target="_blank">Professor Lu Jian</a> </li> <li> <a class="dropdown-item" href="https://scholars.cityu.edu.hk/en/persons/kwai-man-luk(8556f0cf-0144-46ab-8d73-7220e2088811).html" target="_blank">Professor Luk Kwai-man</a> </li> <li> <a class="dropdown-item" href="gardeners.htm" target="_blank">Angus Mak Ho-hon/Vane Mok Yin-man </a> </li> <li> <a class="dropdown-item" href="tsui_likhang.htm" target="_blank">Professor Tsui Lik-hang</a> </li> <li> <a class="dropdown-item" href="yu_choiman.htm" target="_blank">Yu Choi-man <span class="badge bg-warning text-dark blink"><em style="font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'"><strong>New</strong></em></span></a> </li> </ul> </div> </div> </nav> <!-- Main carousel --> <div class="cityu-carousel-2 bg-white"> <!--div id="carousel_0" class="carousel slide" data-bs-ride="carousel"--> <!-- Carousel indicators --> <!--div class="carousel-indicators"> <button type="button" data-bs-target="#carousel_0" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#carousel_0" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#carousel_0" data-bs-slide-to="2" aria-label="Slide 3"></button--> </div--> <!-- Carousel list --> <div class="carousel-inner"> <!-- Carousel item --> <!--div class="carousel-item"---> <img class="d-block w-100" src="img/welcome_6.jpg" alt=""> <div class="carousel-caption"> <!--h2><strong>AT CITYU, YOU TOO CAN BE A HEROES!</strong></h2--> </div> </div> <!-- Carousel controls --> <!--button class="carousel-control-prev" type="button" data-bs-target="#carousel_0" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carousel_0" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button--> </div> <!-- Main --> <main class="cityu-main"> <div class="cityu-main-inner container"> <div class="row"> <!-- Content --> <div class="col-md-12"> <div class="cityu-content content-color-default"> <p>Learning is a journey. You meet many fellow travellers taking the same path, women and men from around the world who share with you a desire to create new knowledge for tackling some of the world’s most pressing problems. </p> <p>The learning journey at CityUHK is designed specifically to motivate through inspirational, interactive and innovative learning. The world is changing rapidly and we are adapting to the new educational climes. Institutional learning through lectures and tutorials, while still integral to higher education at CityUHK, is supplemented by learning opportunities that explore beyond academic boundaries and embrace creativity and inventions. </p> <p>Our students don’t just get a degree from CityUHK; they get an education. Just like the individuals featured here, any of our CityUHK students taking this learning journey can be heroes, too.</p> <div class="col-md-12"> <div class="cityu-content content-color-default"> <h2>Students</h2> <!-- Cards (Grid) --> <div class="row g-3"> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="jerry_wang.htm" class="text-dark text-decoration-none"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/jerry_wang_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Jerry Wang</h3> <p class="card-text">Bachelor of Business Administration in Finance</p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="Rugby.htm" class="text-dark text-decoration-none"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/Rugby_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Men’s and Women’s Rugby Teams</h3> <p class="card-text"> </p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="PhDstudents.htm" class="text-dark text-decoration-none"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/PhDstu_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Zhang Zhenwen (left)</h3> <p class="card-text">PhD student, College of Engineering</p> <h3 class="card-title fs-5 mb-2">Lo Wai-kin (middle)</h3> <p class="card-text">PhD student, College of Engineering</p> <h3 class="card-title fs-5 mb-2">Xu Qili (right)</h3> <p class="card-text">PhD student, School of Energy and Environment</p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <!-- Button --> <div> </div><div> </div> <div class="text-end"> <a href="learnmore_stu.htm"> <span class="btn btn-dark btn-cityured mt-3"> Learn more </span> </a> </div> </div> </div> </div> <h2>Alumni</h2> <!-- Cards (Grid) --> <div class="row g-3"> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="chan_yung.htm" class="text-dark text-decoration-none"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/ChanYung_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Hon Chan Yung, SBS, BBS, JP</h3> <p class="card-text">Graduate, College of Liberal Arts and Social Sciences</p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="andrea_so.htm" class="text-dark text-decoration-none"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/andrea_so_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Andrea So</h3> <p class="card-text">Graduate, College of Business </p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="helen_bao.htm" class="text-dark text-decoration-none"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/helen_bao_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Professor Helen Bao</h3> <p class="card-text">PhD, College of Business</p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <!-- Button --> <div> </div><div> </div> <div class="text-end"> <a href="learnmore_alumni.htm"> <span class="btn btn-dark btn-cityured mt-3"> Learn more </span> </a> </div> </div></div> <div class="col-md-12"> <div class="cityu-content content-color-default"> <h2>CityUHK Community</h2> <!-- Cards (Grid) --> <div class="row g-3"> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="grace_yu.htm" class="text-dark text-decoration-none" target="_blank"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/grace_yu_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Grace Yu Ho-wun, MH</h3> <p class="card-text">Court member (2019 – present) <br> </p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="robert_lui.htm" class="text-dark text-decoration-none" target="_blank"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/Robert_lui_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Robert Lui Chi-wang</h3> <p class="card-text">Council member (2018 – present) <br> </p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <div class="col-md-12"> <div class="cityu-content content-color-default"> <h2>Faculty and Staff</h2> <!-- Cards (Grid) --> <div class="row g-3"> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="https://scholars.cityu.edu.hk/en/persons/fen-lin(3593d4cc-3654-4111-87f1-38c2b0a798f8).html" class="text-dark text-decoration-none" target="_blank"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/lin_fen_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Professor Jennifer Lin Fen </h3> <p class="card-text">Associate Vice-President (Global Strategy)<br> Associate Professor, Department of Media and Communication <br> </p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="yu_choiman.htm" class="text-dark text-decoration-none" target="_blank"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/yu_choiman_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Yu Choi-man</h3> <p class="card-text">Senior Sports Attendant<br> Student Development Services </p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <!-- Card item --> <!-- sketched-link on button --> <div class="col-12 col-md-6 col-lg-4"> <a href="terry_leung.htm" class="text-dark text-decoration-none" target="_blank"> <div class="card h-100 shadow" data-aos="fade-up" data-aos-duration="900"> <div class="card-img-top cityu-img-zoom"> <img loading="lazy" src="img/terry_leung_s.jpg" class="w-100" alt=""> </div> <div class="card-body"> <h3 class="card-title fs-5 mb-2">Terry Leung Tin-lung</h3> <p class="card-text">Compliance Manager (Laboratory Safety), Laboratory Safety Unit</br> Certified Industrial Hygienist </p> <button type="button" class="btn btn-dark btn-cityured">See more</button> </div> <!--div class="card-footer"> </div--> </div> </a> </div> <!-- Button --> <div> </div><div> </div> <div class="text-end"> <a href="learnmore_faculty.htm"> <span class="btn btn-dark btn-cityured mt-3"> Learn more </span> </a> </div> </div> </div> </div> </div> </main> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KMKCKGVR');</script> <!-- End Google Tag Manager --> <!-- Footer --> <footer class="cityu-footer footer-color-default"> <div class="cityu-footer-inner container"> <!-- Bottom --> <div class="cityu-footer-bottom d-flex flex-row justify-content-between"> <!-- Info --> <div class="cityu-footer-info align-self-center"> <!-- Links --> <div class="social-icons"> <a href="https://www.facebook.com/cityuniversityhongkong/" target="_blank"><i class="fab fa-facebook-square fa-2x"> </i></a> <a href="https://www.instagram.com/cityuhongkong/" target="_blank"><i class="fab fa-instagram fa-2x"> </i></a> <a href="https://www.youtube.com/user/CityUHongKong" target="_blank"><i class="fab fa-youtube fa-2x"> </i></a> <a href="https://www.linkedin.com/school/cityu/" target="_blank"><i class="fab fa-linkedin-in fa-2x"> </i></a> <a href="https://twitter.com/CityUHongKong" target="_blank"><i class="fab fa-x-twitter fa-2x"> </i></a> <a href="https://www.weibo.com/cityuhongkong?is_hot=1" target="_blank"><i class="fab fa-weibo fa-2x"> </i></a> <a href="https://www.cityu.edu.hk/sites/g/files/asqsls3821/files/CityU_wechat_QR_Code.jpg" target="_blank"><i class="fab fa-weixin fa-2x"> </i></a> </div> <div class="cityu-footer-links"> <a href="https://www.cityu.edu.hk/web/privacy" rel="noopener" target="_blank">Privacy Policy</a> <span class="mx-1">·</span> <a href="https://www.cityu.edu.hk/web/copyright" rel="noopener" target="_blank">Copyright</a> <span class="mx-1">·</span> <a href="https://www.cityu.edu.hk/web/disclaimer" rel="noopener" target="_blank">Disclaimer</a> <span class="mx-1">·</span> <a href="https://www.cityu.edu.hk/web/accessibility" rel="noopener" target="_blank">Accessibility</a> <span class="mx-1">·</span> <a href="https://www.cityu.edu.hk/cpro/contact-us">Contact Us</a> </div> <!-- Copyright --> <div class="cityu-footer-copyright"> © City University of Hong Kong. All Rights Reserved. </div> </div> <!-- Logo --> <div class="cityu-footer-logo align-self-end"> <a href="https://www.cityu.edu.hk" rel="noopener" target="_blank"> <img loading="lazy" src="//template.cityu.edu.hk/template/v2/logo/CityU/CityU_Vertical_Logo_Reverse.svg" alt="City University of Hong Kong" > </a> </div> </div> </div> </footer> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KMKCKGVR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google tag (gtag.js) --> <script async src=https://www.googletagmanager.com/gtag/js?id=G-R6SXYQJFVZ></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-R6SXYQJFVZ'); </script> <!-- Required config file --> <script src="js/cityu.config.js"></script> <!-- Required scripts --> <script src="//template.cityu.edu.hk/template/v2/js/jquery/jquery.min.js"></script> <script src="//template.cityu.edu.hk/template/v2/js/popper.js/popper.min.js"></script> <script src="//template.cityu.edu.hk/template/v2/js/bootstrap/bootstrap.min.js"></script> <script src="//template.cityu.edu.hk/template/v2/js/cityu.base.js"></script> <!-- Optional scripts --> <script async src="//template.cityu.edu.hk/template/v2/js/aos/aos.js"></script> <!-- Place you custom scripts here --> <script src="js/custom.js"></script> </body> </html>