1 2 3 4<!DOCTYPE html> 5<html lang="zh-HK" data-lang="zh-HK" crm-lang="zh-HK" dir="ltr" crm-lcid="3076" 6 same-site-mode="None"> 7<head> 8 9 <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /> 10
10<script type="text/javascript" > 11 12 </script>
12 13 <title> 14 15 16 è³½é¦¬ææ¢ç´¢ç§å¸ - éæ¼æå 17</title> 18 19
19<script src="/_portal/f6118efe-79ad-4776-a068-a70c525d6099/Resources/ResourceManager?lang=zh-HK"></script>
19 20 21
21<script type="text/javascript"> 22 // Refresh all powerBI Iframes on Login in one Iframe 23 window.addEventListener('message', function (event) { 24 if (event && event.data && event.data == 'refreshPowerBI') { 25 $("iframe.powerbi").each(function () { 26 this.src = this.src; 27 }); 28 } 29 }); 30 31 // Fix for incorrect viewport width setting in IE 10 on Windows Phone 8. 32 if (navigator.userAgent.match(/IEMobile\/10\.0/)) { 33 var msViewportStyle = document.createElement("style"); 34 msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}")); 35 document.getElementsByTagName("head")[0].appendChild(msViewportStyle); 36 } 37 </script>
37 38 39 40 <link rel="preconnect" href="https://fonts.googleapis.com"> 41<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 42<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+HK:[email protected]&display=swap" rel="stylesheet"> 43<link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.17/jquery.bxslider.min.css" rel="stylesheet" /> 44<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" integrity="sha512-6lLUdeQ5uheMFbWm3CP271l14RsX1xtx+J5x2yeIDkkiBpeVTNhTqijME7GgRKKi6hCqovwCoBTlRBEC20M8Mg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 45<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 46 <link href="/bootstrap.min.css" rel="stylesheet" /> 47 48 <link href="https://content.powerapps.com/resource/powerappsportal/dist/font-awesome.BootstrapV5.bundle-2ce6efb497.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/font-awesome.BootstrapV5.bundle-2ce6efb497.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> 49 50 <link href="https://content.powerapps.com/resource/powerappsportal/dist/preform.BootstrapV5.bundle-e3e84e09a3.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/preform.BootstrapV5.bundle-e3e84e09a3.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> 51 52 53 54 <link href="https://content.powerapps.com/resource/powerappsportal/dist/privatemode.bundle-049b12b66e.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/privatemode.bundle-049b12b66e.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> 55 56 57 58 59 60 61 62 <link href="/coolscienct-style.css" rel="stylesheet" /> 63<link href="/theme.css" rel="stylesheet" /> 64<link href="/custom.css" rel="stylesheet" /> 65<link href="/portalbasictheme.css" rel="stylesheet" /> 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99<meta name="description" content="ãè³½é¦¬ææ¢ç´¢ç§å¸ãçæ¢ç©¶å¼å¸ç¿æ¯ä»¥ç§å¸å¯¦è¸çºåºç¤çå¸ç¿éç¨ï¼ééè®å¸çä¸»åæ¢ç©¶å建æ§å°ä¸ççç¥èèçè§£ï¼å¾èæ¿ç¼ä»åç好å¥å¿ãé¼åµæåãå¼å°æ¢ç©¶ä»¥åå°æå¸çæç¨æ¼ç實æ å¢ï¼æ·±åå¸çå°ç§å¸çèªç¥ã"> 100 101 102 103<meta property="og:title" content="è³½é¦¬ææ¢ç´¢ç§å¸ - éæ¼æå"> 104 105 106<meta property="og:description" content="ãè³½é¦¬ææ¢ç´¢ç§å¸ãçæ¢ç©¶å¼å¸ç¿æ¯ä»¥ç§å¸å¯¦è¸çºåºç¤çå¸ç¿éç¨ï¼ééè®å¸çä¸»åæ¢ç©¶å建æ§å°ä¸ççç¥èèçè§£ï¼å¾èæ¿ç¼ä»åç好å¥å¿ãé¼åµæåãå¼å°æ¢ç©¶ä»¥åå°æå¸çæç¨æ¼ç實æ å¢ï¼æ·±åå¸çå°ç§å¸çèªç¥ã"> 107 108<meta property="og:url" content="https://www.jccoolscience.org/zh-HK/about-us/"> 109<meta property="og:type" content="website"> 110 111<meta property="og:image" content="https://www.jccoolscience.org/Image/download.aspx?Entity=cre59_seo_meta&Attribute=cre59_image_zhhk&Id=c8b63ed2-4f77-f011-95f2-6045bd1bc643&Timestamp=638955973598874643&full=true"> 112 113 114 115 116 <link rel="alternate" href="https://www.jccoolscience.org/zh-HK/about-us/" hreflang="zh-hk" /> 117 118 <link rel="alternate" href="https://www.jccoolscience.org/en/about-us/" hreflang="en" /> 119 120 121 122 123 124 125<link rel="canonical" href="https://www.jccoolscience.org/about-us" /> 126<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 126-127
126 127<script async src="https://www.googletagmanager.com/gtag/js?id=
127G-PH3PRFPSSC
vendor: 13 bytes, line 127
127"></script>
128<script> 129
vendor: 138 bytes, lines 129-133
129window.dataLayer = window.dataLayer || []; 130 function gtag(){dataLayer.push(arguments);} 131 gtag('js', new Date()); 132 133 gtag('config', '
133G-PH3PRFPSSC
vendor: 5 bytes, line 133
133');
134</script>
134 135 136 <link href="~/css/lang/zh-TW.css" rel="stylesheet" /> 137 138 139 140 141 <link href="https://content.powerapps.com/resource/powerappsportal/dist/pwa-style.bundle-55718a4c0d.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/pwa-style.bundle-55718a4c0d.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> 142 143 </head> 144<body data-sitemap-state="/about-us/:/" 145 data-dateformat="d/M/yyyy" 146 data-timeformat="H:mm" 147 data-datetimeformat="d/M/yyyy H:mm" 148 data-app-path="/" 149 data-ckeditor-basepath="/js/BaseHtmlContentDesigner/Libs/msdyncrm_/libs/ckeditor/" 150 data-case-deflection-url="/_services/search/f6118efe-79ad-4776-a068-a70c525d6099"> 151 152 153 154 <link href="https://content.powerapps.com/resource/powerappsportal/dist/pcf-style.bundle-373a0f4982.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/pcf-style.bundle-373a0f4982.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> 155 156 157 158 159 160 <div id="offlineNotificationBar" class="displayNone"> 161 <img alt="web" class="col-3" id="web" onerror="javascript: var target = event.target; var img = document.createElement('img'); img.src = '/css/images/web.png'; img.alt = 'web'; img.id = 'web' ; target.insertAdjacentElement('afterend',img); target.remove();" src="https://content.powerapps.com/resource/powerappsportal/img/web.png" /> 162 <div id="message">您已離線。這是該頁面的唯讀版本。</div> 163 <div id="close" onclick="this.parentElement.style.display='none';"><img alt="close" class="col-3" onerror="javascript: var target = event.target; var img = document.createElement('img'); img.src = '/css/images/close.png'; img.alt = 'close'; img.id = '' ; target.insertAdjacentElement('afterend',img); target.remove();" src="https://content.powerapps.com/resource/powerappsportal/img/close.png" /></div> 164 </div> 165 166 167 168
168<script type="text/javascript"> 169 window.DisableCkEditor = window.DisableCkEditor || {}; 170 171 DisableCkEditor.Value = 'False'; 172 </script>
172 173 174
174<script type="text/javascript"> 175 var enableOmniChannelWidgetWithSiteCopilot = 'False'; 176 if (enableOmniChannelWidgetWithSiteCopilot === "True" || enableOmniChannelWidgetWithSiteCopilot === "true") { 177 const authUrl = window.location.origin + "/_services/auth/portalusertoken"; 178 const fetchWithRetries = async (url, options, retries) => { 179 try { 180 const authResponse = await fetch(url, options); 181 const token = await authResponse.text(); 182 sessionStorage['c2Token'] = token; 183 } catch (err) { 184 if (retries === 1) throw err; 185 return await fetchWithRetries(url, options, retries - 1); 186 } 187 }; 188 fetchWithRetries(authUrl, { method: "POST" }, 4); 189 190 // Enable/disable Omnichannel session refresh on auth state change 191 // When enabled, closeChat() is called when user logs in/out to start a fresh session 192 var enableOmniChannelSessionRefreshSetting = 'True'; 193 window.enableOmniChannelSessionRefresh = enableOmniChannelSessionRefreshSetting === 'True' || enableOmniChannelSessionRefreshSetting === 'true'; 194 } 195 </script>
195 196 197
197<script type="text/javascript"> 198 var isPvaBotAuthenticated = sessionStorage['isPvaBotAuthenticated']; 199 var isPortalUserLoggedIn = 'False'; 200 201 if ((isPvaBotAuthenticated != null || isPvaBotAuthenticated != undefined) && isPvaBotAuthenticated != isPortalUserLoggedIn) { 202 sessionStorage['triggerPvaBotSignOut'] = true; 203 sessionStorage.removeItem('c2Token'); 204 sessionStorage.removeItem('directLinetoken'); 205 sessionStorage.removeItem('conversation_Id'); 206 207 sessionStorage.removeItem('bot_c2Token'); 208 sessionStorage.removeItem('botdirectLinetoken'); 209 sessionStorage.removeItem('botconversation_Id'); 210 } 211 sessionStorage['isPvaBotAuthenticated'] = isPortalUserLoggedIn; 212 </script>
212 213 214
214<script type="text/javascript"> 215 window["CSPSettings"] = window["CSPSettings"] || {}; 216 window["CSPSettings"].nonce = ''; 217 window["FabricConfig"] = window["FabricConfig"] || {}; 218 window["FabricConfig"].mergeStyles = window["FabricConfig"].mergeStyles || {}; 219 window["FabricConfig"].mergeStyles.cspSettings = window["CSPSettings"]; 220 window["Microsoft"] = window["Microsoft"] || {}; 221 window["Microsoft"].Dynamic365 = { 222 Portal: { 223 224 User: { 225 userName: '', 226 firstName: '', 227 lastName: '', 228 email: '', 229 contactId: '', 230 userRoles: [], 231 }, 232 233 type: 'PowerPages_BlankTemplate_V2', 234 id: 'e31a9add-13f1-48f5-be25-12013fe61c87', 235 geo: 'APJ', 236 tenant: '09afd58c-4509-41e2-be94-23b414b590cd', 237 correlationId: 'd5b76e1c-dac4-44d2-80d7-b820157935fc', 238 orgEnvironmentId: 'df614358-abc0-edba-8220-eff368f0689a', 239 orgId: '50a17785-3256-f011-8ee6-000d3a091495', 240 portalProductionOrTrialType: 'Production', 241 isTelemetryEnabled: 'True', 242 InstrumentationSettings: { 243 instrumentationKey: '197418c5cb8c4426b201f9db2e87b914-87887378-2790-49b0-9295-51f43b6204b1-7172', 244 collectorEndpoint: 'https://us-mobile.events.data.microsoft.com/OneCollector/1.0/' 245 }, 246 timerProfileForBatching: 'NEAR_REAL_TIME', 247 activeLanguages: ["zh-HK","en"], 248 isClientApiEnabled: 'True', 249 isSpaSite: 'False' 250 } 251 }; 252 253 window["Microsoft"].PowerPages = window["Microsoft"].PowerPages || {}; 254 window["Microsoft"].PowerPages.onPagesClientApiReady = (callback) => { 255 return new Promise((resolve, reject) => { 256 let isComplete = false; 257 let timeoutId; 258 const timeoutInterval = 10000; 259 260 function handleReady() { 261 if (!isComplete && window.$pages) { 262 isComplete = true; 263 clearTimeout(timeoutId); 264 try { 265 if (typeof callback === "function") { 266 callback(window.$pages); 267 } 268 } catch (e) { 269 console.error("onPagesClientApiReady callback error:", e); 270 } 271 resolve(window.$pages); // should we reject if callback throws an error 272 } 273 } 274 275 if (window.$pages) { 276 handleReady(); 277 return; 278 } 279 280 function sdkListener() { 281 handleReady(); 282 window.removeEventListener('pagesSDKInitialized', sdkListener); 283 } 284 285 window.addEventListener('pagesSDKInitialized', sdkListener); 286 287 timeoutId = setTimeout(() => { 288 if (!isComplete) { 289 window.removeEventListener('pagesSDKInitialized', sdkListener); 290 if (window.$pages) { 291 handleReady(); 292 } else { 293 isComplete = true; 294 reject(new Error('window.$pages not available.')); 295 } 296 } 297 }, timeoutInterval); 298 }); 299 }; 300 301 // Deprecated alias: Microsoft.Dynamic365.Portal.onPagesClientApiReady. 302 // Remove once telemetry shows no callers remain. 303 (function () { 304 var _impl = window["Microsoft"].PowerPages.onPagesClientApiReady; 305 var _logged = false; 306 307 window["Microsoft"].Dynamic365.Portal.onPagesClientApiReady = function (callback) { 308 if (!_logged) { 309 _logged = true; 310 try { 311 if (window.clientLogWrapper && typeof window.clientLogWrapper.traceWarning === "function") { 312 window.clientLogWrapper.traceWarning( 313 "Microsoft.Dynamic365.Portal.onPagesClientApiReady invoked (deprecated)", 314 "DeprecatedApi", 315 "ClientApiReady", 316 "Invoke", 317 "DeprecationTracker" 318 ); 319 } 320 if (typeof console !== "undefined" && console.warn) { 321 console.warn( 322 "[DEPRECATED] Microsoft.Dynamic365.Portal.onPagesClientApiReady is deprecated " + 323 "and will be removed in a future release. Use Microsoft.PowerPages.onPagesClientApiReady instead." 324 ); 325 } 326 } catch (_) { /* never break the caller */ } 327 } 328 329 return _impl(callback); 330 }; 331 })(); 332 333 // Mark request not cacheable if Dynamics365PortalAnalytics cookie is being refreshed by the server or if the cookie in request header is invali
333d 334 335 336 // For client side telemetry intializing Dynamics365PortalAnalytics cookie object 337 338 window["Microsoft"].Dynamic365.Portal.dynamics365PortalAnalytics = 'ppX_HEru37wsupfms6661Z9DZJx0u83tc6nE5xY4PftORrURmO4njqwgrxj12RKjAX7t7pTBbgsV9FS344a-rzfs7uwPlrQWSOgJ24doERM9gAkSAmr-cN5SVsExllIz2FUJfwXyykbCu2NUSSmsPA2'; // CodeQL [SM00430] False Positive: only alphanumeric chars allowed, for non-alphanumeric char it will return INVALID_CHARACTERS_IN_COOKIE 339 340 341 </script>
341 342 343
343<script type="text/javascript"> 344 345 346 </script>
346 347 348 349 350 351<div class="menu container" data-url="about-us"> 352 <header class="d-flex flex-wrap justify-content-center "> 353 <div class="d-flex align-items-center py-3 logo-wrapper"> 354 <a href="~/"> 355 356 <img src="/logo.png" class="img-fluid"> 357 358 </a> 359 </div> 360 <button 361 id="oMenu" 362 class="navbar-toggler order-md-2 mobile-d" 363 type="button" 364 data-bs-toggle="collapse" 365 data-bs-target="#navbarSupportedContent" 366 aria-controls="navbarSupportedContent" 367 aria-expanded="false" 368 aria-label="Toggle navigation" 369 > 370 <div class="hamburger"> 371 <span class="hamburger-line"></span> 372 <span class="hamburger-line"></span> 373 <span class="hamburger-line"></span> 374 </div> 375 </button> 376 <div 377 class="collapse navbar-collapse col-md-auto mb-2 justify-content-center mb-md-0 " 378 id="navbarSupportedContent" 379 > 380 381 382 383 384 <ul class="nav" data-current="about-us"> 385 <li class="nav-item "> 386 <a aria-label="é¦é " href="~/" aria-roledescription="link" class="nav-link" data-url="" title="é¦é "> 387 é¦é 388 </a> 389 </li> 390 <li class="nav-item dropdown dropdown-hover active"> 391 <a aria-label="éæ¼æå" style="cursor: pointer;" role="button" class="dropdown-toggle nav-link" title="éæ¼æå" aria-expanded="false"> 392 éæ¼æå 393 </a> 394 <ul class="dropdown-menu" style=""> 395 <li> 396 <a class="dropdown-item" aria-label="ãè³½é¦¬ææ¢ç´¢ç§å¸ãè¨å" aria-roledescription="link" href="~/about-us#about-project" title="ãè³½é¦¬ææ¢ç´¢ç§å¸ãè¨å">ãè³½é¦¬ææ¢ç´¢ç§å¸ãè¨å</a> 397 </li> 398 <li> 399 <a class="dropdown-item" aria-label="ä»éº¼æ¯æ¢ç©¶å¼å¸ç¿?" aria-roledescription="link" href="~/about-us#ibl" title="ä»éº¼æ¯æ¢ç©¶å¼å¸ç¿?">ä»éº¼æ¯æ¢ç©¶å¼å¸ç¿?</a> 400 </li> 401 <li> 402 <a class="dropdown-item" aria-label="è¨åå ç´ " aria-roledescription="link" href="~/about-us#porject-components" title="è¨åå ç´ ">è¨åå ç´ </a> 403 </li> 404 <li> 405 <a class="dropdown-item" aria-label="æåçåé" aria-roledescription="link" href="~/about-us#who-we-are" title="æåçåé">æåçåé</a> 406 </li> 407 </ul> 408 </li> 409 410 <li class="nav-item dropdown dropdown-hover " data-description=""> 411 <a aria-label="CoolScience 叿 ¡åè師" style="cursor: pointer;" role="button" class="dropdown-toggle nav-link" title="CoolScience 叿 ¡åè師" aria-expanded="false"> 412 CoolScience 叿 ¡åè師 413 </a> 414 <ul class="dropdown-menu" style=""> 415 <li> 416 <a class="dropdown-item" aria-label="è¨å叿 ¡" aria-roledescription="link" href="~/schools-and-teachers#schools" title="è¨å叿 ¡">è¨å叿 ¡</a> 417 </li> 418 <li> 419 <a class="dropdown-item" aria-label="æå¸«å°æ¥ç¼å±" aria-roledescription="link" href="~/schools-and-teachers#teachers" title="æå¸«å°æ¥ç¼å±">æå¸«å°æ¥ç¼å±</a> 420 </li> 421 </ul> 422 </li> 423 424 <li class="nav-item dropdown dropdown-hover " data-description=""> 425 <a aria-label="æ´»åè³è¨" style="cursor: pointer;" role="button" class="dropdown-toggle nav-link" title="æ´»åè³è¨" aria-expanded="false"> 426 æ´»åè³è¨ 427 </a> 428 <ul class="dropdown-menu" style=""> 429 <li> 430 <a class="dropdown-item" target="_blank" aria-label="è³½é¦¬ææ¢ç´¢ç§å¸åå¹´è¯ 2026" aria-roledescription="link" href="https://carnival.jccoolscience.org/2026/home?language=tc" title="è³½é¦¬ææ¢ç´¢ç§å¸åå¹´è¯ 2026">è³½é¦¬ææ¢ç´¢ç§å¸åå¹´è¯ 2026</a> 431 </li> 432 <li> 433 <a class="dropdown-item" target="_blank" aria-label="å°å¸ç§å¸å éææ°è³½ 2026" aria-roledescription="link" href="https://hackathon.jccoolscience.org/zh-HK/" title="å°å¸ç§å¸å éææ°è³½ 2026">å°å¸ç§å¸å éææ°è³½ 2026</a> 434 </li> 435 <li> 436 <a class="dropdown-item" aria-label="ææ°æ¶æ¯åæ´»å" aria-roledescription="link" href="~/news-list" title="ææ°æ¶æ¯åæ´»å">ææ°æ¶æ¯åæ´»å</a> 437 </li> 438 </ul> 439 </li> 440 441 </ul> 442 443 444 445 <ul class="lang-nav d-mobile"> 446 447 <li> 448 <a 449 class="btn-lang active" 450 href="/zh-HK/about-us/" 451 > 452ç¹ </a> 453 </li> 454 455 <li> 456 <a 457 class="btn-lang " 458 href="/en/about-us/" 459 > 460ENG </a> 461 </li> 462 463 </ul> 464 465 </div> 466 <div class="d-flex mobile-none align-items-center">
467 <span class="input-group-btn font-size-controller"> 468 <button id="btn-decrease" class="btn btn-fontsize" data-size="small" type="button">A</button> 469 <button id="btn-orig" class="btn btn-fontsize" data-size="medium" type="button">A</button> 470 <button id="btn-increase" class="btn btn-fontsize" data-size="large" type="button">A</button> 471 </span> 472 473 474 <ul class="lang-nav"> 475 476 <li> 477 <a 478 class="btn-lang active" 479 href="/zh-HK/about-us/" 480 > 481ç¹ </a> 482 </li> 483 484 <li> 485 <a 486 class="btn-lang " 487 href="/en/about-us/" 488 > 489ENG </a> 490 </li> 491 492 </ul> 493 494 </div> 495 </header> 496</div> 497 498 499 <!-- add anti-forgery token--> 500 <div id="antiforgerytoken" data-url="/_layout/tokenhtml"></div> 501 502 503 <!-- Client Telemetry init if telemetry enabled--> 504
504<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/client-telemetry.bundle-d490766e4f.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/client-telemetry.bundle-d490766e4f.js" type="text/javascript"></script>
504 505 506 507 508 <!-- Client Telemetry Wrapper init --> 509
509<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/client-telemetry-wrapper.bundle-633e70f51b.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/client-telemetry-wrapper.bundle-633e70f51b.js" type="text/javascript"></script>
509 510 511
511<script> 512 window.clientLogWrapper = new ClientLogWrapper(); 513 </script>
513 514
514<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/preform.BootstrapV5.moment_2_29_4.bundle-e6db58f462.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/preform.BootstrapV5.moment_2_29_4.bundle-e6db58f462.js" type="text/javascript"></script>
514 515 516 517 518
518<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-dependency.bundle-805a1661b7.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-dependency.bundle-805a1661b7.js" type="text/javascript"></script>
518 519 520
520<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf.bundle-60440c37cb.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf.bundle-60440c37cb.js" type="text/javascript"></script>
520 521 522
522<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-extended.bundle-b0e01b5622.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-extended.bundle-b0e01b5622.js" type="text/javascript"></script>
522 523 524 525 <!-- Default studio template. Please do not modify --> 526<div id="mainContent" class="wrapper-body lang-zh-hk" role="main"> 527 <div class="page-copy"> 528 <div class="xrm-editable-html xrm-attribute"><div class="xrm-attribute-value"> 529 530 531 532 <section class="common-banner"> 533 <div class="relative"> 534 <div class="pattern bn" style="right: 15vw; top: 6vh;"><img src="/about-pattern6.png" class="img-fluid" /></div> 535 <div class="ccLabel">éæ¼æå</div> 536 <div id="aboutus-top-banner-carousel" data-bs-ride="carousel" class="carousel slide carousel-fade"> 537 <div class="carousel-inner"> 538 539 540 541 542 543 544 <div class="carousel-item active" data-index="1"> 545 <div class="slider-wrapper"> 546 <img src="/_entity/annotation/8be6756a-0a48-f011-877b-6045bd1cbe41" class="d-block w-100" alt="éæ¼æå" /> 547 </div> 548 </div> 549 550 551 </div> 552 553 </div> 554 </div> 555 </section> 556 557<section class="widget-abt-jc text-center theme2 relative" id="about-project"> 558 <div class="pattern s7"><img src="/pattern7.png" class="img-fluid" /></div> 559 <div class="container"> 560 <h1 class="">ãè³½é¦¬ææ¢ç´¢ç§å¸ãè¨å</h1> 561 <div class="px-2 px-sm-5 mt-2 mt-sm-5"><div> 562 <p>åèéæ®µçç§å¸èè¶£å¹é¤è³ééè¦ï¼éé建ç«ç´®å¯¦çç§å¸ç´ é¤è實è¸è½åï¼ä¸å æå±å¸çå°ä¸çççè§£è¦éï¼æ´æå©æªä¾ç¼å±STEMï¼ç§å¸ãç§æãå·¥ç¨åæ¸å¸ï¼é åçè·æ¥æ½è½ãé åå°å¸ç§å¸èª²ç¨ç實æ½ä»¥åå°STEMæè²æ¥çå¢é·çéè¦ï¼ãè³½é¦¬ææ¢ç´¢ç§å¸ãçºå°å¸å¸«çæä¾é©ååæçæå¸æ¯æ´ã</p> 563 <p>ãè³½é¦¬ææ¢ç´¢ç§å¸ãè¨åæ¼2024å¹´ååï¼ç±é¦æ¸¯è³½é¦¬ææ åä¿¡è¨åºéçååæå©ï¼é¦æ¸¯æè²å¤§å¸çºçç¥å¤¥ä¼´ãè¨åç§æ¿è³½é¦¬ææ åä¿¡è¨åºéä¸ç´ä»¥ä¾å°æè²çæ¿è«¾ï¼è´åå¹è²æ°ä¸ä»£é¢åæªä¾çå¿ åè½åèèªä¸»å¸ç¿ç²¾ç¥ï¼ä»¥æå°å ¨çææ°ä¸¦æ¨å嵿°ã</p> 564 <p>è¨åå°æ åå ¨æ¸¯120æå°å¸ç´30,000åå¸çãåæï¼è¨å亦ééå°æ¥ç¼å±ãå éæå¸«å¹è¨åæå¸ç¤¾ç¾¤æ´»åï¼æ¯æ´500åæå¸«å¯¦è¸é«è³ªç´ æ¢ç©¶å¼å¸ç¿ï¼ä»¥æåä»åçæå¸æè½ã</p> 565</div></div> 566 </div> 567</section> 568 569 570 571 <section class="widget-abt-2grid relative text-center" id="ibl"> 572 <div class="pattern s10"><img src="/about-pattern3.png" class="img-fluid" /></div> 573 <div class="pattern s8"><img src="/about-pattern1.png" class="img-fluid" /></div> 574 <div class="container"> 575 <div class="px-3"> 576 <h2 class="">ä»éº¼æ¯æ¢ç©¶å¼å¸ç¿?</h2> 577 <div class="mt-2 mt-sm-5 narrow"> 578 <div class="py-3"><div> 579 <p>æ¢ç©¶å¼å¸ç¿æ¯ä»¥ç§å¸å¯¦è¸çºåºç¤çå¸ç¿éç¨ï¼ééè®å¸çä¸»åæ¢ç©¶å建æ§å°ä¸ççç¥èèçè§£ï¼å¾èæ¿ç¼ä»åç好å¥å¿ãé¼åµæåãå¼å°æ¢ç©¶ä»¥åå°æå¸çæç¨æ¼ç實æ å¢ï¼æ·±åå¸çå°ç§å¸çèªç¥ã</p> 580 <p>æ¢ç©¶å¼å¸ç¿å¼·èª¿ä»¥å¸ççºæ¬ç實è¸å¸ç¿æ·ç¨ï¼æå¸«åæä»»å¼å°è è§è²ãç§å¸æ¢ç©¶ç循ç°éç¨è©³è¿°å¦ä¸ï¼ 581 582 </p> 583</div></div> 584 <div class="descp pb-5"><img src="/Image/download.aspx?Entity=cre59_cms&Attribute=cre59_image&Id=18f441d8-4a77-f011-95f2-6045bd1bc643&Timestamp=638956737006820452&full=true" class="d-none d-sm-block img-fluid" alt="ä»éº¼æ¯æ¢ç©¶å¼å¸ç¿?" /> <img src="/Image/download.aspx?Entity=cre59_cms&Attribute=cre59_image_mobile&Id=18f441d8-4a77-f011-95f2-6045bd1bc643&Timestamp=638956737021042581&full=true" class="d-block d-sm-none img-fluid" alt="ä»éº¼æ¯æ¢ç©¶å¼å¸ç¿?" /></div> 585 </div> 586 </div> 587 </div> 588 <div class="d-block mt-2 d-sm-none"> 589 <div> 590 <div class="block-one text-start"> 591 <div class="row px-0"> 592 <div class="col-2 num">01</div> 593 <div class="col-10"> 594 <h6>è§æ¸¬ç¾è±¡ææåºåé¡ï¼æ¿ç¼å¸çç好å¥å¿</h6> 595 <ul class="style1"> 596 <li>å¼ç¼å¥½å¥å¿åæ¢ç©¶åæ©</li> 597 <li>é£çµå¸çæ¢æç¥èèæ°æ¦å¿µ</li> 598 </ul> 599 </div>
600 </div> 601 </div> 602 <div class="block-two text-start"> 603 <div class="row px-0"> 604 <div class="col-2 num">02</div> 605 <div class="col-10"> 606 <h6>æ¢ç©¶è§£ç</h6> 607 <ul class="style1"> 608 <li>æåºåé¡ä¸¦ä½åºåè¨</li> 609 <li>鏿åé©çæ¢ç©¶æ¹æ³</li> 610 <li>ééç§å¸å¯¦è¸ï¼è§å¯ä¸¦è¨éç¾è±¡</li> 611 <li>åæèè©®éæ¸æï¼å°æ¾æ¸æå §çè¦å¾</li> 612 </ul> 613 </div> 614 </div> 615 </div> 616 <div class="block-three text-start"> 617 <div class="row px-0"> 618 <div class="col-2 num">03</div> 619 <div class="col-10"> 620 <h6>ç§å¸è«è</h6> 621 <ul class="style1"> 622 <li>éç¨æ¶éçæ¸æå實èæåºçµè«</li> 623 <li>æ´åç¥èè§£éç¾è±¡ï¼å¼·åå°ç§å¸æ¦å¿µçè§£</li> 624 </ul> 625 </div> 626 </div> 627 </div> 628 629 <div class="block-forth text-start"> 630 <div class="row px-0"> 631 <div class="col-2 num">04</div> 632 <div class="col-10"> 633 <h6>ç§å¸æ¢ç©¶ç循ç°éç¨</h6> 634 <ul class="style1"> 635 <li>æ°ææ¡çç§å¸ç¥èæå©æ¥å¾çç¥è建æ§</li> 636 <li>å¸ççç§å¸æ¢ç©¶è½åå èå¾ä»¥æåï¼ä¸¦ä¸æ´ç²¾æº</li> 637 </ul> 638 </div> 639 </div> 640 </div> 641</div> 642 </div> 643 </section> 644 645 646 647 <section class="widget-abt-2box relative" id="porject-components"> 648 <div class="pattern s11"><img src="/about-pattern4.png" class="img-fluid" /></div> 649 <div class="pt-5 pb-3 text-center"> 650 <h2>è¨åå ç´ </h2> 651 <h4 class="mt-5 color-light-blue">æ¢ç©¶å¼ç§å¸å¸ç¿</h4> 652 </div> 653 <div class="px-sm-5"> 654 <div class="blue-box" style="overflow: hidden;"> 655 <div class="row ttbox"> 656 <div class="col-12 col-sm-6 px-0 relative border-right"> 657 <div class="headline theme1">課å å §çæ¢ç©¶å¼å¸ç¿</div> 658 <div class="ccContent"> 659 <h5>å°å¸ç§å¸å»¶ä¼¸èª²ç¨</h5> 660 <b>ééæç³»çµ±çæ¢ç©¶å¼å¸ç¿è¨è¨ï¼å¹é¤å¸çå°ç§å¸çèè¶£åå¸ç¿ååã</b> 661 <div class="row"> 662 <div class="col-10">è¨åæ¡ç¨ç¶å¯¦èç ç©¶ãå°çºå°å¸è¨è¨çæå¸è³æºãè¨åçæ¢ç©¶å¼å¸ç¿å®å è¨è¨è馿¸¯å°å¸ç§å¸èª²ç¨æ¡æ¶ç·å¯éæ¥ï¼åå®å çº300åéç課ç¨ï¼é åæå¸è³æºå實é©å¥ä»¶ï¼è®å¸çåæé²è¡å¯åµæçæ¢ç©¶å¼ç§å¸å¸ç¿ï¼ä»¥å å¼·æ ¸å¿èª²ç¨å §å®¹ççè§£ã 663 </div> 664 <div class="col-2 text-end"><img src="/about-icon1.png" class="img-fluid"></div> 665 </div> 666 </div> 667 </div> 668 <div class="col-12 col-sm-6 px-0 relative"> 669 <div class="headline theme2">課å 以å¤çæ¢ç©¶å¼å¸ç¿ </div> 670 <div class="ccContent"> 671 <h5>實å°è坿·±åé«é©å¼å¸ç¿</h5> 672 <p>è¨è¨æ¢ç©¶å¼å¸ç¿å°åç實å°è坿´»åï¼æææ´å課å çè«èçæ´»æç¨ãè¨å亦é黿ååæ¹å課å 以夿å¸çè¨æ½åé å¥èª²ç¨ï¼å¦ç§å¸æè²ä¸å¿ï¼ï¼ä»¥æ·±åæ¢ç©¶å¼å¸ç¿é«é©ã</p> 673 <div class="relative"> 674 <hr class="short"> 675 <div class="pattern ii2"><img src="/about-icon3.png" class="img-fluid"></div> 676 </div> 677 <h5>å ¨æ°ç§å¸åè</h5> 678 <p>ééç§å¸å±æ¼ãæ¯è³½åç§å¸å·¥ä½åçå¤å æ´»åï¼æ¿ç¼å ¬ç¾å°ç§å¸ç好å¥å¿èæ¢ç´¢ç±å¿±ã</p> 679 </div> 680 </div> 681 </div> 682 <div class="row ttbox"> 683 <div class="col-12 px-0 relative"> 684 <div class="headline theme3">æå¸«å°æ¥ç¼å±</div> 685 <div class="ccContent theme2 relative"> 686 687 <div class="row"> 688 <div class="col-12 col-md-6"> 689 <div class="narrow"> 690 <b>æåæ¥çç§å¸æå¸ç´ 質ï¼å»ºæ§ä¸åå æ»¿æ´»åçç§å¸æå¸«ç¤¾ç¾¤</b> 691 692 </div> 693 </div> 694 <div class="pattern other"><img src="/about-icon2.png" class="img-fluid" style="max-height:150px; width:auto;"></div> 695 <div class="col-12 col-md-6 ps-sm-5"> 696 <ul class="style1"> 697 <li>ééå°æ¥å¹è¨ï¼å¥ å®ç§å¸æå¸«éç¨æ¢ç©¶å¼æå¸æ³çå 實åºç¤</li> 698 <li>è辦ä¸åå §å°åæµ·å¤èå¯ï¼æå±ç§å¸æå¸«å°åéåæ²¿æ¢ç©¶å¼å¸ç¿å¯¦è¸çè¦é</li> 699 <li>ééå éæå¸«å¹è¨è¨åï¼åèå ·ç±å¿±èå°æ¥çç§å¸æå¸«æçºé èªè ï¼æ¨åæ¢ç©¶å¼å¸ç¿æå¸æ³</li> 700 <li>
700è辦ååæå°ãæ¢ç©¶å¼å¸ç¿æ´»åè¨è¨å·¥ä½ååç§å¸å°å®¶å享æï¼ä¿é²ç¥èå³æèæ¥çè½å建è¨</li> 701 </ul> 702 </div> 703 </div> 704 </div> 705 </div> 706 </div> 707 </div> 708 <div class="pt-5"> 709 <div class="d-flex px-5 justify-content-between"> 710 <div class="mb-3 ii1"><img src="/about-pattern5.png" class="img-fluid" /></div> 711 <div class="ii2"><img src="/about-pattern2.png" class="img-fluid" /></div> 712 </div> 713 </div> 714 </div> 715 </section> 716 717 718<section class="widget-committee relative" id="who-we-are"> 719 <div class="container text-center"> 720 <h2>æåçåé</h2> 721 <p class="mt-3"><div>ãè³½é¦¬ææ¢ç´¢ç§å¸ãè¨åç±é¦æ¸¯è³½é¦¬ææ åä¿¡è¨åºéçååæå©ï¼é¦æ¸¯æè²å¤§å¸çºçç¥å¤¥ä¼´ã</div></p> 722 <div class="mt-5"> 723 <h2>諮詢å§å¡æ</h2> 724 <p class="mt-3"><div>ãè³½é¦¬ææ¢ç´¢ç§å¸ãè¨å諮詢å§å¡æè² 責ç£ç£åæå°æ´é è¨åçç¼å±ï¼ç¢ºä¿è¨åéè³é æç®æ¨æçã</div></p> 725 </div> 726 <div class="row mt-5"> 727 728 <div class="col-12 col-sm-4 committee-item"> 729 <div class="img-wrapper mx-auto"> 730 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=27806ae9-2d3d-f011-a2d9-00224855d672&Timestamp=638956739108296770&full=true" class="retina" /> 731 </div> 732 <div class="name" data-position="å¬é人"> 733 æ¢é ´å®å¥³å£« 734 <br />å¬é人 735 </div> 736 <div class="division"> 馿¸¯è³½é¦¬æé´é¸æå¡ </div> 737 </div> 738 739 <div class="col-12 col-sm-4 committee-item"> 740 <div class="img-wrapper mx-auto"> 741 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=46a461bf-4c4b-f011-a2d9-6045bd2115b2&Timestamp=638956740300122116&full=true" class="retina" /> 742 </div> 743 <div class="name" data-position="å§å¡"> 744 é³ç©é¶å¥³å£« <br />å§å¡ 745 </div> 746 <div class="division"> 馿¸¯ç¹å¥è¡æ¿åæ¿åºæè²å±å¸¸ä»»ç§æ¸é· </div> 747 </div> 748 749 <div class="col-12 col-sm-4 committee-item"> 750 <div class="img-wrapper mx-auto"> 751 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=4e6c4464-323d-f011-a2d9-00224855d672&Timestamp=638956739267510621&full=true" class="retina" /> 752 </div> 753 <div class="name" data-position="å§å¡"> 754 å¼µä½è³å士 <br />å§å¡ 755 </div> 756 <div class="division"> 津貼å°å¸è°æé¡§å </div> 757 </div> 758 759 <div class="col-12 col-sm-4 committee-item"> 760 <div class="img-wrapper mx-auto"> 761 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=6433d020-4d4b-f011-a2d9-6045bd2115b2&Timestamp=638956740851723123&full=true" class="retina" /> 762 </div> 763 <div class="name" data-position="å§å¡"> 764 æ±éºç女士 <br />å§å¡ 765 </div> 766 <div class="division"> é«ç´é¡§å (æè²ï¼ç°çé ç®) </div> 767 </div> 768 769 <div class="col-12 col-sm-4 committee-item"> 770 <div class="img-wrapper mx-auto"> 771 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=f15f7eca-4a4b-f011-a2d9-6045bd2115b2&Timestamp=638956739450981291&full=true" class="retina" /> 772 </div> 773 <div class="name" data-position="å§å¡"> 774 é¾éºé女士 <br />å§å¡ 775 </div> 776 <div class="division"> 津貼å°å¸è°æä¸»å¸ </div> 777 </div> 778 779 <div class="col-12 col-sm-4 committee-item"> 780 <div class="img-wrapper mx-auto"> 781 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=6bfeaeb9-4b4b-f011-a2d9-6045bd2115b2&Timestamp=638956739612849596&full=true" class="retina" /> 782 </div> 783 <div class="name" data-position="å§å¡"> 784 Mr. David Foster <br />å§å¡ 785 </div> 786 <div class="division"> è£æ§åºéæè¡æ¿ç¸½ç£ </div> 787 </div> 788 789 <div class="col-12 col-sm-4 committee-item"> 790 <div class="img-wrapper mx-auto"> 791 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=03aa4fef-4b4b-f011-a2d9-6045bd2115b2&Timestamp=638956739773946235&full=true" class="retina" /> 792 </div> 793 <div class="name" data-position="å§å¡"> 794 ä½è© åºææ <br />å§å¡ 795 </div> 796 <div class="division"> 馿¸¯æè²å¤§å¸ç§å¸èç°å¢å¸ç³»ææï¼<br /> 797ç°å¢è坿çºç¼å±ä¸å¿ç¸½ç£ </div> 798 </div> 799 800 <div class="col-12 col-sm-4 committee-item"> 801 <div class="img-wrapper mx-auto"> 802 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=f971bb63-4c4b-f011-a2d9-6045bd2115b2&Timestamp=638956739937586246&full=true" class="retina" /> 803 </div> 804 <div class="name" data-position="å§å¡"> 805 åæé å士 <br />å§å¡ 806 </div> 807 <div class="division"> çç©é«å¸æè¡é¡§å </div> 808 </div> 809 810 <div class="col-12 col-sm-4 committee-item"> 811 <div class="img-wrapper mx-auto"> 812 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=42e855a4-4c4b-f011-a2d9-6045bd2115b2&Timestamp=638956740118393316&full=true" class="retina" /> 813 </div> 814 <div class="name" data-position="å§å¡"> 815 æå¿æå ç <br />å§å¡ 816 </div> 817 <div class="division"> 馿¸¯æ¸çæè²å¸æä¸»å¸ </div> 818 </div> 819 820 <div class="col-12 col-sm-4 committee-item"> 821 <div class="img-wrapper mx-auto"> 822 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=457374cf-4c4b-f011-a2d9-6045bd2115b2&Timestamp=638956740500295527&full=true" class="retina" /> 823 </div> 824 <div class="name" data-position="å§å¡"> 825 馬æ¡å®ææ <br />å§å¡ 826 </div> 827 <div class="division"> 馿¸¯å¤§å¸å¯æ ¡é·ï¼ç ç©¶ï¼ï¼æ«ä»»ï¼ </div> 828 </div> 829 830 <div class="col-12 col-sm-4 committee-item"> 831 <div class="img-wrapper mx-auto"> 832 <img src="/Image/download.aspx?Entity=cre59_committee_member&Attribute=cre59_avatar&Id=5a15c3e7-4c4b-f011-a2d9-6045bd2115b2&Timestamp=638956740689528376&full=true" class="retina" /> 833 </div> 834 <div class="name" data-position="å§å¡"> 835 èè© æ¢ ææ <br />å§å¡ 836 </div> 837 <div class="division"> 馿¸¯æè²å¤§å¸ç§å¸èç°å¢å¸ç³»å°æ¥é¡§å </div> 838 </div> 839 840 </div> 841 </div> 842</section>
843<div class="row sectionBlockLayout text-start" style="display: flex; flex-wrap: wrap; margin: 0px; min-height: auto; padding: 8px;"> 844 <div class="container" style="padding: 0px; display: flex; flex-wrap: wrap;"><div class="col-lg-12 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 250px;"></div></div> 845</div> 846</div></div> 847 </div> 848</div> 849 850 851
851<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-loader.bundle-f4a0e619b8.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-loader.bundle-f4a0e619b8.js" type="text/javascript"></script>
851 852 853 854 855 856 857 858 <div id="pp-native-controls-react-root"></div>
859<script>window._nativeControlConfig = { "publicPath":"https://content.powerapps.com/resource/powerappsportal/controls", "versions": {"pcf_loader":"0.0.51","pcf_controls":"3.24.8","mf_shared":"0.2.32","host":"0.15.1","data_grid":"1.12.3","controls_fluent_v9":"0.0.54"}, "pvaEmbedded": { "defaultWidgetMode": "normal", "useCustomTypingIndicator": false, "skipSingleBotWelcomeScreen": false } }</script>
vendor: 1 bytes, line 859
859
860<script defer="defer" src="https://content.powerapps.com/resource/powerappsportal/controls/host/main.3ee2491f78.chunk.js"></script>
860 861 862 863 864 865<div class="footer-banner"> 866 <img src="/footer-bg.png" class="img-full"> 867</div> 868 869<footer class="footer mt-auto py-3 px-5"> 870 <div class="ll-list py-3"> 871 <div class="item"> 872 <b>çååæå©</b> 873 <div class="logo"> 874 <a href="https://charities.hkjc.com/" target="_blank"><img src="/hkjc-logo.png" 875 class="img-fluid" /></a> 876 </div> 877 </div> 878 <div class="item"> 879 <b>çç¥å¤¥ä¼´</b> 880 <div class="logo"> 881 <a href="https://www.eduhk.hk/zht/" target="_blank"><img src="/hkedu.png" class="img-fluid" /></a> 882 </div> 883 </div> 884 <div class="item"> 885 <b>æ¯ææ©æ§</b> 886 <div class="logo"> 887 <a href="https://www.edb.gov.hk/tc/" target="_blank"><img src="/edb.png" class="img-fluid" /></a> 888 </div> 889 </div> 890 </div> 891 <div class="ll-list py-3"> 892 <div class="item"> 893 <b>å使©æ§</b> 894 <div class="logo"> 895 <div class="ss-logo"> 896 <div class="px-3"> 897 <a class="retina" href="https://www.bnu.edu.cn/" target="_blank"><img src="/ss-logo1.jpg" 898 class="max-h img-fluid" /></a> 899 </div> 900 <div class="px-3"> 901 <a href="https://ssec.si.edu/" target="_blank"> 902 <img src="/ss-logo2.png" class="img-fluid" /> 903 </a> 904 </div> 905 <div class="px-3"> 906 <a href="https://www.afcd.gov.hk/tc_chi/index.html" target="_blank"> 907 <img src="/ss-logo5.png" class="max-h img-fluid" alt="Agriculture, Fisheries and Conservation Department"> 908 </a> 909 </div> 910 <div class="px-3"> 911 <a href="https://www.caritasfsc.edu.hk/tc/" target="_blank"><img src="/ss-logo3.png" 912 class="img-fluid" /></a> 913 </div> 914 <div class="px-3"> 915 <a href="https://www.hokoon.edu.hk/" target="_blank"><img src="/ss-logo4.png" 916 class="img-fluid" /></a> 917 </div> 918 </div> 919 </div> 920 </div> 921 </div> 922 923 <div class="row mt-2 copyright"> 924 <div class="col-12 col-md-4 text-center"> 925 <ul class="list-inline list-style-none"> 926 <li> 927 <a href="https://www.hkjc.com/home/chinese/corporate/corp_privacy_HKJCCT.aspx" target="_blank">ç§é±æ¢æ¬¾</a> 928 </li> 929 <li>|</li> 930 <li> 931 <a href="https://www.hkjc.com/home/chinese/corporate/corp_disclaimer.aspx" target="_blank">å è²¬è²æ</a> 932 </li> 933 </ul> 934 </div> 935 936 <div class="col-12 col-md-8 text-center text-md-end"> 937 <div class="xrm-editable-html xrm-attribute" data-languageContext="繁"><div class="xrm-attribute-value"><p>çæ¬ææ Â© 2026 馿¸¯è³½é¦¬ææ åä¿¡è¨åºé</p></div></div> 938 </div> 939 </div> 940</footer> 941 942<a href="#" class="backtotop" id="back-top" style="display: inline;"> 943 944 <img src="/btp_tc.png" class="img-fluid"> 945 946</a> 947
948<script type="text/javascript"> 949 window.onload = function () { 950 const accessibilityLinkContainer = document.getElementById( 951 'accessibilityLinkContainer' 952 ); 953 }; 954</script>
954 955
956<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.17/jquery.bxslider.min.js"></script>
956
957<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js" integrity="sha512-HGOnQO9+SP1V92SrtZfjqxxtLmVzqZpjFFekvzZVWoiASSQgSr4cw9Kqd2+l8Llp4Gm0G8GIFJ4ddwZilcdb8A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
957 958
959<script type="text/javascript" src="~/site-script.js"></script>
959 960 961 962
962<script type="text/javascript"> 963 964 function trackCopilotCustomUsage(botSchema) { 965 const request = { 966 botSchemaName: botSchema 967 } 968 var json = JSON.stringify(request); 969 shell.ajaxSafePost({ 970 type: "POST", 971 contentType: "application/json", 972 url: "/_services/copilot/TrackUsage", 973 data: json 974 }).done(function () { 975 }).fail(function (jqXhr) { 976 }); 977 } 978 979 function findAndLogCustomCopilotUsage() { 980 const pageSource = document.documentElement.outerHTML; 981 const customPvaBotWebchatRegex = /api\.(preprod\.|test\.)?powerplatform\.(com|us|cn|appsplatform\.us)\/powervirtualagents\/botsbyschema\/([^/]+)\/directline\/token/; 982 const customPvaBotIframeRegex = /powerva\.microsoft\.com\/environments\/([0-9a-fA-F\-]+)\/bots\/([^/]+)\/webchat/; 983 const omniChannelRegex = /livechatwidget\/scripts\/LiveChatBootstrapper\.js/; 984 985 const matchPvaBotWebchat = pageSource.match(customPvaBotWebchatRegex); 986 if (matchPvaBotWebchat && matchPvaBotWebchat[3]) { 987 trackCopilotCustomUsage(matchPvaBotWebchat[3]); 988 } 989 990 const matchPvaBotIframe = pageSource.match(customPvaBotIframeRegex); 991 if (matchPvaBotIframe && matchPvaBotIframe[2]) { 992 trackCopilotCustomUsage(matchPvaBotIframe[2]); 993 } 994 995 const matchOmniChannel = pageSource.match(omniChannelRegex); 996 if (matchOmniChannel && matchOmniChannel[0]) { 997 trackCopilotCustomUsage("omnichannelWidget"); 998 } 999 } 1000 1001 window.addEventListener("load", function () { 1002 findAndLogCustomCopilotUsage(); 1003 }); 1004 </script>
1004 1005 1006 1007 1008 1009 1010 1011 1012
1012<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/bootstrap.BootstrapV5.bundle-be8391e97d.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/bootstrap.BootstrapV5.bundle-be8391e97d.js" type="text/javascript"></script>
1012 1013 1014
1014<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/postpreform.BootstrapV5.bundle-1e48131190.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/postpreform.BootstrapV5.bundle-1e48131190.js" type="text/javascript"></script>
1014 1015 1016
1016<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/app.BootstrapV5.bundle-4299f393fc.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/app.BootstrapV5.bundle-4299f393fc.js" type="text/javascript"></script>
1016 1017 1018
1018<script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/default-3076.moment_2_29_4.bundle-316c58c983.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/default-3076.moment_2_29_4.bundle-316c58c983.js" type="text/javascript"></script>
1018 1019 1020 1021 1022 1023 1024 1025
1025<script> 1026 //this event will update the title of the page based on active breadcrumb 1027 $('.breadcrumb').ready(function () { 1028 if ($('.breadcrumb').is(':visible')) { 1029 document.querySelector('title').innerHTML = ($('.breadcrumb > li.active').text() + "è³½é¦¬ææ¢ç´¢ç§å¸ - éæ¼æå"); 1030 } 1031 }); 1032 1033 function GoToNewEditor() { 1034 var editCmsUrlSegment = "EditInCms"; 1035 var currentUrl = window.location.href; 1036 if (currentUrl.indexOf('?') > -1) { 1037 var urlSegments = currentUrl.split("?"); 1038 window.location.href = window.location.origin + '/' + editCmsUrlSegment + window.location.pathname + '?' + urlSegments[1]; 1039 } 1040 else { 1041 window.location.href = window.location.origin + '/' + editCmsUrlSegment + window.location.pathname; 1042 } 1043 } 1044 </script>
1044 1045 1046 1047 1048 1049 1050
1050<script> 1051 if ('serviceWorker' in navigator) { 1052 navigator.serviceWorker.getRegistrations().then(function (registrations) { 1053 for (let registration of registrations) { 1054 registration.unregister(); 1055 } 1056 }).catch(function (err) { 1057 console.log('Service Worker unregister action failed: ', err); 1058 }); 1059 } 1060 </script>
1060 1061 1062 1063 1064 <!--Start Show Session Expire Warning Popup here --> 1065 1066 1067</body> 1068</html> 1069<!-- Generated at 24/9/2026 13:00:02 --> 1070<!-- Page OK -->
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.