CINXE.COM
City University of Hong Kong
<!DOCTYPE html> <html lang="en"> <head> <base href="/mb/"> <!-- 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/"> <!-- 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" crossorigin="anonymous" /> <!-- Optional CSS --> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/aos/aos.css" /> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/animate.css/animate.min.css" /> <!-- Place your custom CSS here --> <link rel="stylesheet" href="css/custom.css?v=202305" /> <title>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" /> <meta name="robots" content="index, follow" /> </head> <body class="cityu-template-2 cityu-template-2-0 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"> <div class="cityu-header-logo-lg 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_Vertical_Logo_CMYK.svg" alt="City University of Hong Kong" /> </a> </div> <!--div class="cityu-header-logo-lg align-self-center"> <a href="./"> <img src="//template.cityu.edu.hk/template/logo/mb/mb_logo_eng_cmyk.svg" alt="Management Board" /> </a> </div--> <div class="cityu-header-name-lg align-self-center"> <a href="./"> Management Board </a> </div> </div> </div> <!-- Header : Small screen --> <div class="cityu-header-md d-lg-none"> <div class="d-flex flex-row"> <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="./"> Management Board </a> </div> </div> </div> <!-- Search (under development) --> <!--div class="col-lg-6"> <form class="form-inline my-2 my-lg-0"> <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" /> <button class="btn btn-outline-success my-2 my-sm-0" type="submit"> Search </button> </form> </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) --> <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="#" id="" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About Us</a> <ul class="dropdown-menu" aria-labelledby=""> <li><a class="dropdown-item" href="membership.htm">Membership</a> </li> <li> <a class="dropdown-item" href="statute.htm">Statute</a> </li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Staff Only</a> <ul class="dropdown-menu" aria-labelledby=""> <li> <a class="dropdown-item" href="stafflan/staff_meeting_rpt.htm">Meeting Report</a> </li> <li> <a class="dropdown-item" href="stafflan/authorities_manual.htm">Manual of Authorities</a> </li> </ul> </li> <!-- Menu item --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Members Only</a> <ul class="dropdown-menu" aria-labelledby=""> <li> <a class="dropdown-item" href="https://beaverton.sharepoint.com/sites/mb">Meeting Documents</a> </li> <li> <a class="dropdown-item" href="https://beaverton.sharepoint.com/sites/mb/mbmembers/RulesofProcedure.pdf">Rules of Procedure</a> </li> </ul> </li> </ul> </div> </div> </nav> <!-- Carousel --> <div class="cityu-carousel"> <div id="cityu_carousel" class="carousel slide bg-light" data-ride="carousel"> <!-- Indicators --> <!--ol class="carousel-indicators"> <li data-target="#cityu_carousel" data-slide-to="0" class="active"></li> <li data-target="#cityu_carousel" data-slide-to="1"></li> <li data-target="#cityu_carousel" data-slide-to="2"></li> </ol--> <!-- Carousel list --> <div class="carousel-inner"> <!-- Carousel item --> <div class="carousel-item active"> <img class="d-block w-100" src="img/photos/index202305.jpg" alt="First slide" data-aos="zoom-out" data-aos-duration="1000" /> <div class="carousel-caption" data-aos="fade-right" data-aos-duration="1500"> <p> The Management Board advises the President on matters relating to the development and management of the University and provides a major channel of communication between the senior management and the University community. The President serves as Chairman. Members are senior staff. </p> </div> </div> <!-- Carousel item --> <!--div class="carousel-item"> <img class="d-block w-100" src="https://picsum.photos/1024/480/?image=12" alt="Second slide" /> <div class="carousel-caption"> <h3>Second Slide</h3> </div> </div--> <!-- Carousel item --> <!--div class="carousel-item"> <img class="d-block w-100" src="https://picsum.photos/1024/480/?image=14" alt="Third slide" /> <div class="carousel-caption"> <h3>Third Slide</h3> </div> </div--> </div> <!-- Control --> <!--a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a--> </div> </div> <!-- Main --> <main class="cityu-main" hidden> <div class="cityu-main-inner container"> <div class="row"> <!-- Content --> <div class="col-md-9"> <div class="cityu-content content-color-default"> <h1>Management Board</h1> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere enim posuere tempor semper. Nam ac consectetur nulla. Ut nulla nisl, hendrerit quis diam sed, sagittis finibus massa. Integer accumsan congue ligula ut auctor. Vestibulum lacinia aliquam libero vitae consectetur. Donec dapibus lorem quis suscipit laoreet. Pellentesque eu pretium lorem. Integer egestas nunc erat, ut malesuada dolor tristique quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed faucibus augue vel nisl viverra auctor. </p> </div> </div> <!-- Sidebar --> <div class="col-md-3"> <aside class="cityu-sidebar"> <h2>Header</h2> <ul> <li> <a href="">Link 1</a> </li> <li> <a href="">Link 2</a> </li> <li> <a href="">Link 3</a> </li> </ul> </aside> </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 --> </ul> </div> </div> </nav> <!-- 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="cityu-footer-links"> <a href="https://www.cityu.edu.hk/web/privacy" rel="noopener" target="_blank">Privacy Policy</a> · <a href="https://www.cityu.edu.hk/web/copyright" rel="noopener" target="_blank">Copyright</a> · <a href="https://www.cityu.edu.hk/web/disclaimer" rel="noopener" target="_blank">Disclaimer</a> · <a href="https://www.cityu.edu.hk/web/accessibility" rel="noopener" target="_blank">Accessibility</a> · <a href="mb_secretariat.htm">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> <!-- 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 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>