1<!doctype html> 2<html lang="en"><!-- InstanceBegin template="/Templates/02-home-sidebar.dwt" codeOutsideHTMLIsLocked="false" --> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 6 <meta name="description" content="HK"> 7 <!-- InstanceBeginEditable name="doctitle" --> 8 <title>Hong Kong Economic and Trade Office, USA</title> 9 <!-- InstanceEndEditable --> 10 <!-- STYLES --> 11 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet"> 12 <link href="css/vendor/bootstrap.css" rel="stylesheet"> 13 <link href="css/main.css?v=2.0" rel="stylesheet"> 14 <!-- InstanceBeginEditable name="page-css" --> 15 <link href="css/home.css?v=2.0" rel="stylesheet"> 16 <!-- InstanceEndEditable --> 17 <link href="css/theme.css" rel="stylesheet"> 18 19 20 <!-- FAVICON --> 21 <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"> 22 <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"> 23 <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"> 24 <link rel="manifest" href="favicon/site.webmanifest"> 25 <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#ed1b2f"> 26 <link rel="shortcut icon" href="favicon/favicon.ico"> 27 <meta name="msapplication-TileColor" content="#ffffff"> 28 <meta name="msapplication-config" content="favicon/browserconfig.xml"> 29 <meta name="theme-color" content="#ffffff"> 30 31 <!-- InstanceBeginEditable name="head" --> 32 <!-- InstanceEndEditable --> 33 34 35 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 69 bytes, lines 35-36
35 36 <script async src="https://www.googletagmanager.com/gtag/js?id=
36G-VKE2FMF5Z5
vendor: 17 bytes, lines 36-37
36"></script> 37
37<script> 38
vendor: 150 bytes, lines 38-42
38window.dataLayer = window.dataLayer || []; 39 function gtag(){dataLayer.push(arguments);} 40 gtag('js', new Date()); 41 42 gtag('config', '
42G-VKE2FMF5Z5
vendor: 9 bytes, lines 42-43
42'); 43
43</script>
43 44 45 </head> 46 <body> 47 <header> 48 <div class="topDivisor"></div> 49 <!-- Banner top --> 50 <div class="container banner d-flex justify-content-between"> 51 <img class="bannerLeft float-left" src="images/banner1.png" /> 52 <div class="d-flex flex-row"> 53 <a href="https://www.brandhk.gov.hk/html/en/" target="_blank"> 54 <img class="bannerRight" src="images/banner2.jpg" /> 55 </a> 56 <div class="dropdown fontChooser" style="width: 33px; height: 30px;"> 57 <img class="fontChooserImg" aria-haspopup="true" aria-expanded="false" src="images/fontChooser.jpg" /> 58 <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> 59 <i class="fas fa-font font-item font-size1 active" data-font-option="1" data-size-percentage="100"></i> 60 <i class="fas fa-font font-item font-size2 " data-font-option="2" data-size-percentage="120"></i> 61 <i class="fas fa-font font-item font-size3 " data-font-option="3" data-size-percentage="140"></i> 62 </div> 63 </div> 64 </div> 65 </div> 66 <!-- ./Banner top --> 67 68 <!-- Navbar --> 69 <nav class="navbar navbar-expand-lg navbar-dark themeColorBG" id="navBar"> 70 <button class="navbar-toggler" id="navbar-collapse-button" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> 71 <span class="navbar-toggler-icon"></span> 72 <i class="fa fa-search themeColor searchBtnXS" id="searchButtonXS"></i> 73 </button> 74 <div class="collapse navbar-collapse" id="navbarCollapse"> 75 <ul class="navbar-nav container" id="menuBar"> 76 <li class="nav-item col-lg-1 themeColorBGHover"> 77 <a class="nav-link themeColor" href=".">Home</a> 78 </li> 79 <li class="nav-item dropdown col-lg-2 themeColorBGHover themeColorHover"> 80 <a class="nav-link themeColor themeColorHover" href="#" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false"> 81 About Us 82 </a> 83 <div class="dropdown-menu col-lg-12 themeColorBG"> 84 <a class="dropdown-item themeColor themeColorHover" href="about-us.html">About Us</a> 85 <a class="dropdown-item themeColor themeColorHover" href="business-talent.html">Business and Talent Attraction</a> 86 <a class="dropdown-item themeColor themeColorHover" href="recruitment-tender.html">Recruitment / Tender</a> 87 <a class="dropdown-item themeColor themeColorHover" href="useful-links.html">Useful Links</a> 88 <a class="dropdown-item themeColor themeColorHover" href="office-holidays.html">Office Holidays</a> 89 <a class="dropdown-item themeColor themeColorHover" href="https://www.hketowashington.gov.hk/" target="_blank">Office in Washington, D.C.</a> 90 <a class="dropdown-item themeColor themeColorHover" href="https://www.hketony.gov.hk/" target="_blank">Office in New York</a> 91 <a class="dropdown-item themeColor themeColorHover" href="https://www.hketosf.gov.hk/" target="_blank">Office in San Francisco</a> 92 </div> 93 </li> 94 <li class="nav-item dropdown col-lg-2 themeColorBGHover themeColorHover"> 95 <a class="nav-link themeColor" href="#" id="navbardrop"> 96 About HK 97 </a> 98 <div class="dropdown-menu col-lg-12 themeColorBG"> 99 100 <a href="https://www.gov.hk/en/residents/" target="_blank" class="dropdown-item themeColor themeColorHover">Why Hong Kong</a> 101 <a class="dropdown-item themeColor themeColorHover" href="at-a-glance.html">At a Glance</a> 102 <a class="dropdown-item themeColor themeColorHover" href="visa-entry-permits.html">Visa / Entry Permits</a> 103 <a class="dropdown-item themeColor themeColorHover" href="tourism.html">Tourism</a>
104 <a class="dropdown-item themeColor themeColorHover" href="working.html">Working</a> 105 <a class="dropdown-item themeColor themeColorHover" href="exhibitions-and-conferences.html">Exhibitions and Conferences</a> 106 <a class="dropdown-item themeColor themeColorHover" href="studying.html">Studying</a> 107 <a class="dropdown-item themeColor themeColorHover" href="art-and-culture.html">Art and Culture</a> 108 <a class="dropdown-item themeColor themeColorHover" href="https://www.hketousa.gov.hk/map/index.html" target="_blank">Hong Kong - US Trade</a> 109 <a class="dropdown-item themeColor themeColorHover" href="key-topics.html">Key Topics</a> 110 </div> 111 </li> 112 <li class="nav-item dropdown col-lg-2 themeColorBGHover themeColorHover"> 113 <a class="nav-link themeColor" href="#" id="navbardrop"> 114 Invest HK 115 </a> 116 <div class="dropdown-menu col-lg-12 themeColorBG"> 117 <a class="dropdown-item themeColor themeColorHover" href="business-talent.html">Business and Talent Attraction</a> 118 <a class="dropdown-item themeColor themeColorHover" href="doing-business.html">Doing Business in Hong Kong</a> 119 </div> 120 </li> 121 <li class="nav-item dropdown col-lg-2 themeColorBGHover themeColorHover"> 122 <a class="nav-link themeColor" href="#" id="navbardrop"> 123 Assistance 124 </a> 125 <div class="dropdown-menu col-lg-12 themeColorBG"> 126 <a class="dropdown-item themeColor themeColorHover" href="https://www.immd.gov.hk/eng/services/Assistance_Outside_Hong_Kong.html" target="_blank">Assistance to Hong Kong Residents 24 Hours Hotline</a> 127 <a class="dropdown-item themeColor themeColorHover" href="assistance.html">Assistance to Hong Kong Residents in the United States</a> 128 <a class="dropdown-item themeColor themeColorHover" href="https://www.sb.gov.hk/eng/news/mobileapp/" target="_blank">Safeguard Hong Kong Security Bureau Mobile App</a> 129 </div> 130 </li> 131 <li class="nav-item dropdown col-lg-2 themeColorBGHover themeColorHover"> 132 <a class="nav-link themeColor" href="#" id="navbardrop"> 133 Media Centre 134 </a> 135 <div class="dropdown-menu col-lg-12 themeColorBG"> 136 <a class="dropdown-item themeColor themeColorHover" href="https://www.hketousa.gov.hk/press-releases-current.html">Press Releases</a> 137 <a class="dropdown-item themeColor themeColorHover" href="newsletter.html">Newsletter</a> 138 <a class="dropdown-item themeColor themeColorHover" href="letters-to-editors.html">Letters to Editors / Op-ed</a> 139 <a class="dropdown-item themeColor themeColorHover" href="videos.html">Video Gallery</a> 140 </div> 141 </li> 142 <li class="nav-item col-lg-1 searchBtn"> 143 <i class="fa fa-search themeColor" id="searchButton"></i> 144 </li> 145 </ul> 146 <div class="navbar-nav container" id="searchBar"> 147 <div class="nav-item dropdown col-lg-12"> 148 <div class="row "> 149 <form class="mx-auto" id="searchForm" action="https://www.search.gov.hk/search.html" method="get" target="_blank"> 150 <input type="hidden" name="tpl_id" value="stdsearch"> 151 <input type="hidden" name="ui_lang" value="en"> 152 <input type="hidden" name="ui_charset" value="iso-8859-1"> 153 <input type="hidden" name="gp0" value="hketousa_home"> 154 <input type="hidden" name="gp1" value="hketousa_home"> 155 <input type="hidden" name="web" value="this"> 156 <i class="fa fa-times mx-auto themeColor px-3 pt-2" id="closeSearch"></i> 157 <i class="fa fa-times mx-auto themeColor px-3 pt-2" id="closeSearchXS"></i> 158 <input class="inputSearch mx-auto" type="text" id="query" name="query" />
159 <span class="mx-auto themeColor px-3 pt-1" id="submitSearch">Search</span> 160 </form> 161 </div> 162 </div> 163 </div> 164 </div> 165 </nav> 166 <!-- ./Navbar --> 167 </header> 168 169 <main role="main"> 170 171 172 173 <!-- Carousel --> 174 <div id="myCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="6000"> 175 <ol class="carousel-indicators"> 176 <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true"></button> 177 <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1"></button> 178 <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2"></button> 179 <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3"></button> 180 <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="4"></button> 181 <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="5"></button> 182 </ol> 183 <div class="carousel-inner"> 184 <div class="carousel-item active"> 185 <img class="d-block w-100" src="images/cover3.jpg" data-bs-color="#ebebeb"> 186 </div> 187 <div class="carousel-item"> 188 <img class="d-block w-100" src="images/cover1.jpg" data-bs-color="#ebebeb"> 189 </div> 190 <div class="carousel-item"> 191 <img class="d-block w-100" src="images/cover2.jpg" data-bs-color="#ebebeb"> 192 </div> 193 <div class="carousel-item"> 194 <img class="d-block w-100" src="images/cover4.jpg" data-bs-color="#ebebeb"> 195 </div> 196 <div class="carousel-item"> 197 <img class="d-block w-100" src="images/cover5.jpg" data-bs-color="#ebebeb"> 198 </div> 199 <div class="carousel-item"> 200 <img class="d-block w-100" src="images/cover6.jpg" data-bs-color="#ebebeb"> 201 </div> 202 </div> 203 </div> 204 <!-- /.Carousel --> 205 206 <!-- Body --> 207 <div style="max-width: 1400px; margin-left: auto; margin-right: auto;"> 208 <div class="container-fluid body-container mt-5 mb-10"> 209 <div class="row body-info-container"> 210 <div class="left-side-container col-md-9 ps-0"> 211 <div class="top-news-containter mt-4"> 212 <div id="top-head-marker" class="top-head-marker top-head-marker1 themeColorBG"></div> 213 <div class="top-head-title"><span>Hong Kong Economic and Trade Offices in the United States</span></div> 214 <div class="top-news-body ps-4 mt-2"> 215 216 <!-- InstanceBeginEditable name="top-news" --> 217 218 <!-- <p> </p> --> 219 220 <!-- InstanceEndEditable --> 221 222 </div> 223 </div> 224 <div class="rows-news-title mt-5"> 225 <span>What's New</span> 226 <div class="themeColorBG"></div> 227 </div> 228 <div class="news-container container" id="newsContainer" style="padding-left: 12px;"> 229 <!-- NEWS ROWS XML --> 230 </div> 231 232 <!-- EMBEDED VIDEO --> 233 <!--div class="container"> 234 <div class="row row-news mt-2 pt-4 pb-4 ps-0" style="border-top: 2px solid #eee;"> 235 <div class="new-image col-md-4 ps-0 pe-0"> 236 <div class="embed-responsive embed-responsive-16by9"> 237 <iframe src="https://www.youtube.com/embed/FTlS_KLKvZc?rel=0&autoplay=1&mute=1&loop=1&controls=0&playlist=FTlS_KLKvZc" class="embed-responsive-item" src="" allowscriptaccess="always" allow="autoplay" allowfullscreen></iframe> 238 </div> 239 </div> 240 <div class="new-content col-md-8 px-4"> 241 <div class="new-title"> 242 <span>A New Era - Stability. Prosperity. Opportunity</span> 243 </div> 244 <div class="new-text mt-2"> 245 <span>This year marks the 25th anniversary of the establishment of the Hong Kong Special Administrative Region. Hong Kong has had impressive achievements over the past two and a half decades. It is looking forward to the future as it leverages its unique strengths under "One Country, Two Systems,â ushering in a new era of stability, prosperity, and opportunities.</span> 246 </div> 247 <div class="new-button themeColorBG py-1 px-2 mt-3 left-arrow noselect video-btn" data-toggle="modal" data-src="FTlS_KLKvZc" data-target="#videoModal">
248 <span>Details here</span> 249 </div> 250 </div> 251 </div> 252 </div--> 253 <!-- END EMBEDED VIDEO --> 254 255 <div id="buttonMoreContainerXS"> 256 <div class="bottomDivisor themeColorBG"></div> 257 <a href="https://www.hketosf.gov.hk/newsletter.html" target="_blank" class="text-decoration-none"> 258 <div class="bottomMore themeColor themeColorBG py-1"> 259 <span>more</span> 260 </div> 261 </a> 262 <div class="bottomDivisor themeColorBG"></div> 263 </div> 264 </div> 265 266 <!-- Sidebar --> 267 <div class="right-side-container col-md-3 pe-0"> 268 269 <!-- Alerts 1--> 270 <div class="titleBar themeColorBG"> 271 <span class="themeColor p-3 d-inline-block">Features</span> 272 </div> 273 <div id="alertsContainer" class="contentBar topBannerDivider themeColor ps-3 pt-4 pb-2"></div> 274 275 <!-- Ad Mega Events in Hong Kong --> 276 <div class="contentBar" style="padding-top: 0px; padding-bottom: 0px;"> <a href="https://www.brandhk.gov.hk/en/mega-events/mega-events" target="_blank"><img src="images/ad-mega.jpg" alt="Mega Events in Hong Kong" class="d-block w-100" title="Mega Events in Hong Kong"></a> 277 </div> 278 279 <!-- Ad Hong Kong Arts & Cultural --> 280 <div class="contentBar" style="padding-bottom: 2px;"> <a href="https://www.hketousa.gov.hk/arts-cultural/" target="_blank"><img src="images/ad-arts.jpg" alt="Hong Kong Arts & Cultural Experience" class="d-block w-100" title="Hong Kong Arts & Cultural Experience"></a> 281 </div> 282 283 <!-- Ad HK Talent Engage --> 284 <div class="contentBar" style="padding-bottom: 2px;"> <a href="https://www.hkengage.gov.hk/en/" target="_blank"><img src="images/ad-talent.jpg" alt="HK Talent Engage" class="d-block w-100" title="HK Talent Engage"></a> 285 </div> 286 287 <!-- Ad Latest News on Hong Kong --> 288 <div class="contentBar" style="padding-bottom: 2px;"> <a href="https://www.news.gov.hk/eng/index.html" target="_blank"><img src="images/ad-news.jpg" alt="Latest News on Hong Kong" class="d-block w-100" title="Latest News on Hong Kong"></a> 289 </div> 290 291 <!-- Quick links --> 292 <div class="titleBar topBannerDivider themeColorBG"> 293 <span class="themeColor p-3 d-inline-block">Quick Links</span> 294 </div> 295 <div class="contentBar topBannerDivider themeColor px-3 pt-4 pb-2"> 296 <p><a href="https://www.immd.gov.hk/eng/services/hkid/general_info.html#replacement" title="HK ID Card Replacement" target="_blank">HK ID Card Replacement</a></p> 297 <p><a href="https://www.immd.gov.hk/eng/service/travel_document/apply_for_hksar_passport.html" title="HK Passport Replacement" target="_blank">HK Passport Replacement</a></p> 298 <p><a href="https://www.immd.gov.hk/eng/services/index.html" title="Visa Application" target="_blank">Visa Application</a></p> 299 <p><a href="https://www.immd.gov.hk/eng/services/Assistance_Outside_Hong_Kong.html" title="Assistance to Hong Kong Residents in the United States" target="_blank">Assistance to Hong Kong Residents in the United States</a></p> 300 <p><a href="https://www.gov.hk/en/residents/immigration/bdmreg/applybdm.htm" title="Birth, death or marriage records" target="_blank">Birth, death or marriage records</a></p> 301 </div> 302 303 <!-- Ad Digest --> 304 <div class="contentBar" style="padding-bottom: 0px;"> 305 <a href="https://www.hketony.gov.hk/digest.html"> 306 <img src="images/ad-digest.jpg" alt="Latest News on Hong Kong" class="d-block w-100" title="Latest News on Hong Kong" target="_blank"> 307 </a> 308 </div> 309 310 <!-- Social --> 311 <div class="contentBar pt-2 pb-2 px-3" style="background-color: #FFF;">
312 <span style="color:#4c4c4c;">Follow us:</span> 313 <a href="https://www.facebook.com/hkmeetsamerica/" title="Facebook" target="_blank"> 314 <span style="display: inline-block;"> 315 <img src="images/icons8-facebook.png" style="width: 35px; height: auto;" alt="Facebook"> 316 </span> 317 </a> 318 <a href="https://www.instagram.com/hongkongmeetsamerica/" title="Instagram" target="_blank"> 319 <span style="display: inline-block;"> 320 <img src="images/icons8-instagram.png" style="width: 35px; height: auto;" alt="Instagram"> 321 </span> 322 </a> 323 </div> 324 </div> 325 </div> 326 <div class="row" id="buttonMoreContainer"> 327 <div class="bottomDivisor themeColorBG ps-0 pe-0"></div> 328 <div class="bottomMore themeColor themeColorBG py-1"> 329 <span>more</span> 330 </div> 331 </div> 332 </div> 333 </div> 334 <!-- /.Body --> 335 336 <!-- Alert Modal --> 337 <div id="alertModal" class="modal fade" tabindex="-1" role="dialog"> 338 <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> 339 <div class="modal-content"> 340 <div class="modal-close-button" onclick="closeModal()"><i class="fa fa-times"></i></div> 341 <div id="alertData"></div> 342 </div> 343 </div> 344 </div> 345 <!-- /.Alert Modal --> 346 347 348 349 <!-- Footer --> 350 <footer class="page-footer font-small mt-5"> 351 <div class="top-footer"> 352 <div class="container text-md-start"> 353 <div class="row"> 354 <div class="col-md-3 mx-auto"> 355 <div class="footer-title font-weight-bold mt-5 mb-2">About Us</div> 356 <ul class="list-unstyled mb-md-5"> 357 <li> 358 <a href="about-us.html">About Us</a> 359 </li> 360 <li> 361 <a href="business-talent.html">Business and Talent Attraction</a> 362 </li> 363 <li> 364 <a href="recruitment-tender.html">Recruitment / Tender</a> 365 </li> 366 <li> 367 <a href="useful-links.html">Useful Links</a> 368 </li> 369 <li> 370 <a href="office-holidays.html">Office Holidays</a> 371 </li> 372 <li> 373 <a href="https://www.hketowashington.gov.hk/" target="_blank">Office in Washington, D.C.</a> 374 </li> 375 <li> 376 <a href="https://www.hketony.gov.hk/" target="_blank">Office in New York</a> 377 </li> 378 <li> 379 <a href="https://www.hketosf.gov.hk/" target="_blank">Office in San Francisco</a> 380 </li> 381 </ul> 382 383 </div> 384 <hr class="clearfix w-100 d-md-none"> 385 <div class="col-md-3 mx-auto"> 386 <div class="footer-title font-weight-bold mt-md-5 mb-2">About Hong Kong</div> 387 <ul class="list-unstyled mb-md-4"> 388 389 <li> 390 <a href="https://www.gov.hk/en/residents/" target="_blank">Why Hong Kong</a> 391 </li> 392 <li> 393 <a href="at-a-glance.html">At a Glance</a> 394 </li> 395 <li> 396 <a href="visa-entry-permits.html">Visa / Entry Permits</a> 397 </li> 398 <li> 399 <a href="tourism.html">Tourism</a> 400 </li> 401 <li> 402 <a href="working.html">Working</a> 403 </li> 404 <li> 405 <a href="exhibitions-and-conferences.html">Exhibitions and Conferences</a> 406 </li> 407 <li> 408 <a href="studying.html">Studying</a> 409 </li> 410 <li> 411 <a href="art-and-culture.html">Art and Culture</a> 412 </li> 413 <li> 414 <a href="https://www.hketousa.gov.hk/map/index.html" target="_blank">Hong Kong - US Trade</a> 415 </li> 416 <li> 417 <a href="key-topics.html">Key Topics</a> 418 </li> 419 </ul> 420 421 <div class="footer-title font-weight-bold mt-md-5 mb-2">Invest Hong Kong</div> 422 <ul class="list-unstyled mb-md-5"> 423 <li> 424 <a href="business-talent.html">Business and Talent Attraction</a> 425 </li> 426 <li> 427 <a href="doing-business.html">Doing Business in Hong Kong</a> 428 </li> 429 </ul> 430 </div> 431 <hr class="clearfix w-100 d-md-none"> 432 <div class="col-md-3 mx-auto"> 433 <div class="footer-title font-weight-bold mt-md-5 mb-2">Assistance</div> 434 <ul class="list-unstyled mb-md-5"> 435 <li> 436 <a href="https://www.immd.gov.hk/eng/services/Assistance_Outside_Hong_Kong.html" target="_blank">Assistance to Hong Kong Residents 24 Hours Hotline</a> 437 </li> 438 <li> 439 <a href="assistance.html">Assistance to Hong Kong Residents in the United States</a> 440 </li> 441 <li> 442 <a href="https://www.sb.gov.hk/eng/news/mobileapp/" target="_blank">Safeguard Hong Kong, Security Bureau Mobile App</a> 443 </li> 444 </ul> 445 446 <div class="footer-title font-weight-bold mt-md-4 mb-2">Media Centre</div> 447 <ul class="list-unstyled mb-md-5"> 448 <li> 449 <a href="https://www.hketousa.gov.hk/press-releases-current.html" target="_blank">Press Releases</a> 450 </li> 451 <li> 452 <a href="newsletter.html">Newsletter</a> 453 </li> 454 <li> 455 <a href="letters-to-editors.html">Letters to Editors / Op-ed</a> 456 </li> 457 <li> 458 <a href="videos.html">Video Gallery</a> 459 </li> 460 461 </ul> 462 </div> 463 <hr class="clearfix w-100 d-md-none"> 464 465 <div class="col-md-3 mx-auto"> 466 <div class="footer-title font-weight-bold mt-md-5 mb-2">Contact</div> 467 <div class="mt-2 mb-2"> 468 Email:<br/> 469 <a href="mailto:[email protected]" target="_blank">[email protected]</a> 470 <a href="mailto:[email protected]" target="_blank">[email protected]</a> 471 <a href="mailto:[email protected]" target="_blank">[email protected]</a> 472 </div> 473 </div> 474 </div> 475 </div> 476 </div> 477 <!-- Copyright --> 478 <div class="bottom-footer"> 479 <div class="container text-md-start"> 480 <div class="row"> 481 <div class="col-md-9 mt-4 mb-4">
482 <span>2026 © | </span> 483 <span class="mx-2"><a href="important-notices.html" target="blank">Important notices</a></span> 484 <span class="mx-2"><a href="privacy-policy.html" target="blank">Privacy policy</a></span> 485 <span class="mx-2"><a href="accessibility.html" target="blank">Accessibility</a></span> 486 <div class="mt-2"> 487 This website adopts web accessibility design and conforms to the World Wide Web Consortium (W3C) 488 Web Content Accessibility Guidelines (WCAG) 2.1 Level AA standard. Should you have any enquiries or 489 comments on its accessibility, please contact us by phone or email. 490 </div> 491 </div> 492 <div class="footer-logo-container col-md-3 mx-auto mt-4 mb-4"> 493 <div>Last Revision Date:<!-- InstanceBeginEditable name="last-revision" --> September 30, 2026<!-- InstanceEndEditable --></div> 494 <a href="https://www.ogcio.gov.hk/en/our_work/community/web_mobileapp_accessibility/index.html" target="_blank"><img src="images/webforall.jpg" alt="Web for All" class="footer-logo mx-auto" title="Web for All" /></a> 495 <a href="https://www.w3.org/WAI/WCAG2AA-Conformance.html" target="_blank"><img src="images/wcag.jpg" alt="Web Content Accessibility" class="footer-logo mx-auto" title="Web Content Accessibility" /></a></div> 496 </div> 497 </div> 498 </div> 499 <!-- Copyright --> 500 </footer> 501 <!-- Footer --> 502 </main> 503 504 <!-- JAVASCRIPTS --> 505
505<script src="https://use.fontawesome.com/releases/v5.14.0/js/all.js" data-auto-replace-svg="nest"></script>
505 506
506<script src="js/vendor/jquery-3.5.1.min.js"></script>
506 507
507<script src="js/vendor/jquery.tmpl.min.js"></script>
507 508
508<script src="js/vendor/bootstrap.bundle.js"></script>
508 509 510 <!-- InstanceBeginEditable name="page-templates" --> 511 512 <!-- Video Modal --> 513 <div class="modal fade" id="videoModal" tabindex="-1" aria-hidden="true"> 514 <div class="modal-dialog modal-lg modal-dialog-centered"> 515 <div class="modal-content"> 516 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 517 <div class="ratio ratio-16x9"> 518 <iframe id="videoFrame" class="embed-responsive-item" frameborder="0" allowscriptaccess="always" allow="autoplay" allowfullscreen></iframe> 519 </div> 520 </div> 521 </div> 522 </div> 523 <!-- /.Video Modal --> 524 525 <!-- POPUP --> 526 <div id="popupModal" class="modal fade" tabindex="-1" role="dialog"> 527 <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> 528 <div class="modal-content"> 529 <div class="modal-close-button" onclick="closePopup()"><i class="fa fa-times"></i></div> 530 <div id="alertData"> 531 <div class="row row-news mt-2 pt-4 pb-4 ps-0" data-row="1"> 532 <div class="new-content col-md-12 px-4"> 533 <div class="new-title"> 534 <span>COVID-19 Related Information for Travelers to Hong Kong from the US</span> 535 </div> 536 <div class="new-text mt-2"> 537 <p> The HKSAR Government has implemented boarding and quarantine requirements and/or place-specific flight suspension in response to the COVID-19 pandemic. Please click <a href="entry-to-hk.html">here</a> for details.</p> 538 539 </p> 540 </div> 541 </div> 542 </div> 543 </div> 544 </div> 545 </div> 546 547
547<script> 548 //$('#popupModal').modal('show'); 549 </script>
549 550 551
551<script id="newTemplate" type="text/x-jQuery-tmpl"> 552 <div class="row row-news mt-2 pt-4 pb-4 ps-0" data-row="${row}"> 553 <div class="new-image col-md-4 ps-0 pe-0"> 554 <span class="px-2">${date}</span> 555 {{if imgLink }} 556 {{if imgLinkType == 'url'}} 557 <a href="${imgLink}" target="_blank" > 558 <img class="d-block w-100" src="${image}" data-color="#ebebeb" loading="lazy" alt="${title}" title="${title}"> 559 </a> 560 {{else imgLinkType == 'video'}} 561 <img class="d-block w-100 video-btn" src="${image}" data-color="#ebebeb" loading="lazy" data-toggle="modal" data-src="${imgLink}" data-target="#videoModal" style="cursor: pointer;" alt="${title}" title="${title}"> 562 {{/if}} 563 {{else}} 564 {{if link }} 565 {{if linkType == 'url'}} 566 <a href="${link}" target="_blank" > 567 <img class="d-block w-100" src="${image}" data-color="#ebebeb" loading="lazy" alt="${title}" title="${title}"> 568 </a> 569 {{else linkType == "video"}} 570 <img class="d-block w-100 video-btn" src="${image}" data-color="#ebebeb" loading="lazy" data-src="${link}" data-bs-toggle="modal" data-bs-target="#videoModal" style="cursor: pointer;" alt="${title}" title="${title}"> 571 {{else}} 572 <img class="d-block w-100" src="${image}" data-color="#ebebeb" loading="lazy" alt="${title}" title="${title}"> 573 {{/if}} 574 {{else}} 575 <img class="d-block w-100" src="${image}" data-color="#ebebeb" loading="lazy" onclick="goToDetail('${id}')" style="cursor: pointer;" alt="${title}" title="${title}"> 576 {{/if}} 577 {{/if}} 578 </div> 579 <div class="new-content col-md-8 px-4"> 580 <div class="new-source"> 581 <span>${source}</span> 582 </div> 583 <div class="new-title"> 584 <span>${title}</span> 585 </div> 586 <div class="new-text mt-2"> 587 <span>{{html lead}}</span> 588 </div> 589 {{if link }} 590 {{if linkType == 'url'}} 591 <div class="new-button themeColor themeColorBG py-1 px-2 mt-3 left-arrow noselect"> 592 <a href="${link}" target="_blank" > 593 <span>Details here</span> 594 </a> 595 </div> 596 {{else linkType == "video"}} 597 <div class="new-button themeColorBG py-1 px-2 mt-3 left-arrow noselect video-btn" data-src="${link}" data-bs-toggle="modal" data-bs-target="#videoModal"> 598 <span>Watch video</span> 599 </div> 600 {{/if}} 601 {{else}} 602 <div class="new-button themeColor themeColorBG py-1 px-2 mt-3 left-arrow noselect" onclick="goToDetail('${id}')"> 603 <span>Details here</span> 604 </div> 605 {{/if}} 606 </div> 607 </div> 608 </script>
608 609 610 <!-- Alert Link Template --> 611
611<script id="alertTemplate" type="text/x-jQuery-tmpl"> 612 <div class="row row-news mt-2 pt-4 pb-4 ps-0" data-row="${row}"> 613 {{if image }} 614 <div class="new-content col-md-8 px-4"> 615 <div class="new-title"> 616 <span>${title}</span> 617 </div> 618 <div class="new-text mt-2"> 619 <span>{{html text}}</span> 620 </div> 621 </div> 622 <div class="new-image col-md-4 ps-0 pe-0"> 623 <img class="d-block w-100" src="${image}" data-color="#ebebeb"> 624 </div> 625 {{else}} 626 <div class="new-content col-md-12 px-4"> 627 <div class="new-title"> 628 <span>${title}</span> 629 </div> 630 <div class="new-text mt-2"> 631 <span>{{html text}}</span> 632 </div> 633 </div> 634 {{/if}} 635 </div> 636 </script>
636 637 <!-- ./Alert Link Template --> 638 639 <!-- Alert Link Template --> 640
640<script id="newAlert" type="text/x-jQuery-tmpl"> 641 <div class="alert-box"> 642 <p onclick="openAlert('${id}')">${title}</p> 643 </div> 644 </script>
644 645 <!-- ./Alert Link Template --> 646 647 <!-- InstanceEndEditable --> 648 649
649<script src="js/main.js?v=2.0"></script>
649 650 <!-- InstanceBeginEditable name="page-scripts" --> 651 652
652<script src="js/home.js?v=2.0"></script>
652 653
653<script src="js/alerts.js"></script>
653 654 655 <!-- InstanceEndEditable --> 656 657 </body> 658<!-- InstanceEnd --></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.