CINXE.COM
CityUHK Brand, Communications and Institutional Research Office | City University of Hong Kong
<!DOCTYPE html> <html lang="en"> <head> <base href="/ciro/"> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Open Graph protocol --> <meta property="og:title" content="Communications and Institutional Research Office | City University of Hong Kong" > <meta property="og:type" content="website" > <meta property="og:image" content="//www.cityu.edu.hk/ciro/ciro-screen.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image" content="//www.cityu.edu.hk/ciro/ciro-screen.png"> <meta property="og:image:width" content="600"> <meta property="og:image:height" content="315"> <link rel="image_src" href="//www.cityu.edu.hk/ciro/ciro-screen.png"> <meta property="og:url" content="https://www.cityu.edu.hk/ciro/"> <meta property="og:description" content="Communications and Institutional Research Office" > <!-- /Open Graph protocol --> <!-- 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"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;900&family=Noto+Sans+TC:wght@400;900&display=swap" rel="stylesheet"> <!-- 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/ciro.min.css" crossorigin="anonymous" > <link rel="stylesheet" href="css/ciro-print.min.css" media="print" crossorigin="anonymous" > <!-- favicon --> <link rel="apple-touch-icon" sizes="180x180" href="/ciro/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/ciro/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/ciro/favicon-16x16.png"> <!--<link rel="manifest" href="/cityu30th/site.webmanifest">--> <link rel="mask-icon" href="/ciro/safari-pinned-tab.svg" color="#e26f2c"> <link rel="shortcut icon" href="/ciro/favicon.ico"> <meta name="msapplication-TileColor" content="#ffc40d"> <meta name="msapplication-config" content="/ciro/browserconfig.xml"> <meta name="theme-color" content="#6B203E"> <title>CityUHK Brand, Communications and Institutional Research Office | 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"> <meta name="robots" content="index, follow"> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-GE52QNXJVS"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GE52QNXJVS'); </script> <style> .fslightbox-toolbar-button:nth-child(1), .fslightbox-toolbar-button:nth-child(2), .fslightbox-toolbar-button:nth-child(3), .fslightbox-toolbar-button:nth-child(4), .fslightbox-toolbar-button:nth-child(5) { display: none; } .c-video-card a img { border-radius: 10px; } .c-video-box { position: relative; } .c-video-text { position: absolute; display: block; width: 100%; height: 100%; text-align: center; font-size: 110%; } a.c-video-text:link { color: #FFFFFF; background-color:rgba(192,22,95,0.7); text-shadow: 1px 1px 3px #333333; border-style: solid; border-width: 1px; border-color: rgb(255,255,255); transition: 0.2s ease-in; } a.c-video-text:visited { color: #FFFFFF; background-color:rgba(192,22,95,0.7); text-shadow: 1px 1px 3px #333333; border-style: solid; border-width: 1px; border-color: rgb(255,255,255); } a.c-video-text:hover { color: rgba(192,22,95,1); background-color:rgba(255,255,255,0.85); text-decoration: none; text-shadow: 1px 1px 0px #FFFFFF; border-style: solid; border-width: 1px; border-color: rgb(192,22,95); transition: 0.2s ease-out; } #CV-myTabContent .cityvodWrapper { max-width: unset !important; } </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/ciro/ciro_logo_eng_cmyk.svg" alt="Communications and Institutional Research Office"> </a> </div> <!-- Tools --> <div class="cityu-tools ml-auto align-self-start flex-row d-none d-lg-flex"> <!-- 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" rel="noopener" target="_blank"> <img src="//template.cityu.edu.hk/template/v2/logo/CityU/CityU_Mini_Logo.svg" alt="City University of Hong Kong"> </a> </div> <div class="cityu-header-name-md align-self-center"> <a href="."> Communications and <span class="ef-nowrap">Institutional Research Office</span> </a> </div> </div> </div> </div> </header> <!-- Menu --> <nav class="cityu-menu menu-color-default navbar navbar-expand-lg sticky-top d-print-none"> <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) --> <li class="nav-item cityu-menu-home d-none d-lg-block"> <a class="nav-link cityu-menu-home-icon" aria-label="Home" href="./"><i class="fas fa-home"></i></a> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About Us</a> <ul class="dropdown-menu" > <li><a class="dropdown-item" href="#Vision">Vision and Mission</a></li> <li><a class="dropdown-item" href="Staff-list.htm">People</a></li> <!--<li><a class="dropdown-item" href="team.htm">Team</a></li>--> <li><a class="dropdown-item" href="Contact-Us.htm">Contact Us</a></li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">CityUHK Brand</a> <ul class="dropdown-menu" > <li> <a class="dropdown-item" href="CityU-brand/">About the Brand</a> </li> <li> <a class="dropdown-item" href="corporate-identity-approval/">Corporate Identity Approval</a> </li> <li> <a class="dropdown-item" href="CityU-brand/index.htm#Corporate-Identity-Materials"><i class="fa-solid fa-angles-right pe-1"></i> Corporate Identity Materials</a> </li> <li> <a class="dropdown-item" href="CityU-brand/index.htm#Corporate-Video"><i class="fa-solid fa-angles-right pe-1"></i> Corporate Video</a> </li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">University <span class="ef-nowrap"> Communications</span></a> <ul class="dropdown-menu" > <li> <a class="dropdown-item" href="Multilingual-Publications/index.htm">Publications</a> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">Topical Websites</a> <ul class="dropdown-menu"> <!-- Menu item (Link) --> <li> <a class="dropdown-item" href="CityU_Heroes/" target="_blank" rel="noopener">CityUHK Heroes</a> </li> </ul> </li> <li> <a class="dropdown-item" href="Video-Wall/">Video Wall / TV Panel</a> </li> <li> <a class="dropdown-item" href="Photo-Album/">CityUHK Photo Album</a> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">Internal Communications</a> <ul class="dropdown-menu"> <!-- Menu item (Link) --> <!-- <li> <a class="dropdown-item" href="Bulletin/" target="_blank" rel="noopener">Bulletin</a> </li> --> <li> <a class="dropdown-item" href="https://www.cityu.edu.hk/cpro/eportal/publication/online_newbulletin.html" target="_blank" rel="noopener">Bulletin</a> </li> <li> <a class="dropdown-item" href="Glossary/" >Glossary of Terms</a> </li> </ul> </li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Public Accountability <br class="d-none d-lg-block d-xl-none">and Rankings</a> <ul class="dropdown-menu" > <li> <a class="dropdown-item ext-link" href="https://www.cityu.edu.hk/fnf/" target="_blank" rel="noopener">CityUHK Facts & Figures</a> </li> <li> <a class="dropdown-item" href="Government-Reporting/">Government Reporting</a> </li> <li> <a class="dropdown-item ext-link" href="https://www.cityu.edu.hk/isurvey" target="_blank" rel="noopener">Integrated Survey System</a> </li> <li> <a class="dropdown-item" href="Worldwide-Achievements/">Worldwide Achievements</a> </li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Media</a> <ul class="dropdown-menu" > <li> <a class="dropdown-item" href="https://www.cityu.edu.hk/media/press-release" target="_blank" rel="noopener">Press Releases</a> </li> <li> <a class="dropdown-item" href="https://www.cityu.edu.hk/media/news" target="_blank" rel="noopener">CityUHK Newscentre</a> </li> <li> <a class="dropdown-item" href="https://scholars.cityu.edu.hk/" target="_blank" rel="noopener">CityUHK Scholars</a> </li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Gift Shop</a> <ul class="dropdown-menu" > <li> <a class="dropdown-item" href="/ciro/GiftShop/">Gift Shop</a> </li> <li> <a class="dropdown-item" href="/ciro/GiftShop/Souvenirs/">CityUHK Souvenirs</a> </li> <li> <a class="dropdown-item" href="/ciro/stafflan/GiftShop/GiftShop_SettlementForm.pdf" target="_blank" rel="noopener"><i class="fa-solid fa-angles-right pe-1"></i> CityUHK Souvenirs Settlement Form <span class="ef-nowrap"> (For CityUHK Staff only)</span></a> </li> <li> <a class="dropdown-item" href="/ciro/GiftShop/Product-Catalogue/" target="_blank" rel="noopener">Product Catalogue</a> </li> <!-- <li> <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#milkModal" href="#milkModal" target="_blank" rel="noopener">Milk Product Counter</a> </li> <li> <a class="dropdown-item" href="https://www.cityu.edu.hk/cpro/eportal/stafflan/MilkProCtr_setform_202306.pdf" target="_blank" rel="noopener"><i class="fa-solid fa-angles-right pe-1"></i> Milk Product Settlement Form <span class="ef-nowrap"> (For CityUHK Staff only)</span></a> </li> --> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Social Media</a> <ul class="dropdown-menu" > <li> <a class="dropdown-item" href="https://www.facebook.com/cityuniversityhongkong/" target="_blank" rel="noopener"> <i class="fa-brands fa-square-facebook pe-2"></i>Facebook </a> </li> <li> <a class="dropdown-item" href="https://www.instagram.com/cityuhongkong/" target="_blank" rel="noopener"> <i class="fa-brands fa-instagram pe-2"></i>Instagram </a> </li> <li> <a class="dropdown-item" href="https://www.youtube.com/user/CityUHongKong" target="_blank" rel="noopener"> <i class="fa-brands fa-youtube pe-2"></i>Youtube </a> </li> <li> <a class="dropdown-item" href="https://www.linkedin.com/school/cityu/" target="_blank" rel="noopener"> <i class="fa-brands fa-linkedin pe-2"></i>Linkedin </a> </li> <li> <a class="dropdown-item" href="https://twitter.com/CityUHongKong" target="_blank" rel="noopener"> <i class="fa-brands fa-square-x-twitter pe-2"></i>X </a> </li> <li> <a class="dropdown-item" href="https://www.weibo.com/cityuhongkong?is_hot=1" target="_blank" rel="noopener"> <i class="fa-brands fa-weibo pe-2"></i>Weibo </a> </li> <li> <a class="dropdown-item" href="https://www.cityu.edu.hk/sites/g/files/asqsls3821/files/CityU_wechat_QR_Code.jpg" target="_blank" rel="noopener"> <i class="fa-brands fa-weixin pe-2"></i>WeChat </a> </li> <li> <a class="dropdown-item" href="https://www.xiaohongshu.com/user/profile/5caabb420000000016015748?xhsshare=CopyLink&appuid=631ebfe3000000002303b7d3&apptime=1695011584" target="_blank" rel="noopener"> <i class="fa-solid fa-square pe-2 d-none"></i><img src="img/xiaohongshu.svg" class="icon-xiaohongshu" alt="xiaohongshu"> Xiaohongshu </a> </li> </ul> </li> <!-- <li class="nav-item"> <a class="nav-link" href="social-media.htm"> Social <br> Media </a> </li>--> </ul> </div> </div> </nav> <!-- Breadcrumb --> <div class="cityu-breadcrumb breadcrumb-color-default" data-aos="fade-left"> <div class="cityu-breadcrumb-inner container"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <!-- Auto generated when <ol> is empty --> </ol> </nav> </div> </div> <!-- Main --> <main class="cityu-main pt-3 pb-5"> <div class="container"> <div class="row justify-content-center"> <!-- Content --> <div class="col-12 col-md-11 col-lg-8"> <div class="cityu-content content-color-default"> <h1 data-aos="fade-down">CityUHK Brand</h1> <p data-aos="fade-down"> Here you will find an introduction of the CityUHK brand, our positioning and the key messages. In the Corporate Identity Manual, you will also find guidance to using the University logo, and a range of useful resources. </p> </div> </div> <div class="col-12"> <div class="cityu-content content-color-default"> <div class="row row-cols-1 row-cols-md-2 g-4"> <!-- card 1 --> <div class="col col-print-12 ef-div-nobreak" data-aos="fade-up"> <div class="card h-100"> <div class="card-header brand-card-header ratio ratio-21x9 d-print-none"> <div class="pt-4 pt-lg-5"> <h1 class="card-title text-center pt-xl-5">A Strong Brand, <br>A Strong CityUHK</h1> </div> </div> <div class="card-body pt-4"> <h1 class="card-title text-center pt-xl-5 d-none d-print-block">A Strong Brand, <br>A Strong CityUHK</h1> <p class="card-text"> Our brand is more than just a logo. It represents who we are, what we do, and how we make a difference through the professional educational programmes we offer and the groundbreaking research we carry out. </p> <p class="card-text"> The CityUHK brand reflects our core values, the dynamic nature of our people and programmes, our rising status and visionary leadership. In particular, </p> <ul> <li>we are a professional school excelling in professional education and research;</li> <li>we target research that impacts the world, especially engineering and biomedicine where our performance is among the strongest.</li> </ul> </div> </div> </div> <!-- card 2 --> <div class="col col-print-12 ef-div-nobreak" data-aos="fade-up"> <div class="card h-100"> <div class="card-header brand-card-header ratio ratio-21x9 d-print-none"> <div class="pt-4 pt-lg-5"> <h1 class="card-title text-center pt-xl-5">Why a unified brand<br> is so important</h1> </div> </div> <div class="card-body pt-4"> <h1 class="card-title text-center pt-xl-5 d-none d-print-block">Why a unified brand<br> is so important</h1> <p class="card-text"> CityUHK embodies excellence, honesty, freedom of enquiry, accountability, and civility and collegiality: our core values. These values stand at the heart of everything we do at CityUHK. </p> <p class="card-text"> A strong CityUHK brand helps us communicate these values and our reputation as a centre of academic and research excellence, building a global reputation based on trust and credibility among our local, regional and international stakeholders. </p> <p class="card-text"> We can achieve this by maintaining a clear and consistent identity across all of our communications. In doing so, we eliminate any confusion about who we are, establish a stronger “brand presence” and communicate what we stand for more effectively. </p> <p class="card-text"> Building a strong brand takes time, and maintaining consistency is key. If you have questions on its applications, ways to treat our brand colours, font and the placement of our logo, please contact <b>CIRO</b> at <a href="mailto:ciro@cityu.edu.hk">ciro@cityu.edu.hk</a>. </p> </div> </div> </div> <!-- card 3 --> <div class="col col-print-12 ef-div-nobreak" data-aos="fade-up"> <div class="card h-100"> <div class="card-header brand-card-header ratio ratio-21x9 d-print-none"> <div class="pt-4 pt-lg-5"> <h1 class="card-title text-center pt-xl-5">Brand personality</h1> </div> </div> <div class="card-body pt-4"> <h1 class="card-title text-center pt-xl-5 d-none d-print-block">Brand personality</h1> <p class="card-text"> Although a brand is obviously not a person, it can take on human attributes and develop its own distinct personality. </p> <p class="card-text"> CityUHK is not a conservative institution with a long tradition, nor do we wish to be perceived that way. We are dynamic, innovative, bold, and smart. By keeping our unique personality traits in mind every time we communicate with stakeholders, our reputation as a pioneering and vital university will continue to grow. </p> </div> </div> </div> <!-- card 4 --> <div class="col col-print-12 ef-div-nobreak" data-aos="fade-up"> <div class="card h-100"> <div class="card-header brand-card-header ratio ratio-21x9 d-print-none"> <div class="pt-4 pt-lg-5"> <h1 class="card-title text-center pt-xl-5">Brand positioning</h1> </div> </div> <div class="card-body pt-4"> <h1 class="card-title text-center pt-xl-5 d-none d-print-block">Brand positioning</h1> <p class="card-text"> For students and faculty aspiring to excellence in higher education, CityUHK is committed to creating new knowledge, nurturing student talent, and cultivating cutting-edge research that will positively impact the world around us. </p> </div> </div> </div> </div> </div> </div> <!-- Corporate Identity Materials --> <div id="Corporate-Identity-Materials" class="col-12 col-print-10"> <div class="cityu-content content-color-default"> <h1 data-aos="fade-down">Corporate Identity Materials</h1> <p data-aos="fade-down"> Here you will find an introduction of the CityUHK brand, our positioning and the key messages. In the Corporate Identity Manual, you will also find guidance to using the University logo, and a range of useful resources. </p> </div> </div> </div><!-- /row --> <div id="Corporate-Identity-Materials-boxes" class="row justify-content-center g-3 mx-5"> <div class="col-12 col-md-6 col-lg-3 col-print-3"> <div class="ratio ratio-1x1" data-aos="fade-up" data-aos-duration="600"> <div class="text-center icon-corporate-materials fs-5"> <a href="https://www.cityu.edu.hk/ciro/stafflan/CityU_logo/index.htm" target="_blank" rel="noopener" > <img src="CityU-brand/img/icon-cityu.png" alt="CityUHK" class="mb-3"> <br> <span>Download <br>CityUHK Logo</span> </a> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 col-print-3"> <div class="ratio ratio-1x1" data-aos="fade-up" data-aos-duration="900"> <div class="text-center icon-corporate-materials fs-5"> <a href="https://www.cityu.edu.hk/ciro/stafflan/Corporate_Identity_Manual.pdf" target="_blank" > <img src="CityU-brand/img/icon-manual.png" alt="CityUHK" class="mb-3"> <br> <span>Corporate Identity <br>Manual</span> </a> </div> </div> </div> <!--div class="col-12 col-md-6 col-lg-3 col-print-3"> <div class="ratio ratio-1x1" data-aos="fade-up" data-aos-duration="1200"> <div class="text-center icon-corporate-materials fs-5"> <a href="https://www.cityu.edu.hk/ciro/stafflan/CityU_PPT/CityU_PPT.zip" target="_blank"> <img src="CityU-brand/img/icon-ppt.png" alt="CityUHK" class="mb-3"> <br> <span>CityU Powerpoint <br> Templates</span> </a> </div> </div> </div--> <div class="col-12 col-md-6 col-lg-3 col-print-3"> <div class="ratio ratio-1x1" data-aos="fade-up" data-aos-duration="1500"> <div class="text-center icon-corporate-materials fs-5"> <a href="https://www.cityu.edu.hk/ciro/stafflan/CityU_Intl_memo_template.zip" target="_blank"> <img src="CityU-brand/img/icon-memo.png" alt="CityUHK" class="mb-3"> <br> <span>CityUHK Internal <br> Memorandum</span> </a> </div> </div> </div> </div> <div class="row justify-conter-center"> <!-- Corporate Video --> <div id="Corporate-Video" class="col-12 mt-5"> <div class="cityu-content content-color-default"> <h1 data-aos="fade-down">Corporate Video</h1> <!--h2 data-aos="fade-down" class="text-center"> To download </h2> </div> </div> </div> <div class="row gx-2 gy-2"> <div class="col-12 col-md-6 col-xl-3 mb-2 col-print-6"> <div class="ratio ratio-16x9 rounded-3" data-aos="fade-up"> <img src="CityU-brand/img/corporate-video-202405-eng.jpg" alt="CityUHK" class="img-fluid rounded-3"> <div> <a class="c-video-text pt-5 pt-xl-3 px-3 rounded-3" href="https://beaverton.sharepoint.com/:f:/s/ciro/Ek_7uyqPXHVGqy6hUeDtMIQBqqb1FZJXYjkYo7gw-Aew9g?e=A361i0" target="_blank" rel="noopener"> English<br> <hr> Download Video <i class="fa-solid fa-cloud-arrow-down pl-2"></i> </a> </div> </div> </div> <div class="col-12 col-md-6 col-xl-3 mb-2 col-print-6"> <div class="ratio ratio-16x9 rounded-3" data-aos="fade-up"> <img src="CityU-brand/img/corporate-video-202403-zh-hk.jpg" alt="CityUHK" class="img-fluid rounded-3"> <div> <a class="c-video-text pt-5 pt-xl-3 px-3 rounded-3" href="https://beaverton.sharepoint.com/:f:/s/ciro/Es879NIGlK9EsoYRPu9R8uABwHIBRHAh6QA5d1PnHWIA6Q?e=spXAxW" target="_blank" rel="noopener"> Cantonese in <span class="ef-nowrap"> Traditional Chinese </span> Subtitles <br> <hr> Download Video <i class="fa-solid fa-cloud-arrow-down pl-2"></i> </a> </div> </div> </div> <div class="col-12 col-md-6 col-xl-3 mb-2 col-print-6"> <div class="ratio ratio-16x9 rounded-3" data-aos="fade-up"> <img src="CityU-brand/img/corporate-video-202403-zh-hk.jpg" alt="CityUHK" class="img-fluid rounded-3"> <div> <a class="c-video-text pt-5 pt-xl-3 px-3 rounded-3" href="https://beaverton.sharepoint.com/:f:/s/ciro/EgiggXwtJbZGo58W3KCqkNEByJ7M11auWKh8nMkUxy5kkQ?e=f9bZ9r" target="_blank" rel="noopener"> Mandarin in <span class="ef-nowrap"> Traditional Chinese </span> Subtitles <br> <hr> Download Video <i class="fa-solid fa-cloud-arrow-down pl-2"></i> </a> </div> </div> </div> <div class="col-12 col-md-6 col-xl-3 mb-2 col-print-6"> <div class="ratio ratio-16x9 rounded-3" data-aos="fade-up"> <img src="CityU-brand/img/corporate-video-202403-zh-cn.jpg" alt="CityUHK" class="img-fluid rounded-3"> <div> <a class="c-video-text pt-5 pt-xl-3 px-3 rounded-3" href="https://beaverton.sharepoint.com/:f:/s/ciro/Ej7z94DgHSRLn5DiY5efeT0BCrw2UV4yYbfR1bG2z1B9mg?e=huWoTS" target="_blank" rel="noopener"> Mandarin in <span class="ef-nowrap"> Simplified Chinese </span> Subtitles <br> <hr> Download Video <i class="fa-solid fa-cloud-arrow-down pl-2"></i> </a> </div> </div> </div> </div><!-- /row --> <div class="row justify-conter-center"> <!-- Corporate Video --> <div class="col-12 mt-3"> <div class="cityu-content content-color-default"> <h2 data-aos="fade-down" class="text-center"> To watch </h2> </div> </div> </div> <div class="row justify-content-center d-none"> <div class="col-12 col-md-5 col-lg-4 col-print-5"> <p class="text-center" data-aos="fade-up"> <a data-fslightbox="video-eng" class="rounded-4" data-autoplay="1" href="https://youtu.be/0V5MmfNDeiE"> <img src="CityU-brand/img/corporate-video-202405-eng.jpg" alt="CityUHK" class="img-thumbnail"> </a> <br><span class="fs-4">English</span> </p> </div> <div class="col-12 col-md-5 col-lg-4 col-print-5"> <p class="text-center" data-aos="fade-up"> <a data-fslightbox="video-eng" class="rounded-4" data-autoplay="1" href="https://youtu.be/AXQVGWUDVek"> <img src="CityU-brand/img/corporate-video-202403-zh-hk.jpg" alt="CityUHK" class="img-thumbnail"> </a> <br><span class="fs-4">Cantonese</span> </p> </div> </div> <div class="row justify-content-center"> <div class="col-12 col-md-10"> <ul class="nav nav-tabs justify-content-center" id="EP01-myTab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="EP01-ENG" data-bs-toggle="tab" data-bs-target="#EP01-ENG-pane" type="button" role="tab" aria-controls="EP01-ENG-pane" aria-selected="true"><span class="text-tc">ENG</span></button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="EP01-TC" data-bs-toggle="tab" data-bs-target="#EP01-TC-pane" type="button" role="tab" aria-controls="EP01-TC-pane" aria-selected="false"><span class="text-tc">粵 語</span></button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="EP01-SC" data-bs-toggle="tab" data-bs-target="#EP01-SC-pane" type="button" role="tab" aria-controls="EP01-SC-pane" aria-selected="false"><span class="text-sc">普通话</span></button> </li> </ul> <div class="tab-content" id="CV-myTabContent"> <!-- EP01 TC --> <div class="tab-pane fade show active" id="EP01-ENG-pane" role="tabpanel" aria-labelledby="EP01-ENG" tabindex="0"> <div class="row cityu-content content-color-default" data-aos="fade-down"> <div> <script class="w-100" src="https://www.cityu.edu.hk/cityvod/video/box/CPRO/cityu_corporate-en.js"></script> </div> </div> </div> <!-- /EP01 TC --> <!-- EP01 SC --> <div class="tab-pane fade" id="EP01-TC-pane" role="tabpanel" aria-labelledby="EP01-TC" tabindex="0"> <div class="row cityu-content content-color-default" data-aos="fade-down"> <div> <script class="w-100" src="https://www.cityu.edu.hk/cityvod/video/box/CPRO/cityu_corporate-tc.js"></script> </div> </div> </div> <!-- EP01 /SC --> <!-- EP01 ENG --> <div class="tab-pane fade" id="EP01-SC-pane" role="tabpanel" aria-labelledby="EP01-SC" tabindex="0"> <div class="row cityu-content content-color-default" data-aos="fade-down"> <div> <script class="w-100" src="https://www.cityu.edu.hk/cityvod/video/box/CPRO/cityu_corporate-sc.js"></script> </div> </div> </div> <!-- EP01 /ENG --> </div> </div> </div> </div> </main> <!-- Sitemap --> <nav class="cityu-sitemap sitemap-color-default d-none d-lg-block"> <div class="cityu-sitemap-inner container"> <!-- Sitemap list --> <div class="cityu-sitemap-list"> <ul class="d-flex flex-row flex-wrap justify-content-start"> <!-- Auto generated when <ul> is empty --> </ul> </div> </div> </nav> <!-- Footer --> <footer class="cityu-footer footer-color-default d-print-none"> <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 pb-2" data-aos="fade-down" data-aos-delay="200"> <a href="https://www.facebook.com/cityuniversityhongkong/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a> <a href="https://www.instagram.com/cityuhongkong/" target="_blank"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.youtube.com/user/CityUHongKong" target="_blank"><i class="fa-brands fa-youtube"></i></a> <a href="https://www.linkedin.com/school/cityu/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a> <a href="https://twitter.com/CityUHongKong" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> <a href="https://www.weibo.com/cityuhongkong?is_hot=1" target="_blank"><i class="fa-brands fa-weibo"></i></a> <a href="https://www.cityu.edu.hk/sites/g/files/asqsls3821/files/CityU_wechat_QR_Code.jpg" target="_blank"><i class="fa-brands fa-weixin"></i></a> <a href="https://www.xiaohongshu.com/user/profile/5caabb420000000016015748?xhsshare=CopyLink&appuid=631ebfe3000000002303b7d3&apptime=1695011584" target="_blank"> <img src="img/xiaohongshu.svg" class="icon-xiaohongshu" alt="xiaohongshu"> </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="Contact-Us.htm" class="ef-nowrap">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 d-none d-sm-block"> <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> <!-- 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> <script src="/ciro/js/fslightbox.js"></script> </body> </html>