City University of Hong Kong

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head>  <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />  <link rel="preconnect" href="//template.cityu.edu.hk/" />  <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" />  <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" />  <title>City University of Hong Kong</title> <meta name="author" content="City University of Hong Kong" /> <meta name="description" content="University Web Tempates of City University of Hong Kong." /> <meta name="keywords" content="web template, City University of Hong Kong, CityU HK, CityU" /> <meta name="robots" content="index, follow" /> <style> form { font-size: 14px; } .cityu-header { border-bottom: none !important; } .cityu-content{ margin-top: 20px !important; } .form-control{ font-size: 14px !important; height: 34px !important; } input[type=checkbox] { margin-right: 6px; } .formSection { font-weight: bold; margin-bottom: 5px; /* margin-top: 0px;*/ } .formOption { margin-bottom: 5px; } h2 { font-weight: 500 !important; margin-top: 20px !important; margin-bottom: 20px !important; } legend{ padding: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-bottom: 1px solid #e5e5e5; font-size: 21px; } .cityu-btn{ color: #fff; background-color: #bf165e; border-color: #bf165e; font-size: 14px !important; } </style> </head> <body class="cityu-template-2 cityu-template-2-0 cityu-base-layout cityu-base-style ml-3 mr-3">  <header class="cityu-header header-color-default"> <div class="cityu-header-inner container">  <div class="cityu-header-lg" style="margin-top:20px;"> <div class="d-flex flex-row">  <div class="cityu-header-logo-lg align-self-center"> <a href="./"> <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-tools ml-auto align-self-start d-flex flex-row"> </div> </div> </div>  </div> </header> <main class="cityu-main"> <div class="cityu-main-inner container"> <div class="row">  <div class="col"> <div class="cityu-content content-color-default"> <h2>CityU Newsletter Subscription</h2> <fieldset> <form action="/connect/Form/Subscribe-Newsletter" method="post"> <div class="form-group"> <label id="EmailLabel" for="email" class="form-label formSection">Email Address<span style="color:red;">*</span></label> <input class="form-control" data-val="true" data-val-remote="Invalid Email Address" data-val-remote-additionalfields="*.email" data-val-remote-url="/connect/Form/VerifyEmail" data-val-required="Please provide a valid email address" id="email" name="email" required="required" type="email" value="" /> <span class="field-validation-valid invalid-feedback" data-valmsg-for="email" data-valmsg-replace="true" style="display:block;"></span> <div class="invalid-feedback">Please provide a valid email address</div> </div> <div class="form-group"> <label id="FirstnameLabel" for="firstName" class="form-label formSection">First Name</label> <input class="form-control" data-val="true" data-val-regex="Should contain only alphanumeric and symbols within ' -'" data-val-regex-pattern="^[0-9A-Za-z' -]+$" id="firstName" name="firstName" type="text" value="" /> <span class="field-validation-valid invalid-feedback" data-valmsg-for="firstName" data-valmsg-replace="true" style="display:block;"></span> </div> <div class="form-group"> <label ID="LastnameLabel" for="lastName" class="form-label formSection">Last Name</label> <input class="form-control" data-val="true" data-val-regex="Should contain only alphanumeric and symbols within ' -'" data-val-regex-pattern="^[0-9A-Za-z' -]+$" id="lastName" name="lastName" type="text" value="" /> <span class="field-validation-valid invalid-feedback" data-valmsg-for="lastName" data-valmsg-replace="true" style="display:block;"></span> </div> <div class="form-group"> <legend><span class="fieldset-legend">Areas of Interest</span></legend> <div><input checked="checked" data-val="true" data-val-required="The selected field is required." id="aboutChkBox" name="Subjects[0].selected" type="checkbox" value="true" /><input name="Subjects[0].selected" type="hidden" value="false" /><label class="form-label formOption" for="aboutChkBox">About CityU</label></div> <div><input checked="checked" data-val="true" data-val-required="The selected field is required." id="admChkBox" name="Subjects[1].selected" type="checkbox" value="true" /><input name="Subjects[1].selected" type="hidden" value="false" /><label class="form-label formOption" for="admChkBox">Admissions</label></div> <div><input checked="checked" data-val="true" data-val-required="The selected field is required." id="acadChkBox" name="Subjects[2].selected" type="checkbox" value="true" /><input name="Subjects[2].selected" type="hidden" value="false" /><label class="form-label formOption" for="acadChkBox">Academics</label></div> <div><input checked="checked" data-val="true" data-val-required="The selected field is required." id="resChkBox" name="Subjects[3].selected" type="checkbox" value="true" /><input name="Subjects[3].selected" type="hidden" value="false" /><label class="form-label formOption" for="resChkBox">Research</label></div> <div><input checked="checked" data-val="true" data-val-required="The selected field is required." id="stdChkBox" name="Subjects[4].selected" type="checkbox" value="true" /><input name="Subjects[4].selected" type="hidden" value="false" /><label class="form-label formOption" for="stdChkBox">Student Life</label></div> <div><input checked="checked" data-val="true" data-val-required="The selected field is required." id="almChkBox" name="Subjects[5].selected" type="checkbox" value="true" /><input name="Subjects[5].selected" type="hidden" value="false" /><label class="form-label formOption" for="almChkBox">Alumni</label></div> <div><input checked="checked" data-val="true" data-val-required="The selected field is required." id="givChkBox" name="Subjects[6].selected" type="checkbox" value="true" /><input name="Subjects[6].selected" type="hidden" value="false" /><label class="form-label formOption" for="givChkBox">Giving</label></div> </div> <div class="form-group"> <input type="submit" value="Submit" class="btn btn-primary cityu-btn" /> </div> <p> </p> </form></fieldset> </div> </div> </div> </div> </main>  <script src="/connect/js/cityu.config.js"></script>  <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>  <script src="//template.cityu.edu.hk/template/v2/js/aos/aos.js"></script> <script src="https://mktdplp102cdn.azureedge.net/public/latest/js/form-loader.js?v=1.69.1065.0"></script> </body> </html>

CINXE.COM

City University of Hong Kong