cityu-agc

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://devwp02.visibleone.io/cityu-agc/xmlrpc.php"> <title>cityu-agc</title> <meta name='robots' content='noindex, nofollow' /> <link rel="alternate" type="application/rss+xml" title="cityu-agc » Home Comments Feed" href="sample-page/feed/index.html.rss" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = { "baseUrl": "https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/", "ext": ".png", "svgUrl": "https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/", "svgExt": ".svg", "source": { "concatemoji": "https:\/\/devwp02.visibleone.io\/cityu-agc\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.5.5" } }; /*! This file is auto-generated */ !function (i, n) { var o, s, e; function c(e) { try { var t = { supportTests: e, timestamp: (new Date).valueOf() }; sessionStorage.setItem(o, JSON.stringify(t)) } catch (e) { } } function p(e, t, n) { e.clearRect(0, 0, e.canvas.width, e.canvas.height), e.fillText(t, 0, 0); var t = new Uint32Array(e.getImageData(0, 0, e.canvas.width, e.canvas.height).data), r = (e.clearRect(0, 0, e.canvas.width, e.canvas.height), e.fillText(n, 0, 0), new Uint32Array(e.getImageData(0, 0, e.canvas.width, e.canvas.height).data)); return t.every(function (e, t) { return e === r[t] }) } function u(e, t, n) { switch (t) { case "flag": return n(e, "\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f", "\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f") ? !1 : !n(e, "\ud83c\uddfa\ud83c\uddf3", "\ud83c\uddfa\u200b\ud83c\uddf3") && !n(e, "\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f", "\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f"); case "emoji": return !n(e, "\ud83d\udc26\u200d\u2b1b", "\ud83d\udc26\u200b\u2b1b") }return !1 } function f(e, t, n) { var r = "undefined" != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ? new OffscreenCanvas(300, 150) : i.createElement("canvas"), a = r.getContext("2d", { willReadFrequently: !0 }), o = (a.textBaseline = "top", a.font = "600 32px Arial", {}); return e.forEach(function (e) { o[e] = t(a, e, n) }), o } function t(e) { var t = i.createElement("script"); t.src = e, t.defer = !0, i.head.appendChild(t) } "undefined" != typeof Promise && (o = "wpEmojiSettingsSupports", s = ["flag", "emoji"], n.supports = { everything: !0, everythingExceptFlag: !0 }, e = new Promise(function (e) { i.addEventListener("DOMContentLoaded", e, { once: !0 }) }), new Promise(function (t) { var n = function () { try { var e = JSON.parse(sessionStorage.getItem(o)); if ("object" == typeof e && "number" == typeof e.timestamp && (new Date).valueOf() < e.timestamp + 604800 && "object" == typeof e.supportTests) return e.supportTests } catch (e) { } return null }(); if (!n) { if ("undefined" != typeof Worker && "undefined" != typeof OffscreenCanvas && "undefined" != typeof URL && URL.createObjectURL && "undefined" != typeof Blob) try { var e = "postMessage(" + f.toString() + "(" + [JSON.stringify(s), u.toString(), p.toString()].join(",") + "));", r = new Blob([e], { type: "text/javascript" }), a = new Worker(URL.createObjectURL(r), { name: "wpTestEmojiSupports" }); return void (a.onmessage = function (e) { c(n = e.data), a.terminate(), t(n) }) } catch (e) { } c(n = f(s, u, p)) } t(n) }).then(function (e) { for (var t in e) n.supports[t] = e[t], n.supports.everything = n.supports.everything && n.supports[t], "flag" !== t && (n.supports.everythingExceptFlag = n.supports.everythingExceptFlag && n.supports[t]); n.supports.everythingExceptFlag = n.supports.everythingExceptFlag && !n.supports.flag, n.DOMReady = !1, n.readyCallback = function () { n.DOMReady = !0 } }).then(function () { return e }).then(function () { var e; n.supports.everything || (n.readyCallback(), (e = n.source || {}).concatemoji ? t(e.concatemoji) : e.wpemoji && e.twemoji && (t(e.twemoji), t(e.wpemoji))) })) }((window, document), window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' /> <style id='wp-block-library-theme-inline-css' type='text/css'> .wp-block-audio figcaption { color: #555; font-size: 13px; text-align: center } .is-dark-theme .wp-block-audio figcaption { color: #ffffffa6 } .wp-block-audio { margin: 0 0 1em } .wp-block-code { border: 1px solid #ccc; border-radius: 4px; font-family: Menlo, Consolas, monaco, monospace; padding: .8em 1em } .wp-block-embed figcaption { color: #555; font-size: 13px; text-align: center } .is-dark-theme .wp-block-embed figcaption { color: #ffffffa6 } .wp-block-embed { margin: 0 0 1em } .blocks-gallery-caption { color: #555; font-size: 13px; text-align: center } .is-dark-theme .blocks-gallery-caption { color: #ffffffa6 } .wp-block-image figcaption { color: #555; font-size: 13px; text-align: center } .is-dark-theme .wp-block-image figcaption { color: #ffffffa6 } .wp-block-image { margin: 0 0 1em } .wp-block-pullquote { border-bottom: 4px solid; border-top: 4px solid; color: currentColor; margin-bottom: 1.75em } .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation { color: currentColor; font-size: .8125em; font-style: normal; text-transform: uppercase } .wp-block-quote { border-left: .25em solid; margin: 0 0 1.75em; padding-left: 1em } .wp-block-quote cite, .wp-block-quote footer { color: currentColor; font-size: .8125em; font-style: normal; position: relative } .wp-block-quote.has-text-align-right { border-left: none; border-right: .25em solid; padding-left: 0; padding-right: 1em } .wp-block-quote.has-text-align-center { border: none; padding-left: 0 } .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-style-plain { border: none } .wp-block-search .wp-block-search__label { font-weight: 700 } .wp-block-search__button { border: 1px solid #ccc; padding: .375em .625em } :where(.wp-block-group.has-background) { padding: 1.25em 2.375em } .wp-block-separator.has-css-opacity { opacity: .4 } .wp-block-separator { border: none; border-bottom: 2px solid; margin-left: auto; margin-right: auto } .wp-block-separator.has-alpha-channel-opacity { opacity: 1 } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 100px } .wp-block-separator.has-background:not(.is-style-dots) { border-bottom: none; height: 1px } .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { height: 2px } .wp-block-table { margin: 0 0 1em } .wp-block-table td, .wp-block-table th { word-break: normal } .wp-block-table figcaption { color: #555; font-size: 13px; text-align: center } .is-dark-theme .wp-block-table figcaption { color: #ffffffa6 } .wp-block-video figcaption { color: #555; font-size: 13px; text-align: center } .is-dark-theme .wp-block-video figcaption { color: #ffffffa6 } .wp-block-video { margin: 0 0 1em } .wp-block-template-part.has-background { margin-bottom: 0; margin-top: 0; padding: 1.25em 2.375em } </style> <style id='global-styles-inline-css' type='text/css'> body { --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--color--primary: #00734A; --wp--preset--color--olive-green: #5B8133; --wp--preset--color--grey: #485450; --wp--preset--color--light-grey: #E0E8E5; --wp--preset--color--light-green: #346D0A; --wp--preset--color--lighter-gray: #353535; --wp--preset--color--dark-black: #1C1C1C; --wp--preset--color--lighter-gray-op-7: #353535B2; --wp--preset--color--dark-black-2: #363938; --wp--preset--color--dark-brown: #472A07; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } body { margin: 0; } .wp-site-blocks>.alignleft { float: left; margin-right: 2em; } .wp-site-blocks>.alignright { float: right; margin-left: 2em; } .wp-site-blocks>.aligncenter { justify-content: center; margin-left: auto; margin-right: auto; } :where(.is-layout-flex) { gap: 0.5em; } :where(.is-layout-grid) { gap: 0.5em; } body .is-layout-flow>.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } body .is-layout-flow>.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } body .is-layout-flow>.aligncenter { margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained>.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } body .is-layout-constrained>.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } body .is-layout-constrained>.aligncenter { margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } body .is-layout-flex { display: flex; } body .is-layout-flex { flex-wrap: wrap; align-items: center; } body .is-layout-flex>* { margin: 0; } body .is-layout-grid { display: grid; } body .is-layout-grid>* { margin: 0; } body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } a:where(:not(.wp-element-button)) { text-decoration: underline; } .wp-element-button, .wp-block-button__link { background-color: #32373c; border-width: 0; color: #fff; font-family: inherit; font-size: inherit; line-height: inherit; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-primary-color { color: var(--wp--preset--color--primary) !important; } .has-olive-green-color { color: var(--wp--preset--color--olive-green) !important; } .has-grey-color { color: var(--wp--preset--color--grey) !important; } .has-light-grey-color { color: var(--wp--preset--color--light-grey) !important; } .has-light-green-color { color: var(--wp--preset--color--light-green) !important; } .has-lighter-gray-color { color: var(--wp--preset--color--lighter-gray) !important; } .has-dark-black-color { color: var(--wp--preset--color--dark-black) !important; } .has-lighter-gray-op-7-color { color: var(--wp--preset--color--lighter-gray-op-7) !important; } .has-dark-black-2-color { color: var(--wp--preset--color--dark-black-2) !important; } .has-dark-brown-color { color: var(--wp--preset--color--dark-brown) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-primary-background-color { background-color: var(--wp--preset--color--primary) !important; } .has-olive-green-background-color { background-color: var(--wp--preset--color--olive-green) !important; } .has-grey-background-color { background-color: var(--wp--preset--color--grey) !important; } .has-light-grey-background-color { background-color: var(--wp--preset--color--light-grey) !important; } .has-light-green-background-color { background-color: var(--wp--preset--color--light-green) !important; } .has-lighter-gray-background-color { background-color: var(--wp--preset--color--lighter-gray) !important; } .has-dark-black-background-color { background-color: var(--wp--preset--color--dark-black) !important; } .has-lighter-gray-op-7-background-color { background-color: var(--wp--preset--color--lighter-gray-op-7) !important; } .has-dark-black-2-background-color { background-color: var(--wp--preset--color--dark-black-2) !important; } .has-dark-brown-background-color { background-color: var(--wp--preset--color--dark-brown) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-primary-border-color { border-color: var(--wp--preset--color--primary) !important; } .has-olive-green-border-color { border-color: var(--wp--preset--color--olive-green) !important; } .has-grey-border-color { border-color: var(--wp--preset--color--grey) !important; } .has-light-grey-border-color { border-color: var(--wp--preset--color--light-grey) !important; } .has-light-green-border-color { border-color: var(--wp--preset--color--light-green) !important; } .has-lighter-gray-border-color { border-color: var(--wp--preset--color--lighter-gray) !important; } .has-dark-black-border-color { border-color: var(--wp--preset--color--dark-black) !important; } .has-lighter-gray-op-7-border-color { border-color: var(--wp--preset--color--lighter-gray-op-7) !important; } .has-dark-black-2-border-color { border-color: var(--wp--preset--color--dark-black-2) !important; } .has-dark-brown-border-color { border-color: var(--wp--preset--color--dark-brown) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } .wp-block-navigation a:where(:not(.wp-element-button)) { color: inherit; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } .wp-block-pullquote { font-size: 1.5em; line-height: 1.6; } </style> <link rel='stylesheet' id='tailpress-css' href='wp-content/themes/cityu-agc/css/app.css' type='text/css' media='all' /> <script type="text/javascript" src="wp-content/themes/cityu-agc/js/app.js" id="tailpress-js"></script> <script type="text/javascript" src="wp-content/themes/cityu-agc/js/directives.js" id="alpinejs-directive-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="wp-content/themes/cityu-agc/public/js/_alpine-morph.min.js" id="alpinejs-morph-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="wp-content/themes/cityu-agc/public/js/_alpine.min.js" id="alpinejs-js" defer="defer" data-wp-strategy="defer"></script> <link rel="https://api.w.org/" href="wp-json/index.html" /> <link rel="alternate" type="application/json" href="wp-json/wp/v2/pages/2" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://devwp02.visibleone.io/cityu-agc/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.5.5" /> <link rel="canonical" href="index.html" /> <link rel='shortlink' href='index.html' /> <link rel="alternate" type="application/json+oembed" href="wp-json/oembed/1.0/embed" /> <link rel="alternate" type="text/xml+oembed" href="wp-json/oembed/1.0/embed#038;format=xml" /> <link rel="icon" href="wp-content/uploads/2024/07/Favicon-agc.png" sizes="32x32" /> <link rel="icon" href="wp-content/uploads/2024/07/Favicon-agc.png" sizes="192x192" /> <link rel="apple-touch-icon" href="wp-content/uploads/2024/07/Favicon-agc.png" /> <meta name="msapplication-TileImage" content="https://devwp02.visibleone.io/cityu-agc/wp-content/uploads/2024/07/Favicon-agc.png" /> </head> <body class="home page-template-default page page-id-2 wp-custom-logo bg-white"> <div id="page" class="min-h-screen flex flex-col main-home"> <header id="header" x-header :class="$store.header.isScrollDown ? 'scrolled-down' : 'scrolled-up'"> <div class="header py-5 lg:py-0"> <div class="logo"><a href=""><img src="wp-content/uploads/2024/06/CityUHKAGC.svg" alt=""></a></div> <div class="flex items-center"> <nav class="hidden lg:block"> <div class="menu-wrapper"> <ul id="menu-primary-menu" class="menu"> <li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="about-us/index.html">About Us</a></li> <li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79"><a href="fundraising-initiatives/index.html">Fundraising Initiatives</a></li> <li id="menu-item-78" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78"><a href="impact-of-giving/index.html">Impact of Giving</a></li> <li id="menu-item-77" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77"><a href="how-to-give/index.html">How To Give</a></li> <li id="menu-item-155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-155"><a href="acknowledgement/index.html">Acknowledgement</a></li> <li id="menu-item-81" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81"><a href="donors-voice/index.html">Donors’ Voice</a></li> <li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a href="contact-us/index.html">Contact Us</a></li> </ul> </div> </nav> <button class="search-icon hidden"> <img src="wp-content/themes/cityu-agc/images/home/ep_search.svg" /> </button>  <button class="more-icon cursor-pointer lg:hidden ml-4"> <img src="wp-content/themes/cityu-agc/images/home/ic_twotone-menu.svg" /> </button> </div> <form role="search" method="get" class="search-form -translate-y-full transition-transform duration-200 ease-out" action="index.html"> <div class="flex justify-between items-center"> <div class="w-[80%] lg:w-[70%] relative"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field w-full bg-transparent text-white border-b border-white pb-2" placeholder="Type to search" value="" name="s" title="Search for:" /> </label> <span class="absolute right-0 search-w"> <input type="submit" class="search-submit invisible" value="Search" /> </span> </div> <button class="search-form-close"> <img src="wp-content/themes/cityu-agc/images/home/ic_outline-clear.svg" /> </button> </div> </form> </div> </header> <div class="fixed w-full h-full top-0 right-0 transition-transform duration-200 ease-out translate-x-full bg-primary z-10 mobile-menu lg:hidden"> <div class="bg-white p-4 flex items-center justify-between"> <div class="logo max-w-[158px]"><a href="index.html"><img src="wp-content/uploads/2024/06/Frame-34.svg" alt=""></a></div> <div class="mobile-menu-close cursor-pointer"> <img src="wp-content/themes/cityu-agc/images/home/ic_outline-close.svg" /> </div> </div> <div class="flex flex-col justify-between h-[90vh] px-5 py-7"> <div class=""> <nav class="mobile-menu-items"> <div class="menu-wrapper"> <ul id="menu-primary-menu-1" class="menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="about-us/index.html">About Us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79"><a href="fundraising-initiatives/index.html">Fundraising Initiatives</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78"><a href="impact-of-giving/index.html">Impact of Giving</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77"><a href="how-to-give/index.html">How To Give</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-155"><a href="acknowledgement/index.html">Acknowledgement</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81"><a href="donors-voice/index.html">Donors’ Voice</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a href="contact-us/index.html">Contact Us</a></li> </ul> </div> </nav> </div> <div class="flex justify-center items-center gap-x-2"> <a href="#" target="_blank"> <img src="wp-content/themes/cityu-agc/images/home/fb.svg" /> </a> <a href="#" target="_blank"> <img src="wp-content/themes/cityu-agc/images/home/instagram.svg" /> </a> <a href="#" target="_blank"> <img src="wp-content/themes/cityu-agc/images/home/mail.svg" /> </a> </div> </div> </div> <div id="content" class="site-content ">   <main> <section block-name="agc-banner-slider"> <div class="md:px-10"> <div class="relative p-[1px]"> <div class="absolute top-[14%] w-full z-[3]"> <div class="container-md px-5 "> <h1 class="heading1 text-white">Welcome to CityUHK Alumni Giving Club</h1> <h4 class="heading4 text-white py-5 max-w-[633px]">Support CityUHK Endowment Campaign to make eternal impact to empower generations</h4> <div class=""> <a href="cityuhk-endowment-campaign/index.html" target="_self" class="inline-block two-icons text-button text-white border border-white rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> <div class="banner-slider swiper hero-banner-overlay "> <div class="swiper-wrapper"> <div class="swiper-slide"> <img decoding="async" src="wp-content/uploads/2024/07/Homepage1.png" class="hidden md:block w-full min-h-[400px] 4xl:aspect-[1840/600] object-cover" /> <img decoding="async" src="wp-content/uploads/2024/07/Rectangle-34624493.png" class="md:hidden w-full" /> </div> <div class="swiper-slide"> <img decoding="async" src="wp-content/uploads/2024/07/Homepage2.png" class="hidden md:block w-full min-h-[400px] 4xl:aspect-[1840/600] object-cover" /> <img decoding="async" src="wp-content/uploads/2024/07/Rectangle-34624508.png" class="md:hidden w-full" /> </div> <div class="swiper-slide"> <img decoding="async" src="wp-content/uploads/2024/07/Homepage3.png" class="hidden md:block w-full min-h-[400px] 4xl:aspect-[1840/600] object-cover" /> <img decoding="async" src="wp-content/uploads/2024/07/Rectangle-34624509.png" class="md:hidden w-full" /> </div> <div class="swiper-slide"> <img decoding="async" src="wp-content/uploads/2024/07/Homepage4.png" class="hidden md:block w-full min-h-[400px] 4xl:aspect-[1840/600] object-cover" /> <img decoding="async" src="wp-content/uploads/2024/07/a.png" class="md:hidden w-full" /> </div> <div class="swiper-slide"> <img decoding="async" src="wp-content/uploads/2024/07/Homepage5-1.png" class="hidden md:block w-full min-h-[400px] 4xl:aspect-[1840/600] object-cover" /> <img decoding="async" src="wp-content/uploads/2024/07/b.png" class="md:hidden w-full" /> </div> </div> <div class="swiper-pagination"></div> </div> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/Desktopcurve.svg" class="absolute bottom-[-2px] w-full left-0 hidden md:block z-[2]" /> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/Mobilecurve.svg" class="absolute bottom-0 w-full left-0 md:hidden z-[2]" /> </div> </div> </section> <section block-name="agc-sologram" class="pt-[48px] md:pt-[64px] tree-leaf"> <div class="container"> <div class="container-sm tree-img-sologram"> <div class="agc-sologram-bg h-auto w-full bg-cover bg-no-repeat bg-center rounded-tl-[40px] md:rounded-tl-[60px] rounded-br-[40px] md:rounded-br-[60px]" style="background-image: url('wp-content/themes/cityu-agc/images/home/sologram-bg.png')"> <div class="lg:flex items-center py-10 px-10 max-w-[1003px] ml-[8%]"> <h2 class="heading2 text-white pb-[10px] lg:pb-auto">Happy 30th birthday, CityUHK! </h2> <div class=""> <h3 class="sologram-subtitle pb-4 lg:pb-10 text-white">Celebrating the 30th Anniversary as a Young and Innovative University</h3> <div class=""> <a href="https://www.cityu.edu.hk/cityu30th/" target="_blank" class="inline-block two-icons text-button text-white border border-white rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="container-sm tree-img-about"> <div class="about-us py-[48px] lg:py-[120px]"> <div class="lg:grid grid-cols-2 items-center gap-8 5xl:gap-[87px]"> <div class="flex flex-col"> <div class="flex items-end"> <div class="w-[55%] "> <img decoding="async" src="wp-content/uploads/2024/07/05e12c3e4a082803cdf48ad0ece45960.png" class="aspect-[347/315] object-cover max-w-[347px] w-full rounded-tr-[43%] rounded-bl-[43%] border-[5px] border-olive-green" /> </div> <div class="w-[45%] pl-[9px] xl:pl-[17px] pb-[17px] xl:pb-[31px]"> <img decoding="async" src="wp-content/uploads/2024/07/0a7d3eb2fc57b52867656a12f37f4725.png" class="aspect-[204/195] object-cover max-w-[204px] w-full rounded-[204px]" /> </div> </div> <div class="flex items-end"> <div class="w-[55%] pt-[14px] xl:pt-[26px] pr-[14px] xl:pr-[26px]"> <img decoding="async" src="wp-content/uploads/2024/07/a1ef4dcc50b32b84ab3dac5f35b303b8.png" class="aspect-[321/260] 6xl:aspect-[321/203] object-cover max-w-[321px] w-full rounded-[18px] xl:rounded-[33px]" /> </div> <div class="w-[45%]"> <img decoding="async" src="wp-content/uploads/2024/07/2d25a37a9f884f43a969762d7c2ed842.png" class="aspect-[227/229] object-cover max-w-[227px] w-full rounded-br-[32px] xl:rounded-br-[57px]" /> </div> </div> </div> <div class="pt-[28px] lg:pt-0"> <h3 class="heading3 text-dark-brown title-right">About us</h3> <h4 class="heading4 text-primary pt-2.5 md:pt-5 pb-4 md:pb-10">CityUHK Alumni Giving Club is a conduit for alumni and students to express their enthusiastic support for the university through making donations.</h4> <div class=""> <a href="about-us/index.html" target="_self" class="inline-block two-icons text-button text-white bg-primary hover:bg-olive-green rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> </div> </div> </div> </section> <section block-name="agc-why-we-give-card"> <div class="why-we-give-wrapper pb-[48px] lg:pb-[109px]"> <div class="container"> <div class="container-sm "> <div class="rounded-tl-[60px] rounded-br-[60px] bg-white lg:flex card"> <div class="relative"> <img decoding="async" src="wp-content/uploads/2024/06/Rectangle-18.png" class="lg:aspect-[554/617] object-cover lg:h-full w-full lg:max-w-[554px] rounded-tl-[60px]" /> <img decoding="async" src="wp-content/themes/cityu-agc/images/home/why-we-curve.svg" class="absolute top-0 h-full right-[-1px] hidden lg:block" /> </div> <div class="pt-[23px] pb-[52px] lg:py-[52px] px-6 2xl:pl-[39px] 2xl:pr-[53px] flex flex-col self-center"> <h3 class="heading3 text-dark-brown pb-5 text-center xl:text-left">Why we give back to alma mater</h3> <ul class="list"> <li>Express gratitude for the education and opportunities received</li> <li>Support the next generation of students</li> <li>Enhance resources and facilities for a better learning environment</li> <li>Contribute to maintaining the institutions reputation for excellence </li> <li>Actively participate in shaping the institutions future</li> <li>Foster a sense of community and strengthen alumni ties</li> <li>Leave a lasting legacy for future generations</li> </ul> </div> </div> </div> </div> </div> </section> <section block-name="agc-fundraising-slider" class="agc-fundraising-slider"> <div> <div class="pt-[48px] lg:pt-[120px]"> <div class="container"> <div class="container-md"> <div class="text-center mb-5 md:mb-[48px] lg:mb-[91px]"> <h3 class="heading3 text-dark-brown title-both">Fundraising Initiatives Highlights</h3> </div> </div> </div> <style> .agc-fundraising-slider-bg { background-image: url('wp-content/uploads/2024/07/Rectangle-501-2.png'); } </style> <div class="agc-fundraising-slider-bg w-full bg-no-repeat bg-bottom-center pb-0 md:pb-[120px] bg-cover fun-bg"> <div class="container"> <div class="max-w-[1600px] relative mx-auto"> <div class="max-w-[1540px] mx-auto"> <div class="fundraising-slider swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="relative group rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] "> <img decoding="async" src="wp-content/uploads/2024/07/22e12666cdbb7ed9b5191c3fce10da68.jpeg" class="w-full" /> <div class="absolute py-4 px-[25px] top-0 left-0 w-full h-full bg-[#00000057] rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px]"> <div class="bg-primary rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] relative top-0 left-0 w-full h-0 group-hover:h-full transition-all duration-300 ease-out opacity-50 z-0"> </div> <div class="z-[1] absolute text-center px-[50px] top-1/2 -translate-y-1/2 left-0 w-full"> <h4 class="heading4 text-white pb-5 relative translate-y-0 md:translate-y-1/2 group-hover:translate-y-0 transition-transform duration-300 ease-out"> Graduation Gift Campaign </h4> <div> <a href="graduation-gift-campaign/index.html" target="_self" class="inline-block two-icons text-button text-white border border-whtie rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn opacity-100 md:opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-out"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="relative group rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] "> <img decoding="async" src="wp-content/uploads/2024/07/Rectangle-34624496.png" class="w-full" /> <div class="absolute py-4 px-[25px] top-0 left-0 w-full h-full bg-[#00000057] rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px]"> <div class="bg-primary rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] relative top-0 left-0 w-full h-0 group-hover:h-full transition-all duration-300 ease-out opacity-50 z-0"> </div> <div class="z-[1] absolute text-center px-[50px] top-1/2 -translate-y-1/2 left-0 w-full"> <h4 class="heading4 text-white pb-5 relative translate-y-0 md:translate-y-1/2 group-hover:translate-y-0 transition-transform duration-300 ease-out"> Naming Chair at Wong Cheung Lo Hui Yuet Hall </h4> <div> <a href="naming-chair-at-wong-cheung-lo-hui-yuet-hall/index.html" target="_self" class="inline-block two-icons text-button text-white border border-whtie rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn opacity-100 md:opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-out"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="relative group rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] "> <img decoding="async" src="wp-content/uploads/2024/07/94b0f9f7b024bd2b24386bc3bf0b7d12-scaled.jpeg" class="w-full" /> <div class="absolute py-4 px-[25px] top-0 left-0 w-full h-full bg-[#00000057] rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px]"> <div class="bg-primary rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] relative top-0 left-0 w-full h-0 group-hover:h-full transition-all duration-300 ease-out opacity-50 z-0"> </div> <div class="z-[1] absolute text-center px-[50px] top-1/2 -translate-y-1/2 left-0 w-full"> <h4 class="heading4 text-white pb-5 relative translate-y-0 md:translate-y-1/2 group-hover:translate-y-0 transition-transform duration-300 ease-out"> CityUHK Endowment Campaign </h4> <div> <a href="cityuhk-endowment-campaign/index.html" target="_self" class="inline-block two-icons text-button text-white border border-whtie rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn opacity-100 md:opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-out"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> </div> </div> <div class="swiper-slide hide"> <div class="relative group rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] "> <img decoding="async" src="wp-content/uploads/2024/07/Rectangle-34624499.png" class="w-full" /> <div class="absolute py-4 px-[25px] top-0 left-0 w-full h-full bg-[#00000057] rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px]"> <div class="bg-primary rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] relative top-0 left-0 w-full h-0 group-hover:h-full transition-all duration-300 ease-out opacity-50 z-0"> </div> <div class="z-[1] absolute text-center px-[50px] top-1/2 -translate-y-1/2 left-0 w-full"> <h4 class="heading4 text-white pb-5 relative translate-y-0 md:translate-y-1/2 group-hover:translate-y-0 transition-transform duration-300 ease-out"> Matching Grant Schemes </h4> <div> <a href="matching-grant-schemes/index.html" target="_self" class="inline-block two-icons text-button text-white border border-whtie rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn opacity-100 md:opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-out"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="relative group rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] "> <img decoding="async" src="wp-content/uploads/2024/07/05e12c3e4a082803cdf48ad0ece45960.png" class="w-full" /> <div class="absolute py-4 px-[25px] top-0 left-0 w-full h-full bg-[#00000057] rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px]"> <div class="bg-primary rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] relative top-0 left-0 w-full h-0 group-hover:h-full transition-all duration-300 ease-out opacity-50 z-0"> </div> <div class="z-[1] absolute text-center px-[50px] top-1/2 -translate-y-1/2 left-0 w-full"> <h4 class="heading4 text-white pb-5 relative translate-y-0 md:translate-y-1/2 group-hover:translate-y-0 transition-transform duration-300 ease-out"> Support CityUHK Students by Scholarships and Bursaries </h4> <div> <a href="https://aro.cityu.edu.hk/home/giving/SupportJF/" target="_blank" class="inline-block two-icons text-button text-white border border-whtie rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn opacity-100 md:opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-out"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="relative group rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] "> <img decoding="async" src="wp-content/uploads/2024/07/9a81f8c868e8b62f99ff3555842988ba.jpeg" class="w-full" /> <div class="absolute py-4 px-[25px] top-0 left-0 w-full h-full bg-[#00000057] rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px]"> <div class="bg-primary rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] relative top-0 left-0 w-full h-0 group-hover:h-full transition-all duration-300 ease-out opacity-50 z-0"> </div> <div class="z-[1] absolute text-center px-[50px] top-1/2 -translate-y-1/2 left-0 w-full"> <h4 class="heading4 text-white pb-5 relative translate-y-0 md:translate-y-1/2 group-hover:translate-y-0 transition-transform duration-300 ease-out"> We Care for CityUHK Sports </h4> <div> <a href="https://aro.cityu.edu.hk/home/caring/sports/" target="_blank" class="inline-block two-icons text-button text-white border border-whtie rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn opacity-100 md:opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-out"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" f-arrow"> <div class="swiper-button-next "></div> <div class="swiper-button-prev "></div> </div> </div> </div> </div> </div> </div> </section> <section block-name="agc-impact-giving" class="py-[48px] lg:py-[120px] "> <div class="container"> <div class="container-xs agc-impact-vector relative"> <div class="md:flex justify-between items-center pb-10">  <div class="text-center "> <h4 class="heading3 text-dark-brown ">Impact of Giving</h4> </div> <div class="hidden md:block"> <a href="impact-of-giving/index.html" target="_self" class="inline-block two-icons text-button text-black border border-black hover:text-primary hover:border-primary rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn arrow-black"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow-black.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow-black.svg" class="arrow next-arrow absolute top-full"> </div> View All </div> </a> </div> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-y-4 gap-x-[33px] "> <div> <img decoding="async" src="wp-content/uploads/2024/06/give-1.png" alt="" class="aspect-[410/290] object-cover rounded-tl-[30px] rounded-br-[30px]" /> </div> <div> <img decoding="async" src="wp-content/uploads/2024/06/give-2.png" alt="" class="aspect-[410/290] object-cover rounded-tl-[30px] rounded-br-[30px]" /> </div> <div> <img decoding="async" src="wp-content/uploads/2024/06/give-3-1.png" alt="" class="aspect-[410/290] object-cover rounded-tl-[30px] rounded-br-[30px]" /> </div> </div> <div class="md:hidden flex justify-center pt-5"> <a href="impact-of-giving/index.html" target="_self" class="inline-block two-icons text-button text-black border border-black hover:text-primary hover:border-primary rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn arrow-black"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow-black.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow-black.svg" class="arrow next-arrow absolute top-full"> </div> View All </div> </a> </div> </div> </div> </section> <section block-name="agc-how-to-give" class="how-to-give"> <div class="container"> <div class="container-xs"> <div class="lg:flex bg-white rounded-tl-[40px] lg:rounded-tl-[60px] rounded-br-[40px] lg:rounded-br-[60px] card how-to-give-vector relative"> <div class="lg:w-1/2"> <img decoding="async" src="wp-content/uploads/2024/06/Rectangle-483-3.png" class="xl:aspect-[654/432] object-cover lg:h-full w-full xl:max-w-[654px] rounded-tl-[40px] lg:rounded-tl-[60px]"> </div> <div class="relative flex self-center lg:w-1/2 py-7 px-5 lg:px-0"> <img decoding="async" src="wp-content/themes/cityu-agc/images/home/how-to-give-tree.svg" class="absolute top-[20%] 6xl:top-[-8%] right-5 z-0 max-w-[30%] 6xl:max-w-[35%]" /> <div class="relative z-[1] lg:pl-[62px] pr-5 max-w-[500px]"> <div class="text-left pb-5"> <h3 class="heading3 text-dark-brown title-right ">How to give</h3> </div> <h5 class="heading5 text-primary pb-10">Explore ways to support scholarships, bursaries, and awards for CityUHK students.</h5> <div> <a href="how-to-give/index.html" target="_self" class="inline-block two-icons text-button text-white bg-black hover:bg-olive-green rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn "> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> </div> </div> </div> <section block-name="home-title-des" class="py-12 lg:py-[120px]"> <div class="container"> <div class="container-xs home-t-d-vector relative"> <div class="text-center pb-2.5 md:pb-5"> <h3 class="heading3 title-both text-dark-brown">Acknowledgement For Donors</h3> </div> <h4 class="heading4 pb-2.5 md:pb-10 text-primary text-center">Recognition and thanks </h4> <h4 class="heading4 text-primary text-center pb-4 md:pb-10">Donations from alumni contribute significantly to CityUHK advancement and whole-person student development. Alumni donating to the University will become members of the Alumni Giving Club (AGC) and/or CityUHK Foundation. Gift to your alma mater are counted cumulatively and will be appropriately acknowledged.</h4> <div class="flex justify-center"> <a href="acknowledgement/index.html" target="_self" class="inline-block two-icons text-button text-white bg-primary hover:bg-olive-green rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn "> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow.svg" class="arrow next-arrow absolute top-full"> </div> Learn More </div> </a> </div> </div> </div> </section> </section> </main> </div> <footer> <div class="py-7 md:pt-[64px] md:pb-[72px] bg-light-grey relative"> <img src="wp-content/themes/cityu-agc/images/footer/footer-vector.svg" class="absolute left-0 bottom-0 z-0" /> <div class="fixed right-0 lg:right-10 w-[35px] md:w-[54px] top-1/2 z-[20] make-a-gift cursor-pointer"> <div class="relative"> <img src="wp-content/themes/cityu-agc/images/footer/make-a-gift.svg" /> <p class="text-white absolute left-1.5 sm:left-0 top-0 py-2 px-[2px] md:py-5 md:px-4 mode">Make a Gift </p> </div> </div> <div class="fixed left-0 top-0 w-full h-full make-a-gift-popup z-[21] bg-[#25252569] hidden"> <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-white rounded-br-[40px] lg:rounded-bl-[60px] rounded-tl-[40px] lg:rounded-tl-none lg:rounded-tr-[60px] w-[90%] md:w-auto lg:w-[85%] 4xl:w-auto"> <div class="flex flex-col-reverse lg:flex-row"> <div class="lg:w-[60%] px-5 py-6 lg:p-10"> <h3 class="heading3 text-primary pb-3 border-b border-light-grey">Online Donation</h3> <p class="hidden lg:block body text-grey py-5"></p> <div class="pb-5 pt-6 lg:pt-0"> <a href="https://www.cityu.edu.hk/aro/alum/AppForm/StI_AppForm.aspx?id=104&AspxAutoDetectCookieSupport=1#038;AspxAutoDetectCookieSupport=1" target="_blank" class="inline-block two-icons text-button text-black border border-black hover:text-primary hover:border-primary rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn arrow-black"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow-black.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow-black.svg" class="arrow next-arrow absolute top-full"> </div> One time Gift </div> </a> </div> <div> <a href="https://www.cityu.edu.hk/aro/alum/AppForm/StI_AppForm.aspx?id=105" target="_blank" class="inline-block two-icons text-button text-black border border-black hover:text-primary hover:border-primary rounded-[27px] py-2 md:py-[13px] px-5 md:px-[30px] arrow-btn arrow-black"> <div class="flex items-center gap-[10px]"> <div class=" relative w-6 h-6 overflow-hidden"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow-black.svg" class="arrow prev-arrow absolute top-1/2 -translate-y-1/2"> <img decoding="async" src="wp-content/themes/cityu-agc/images/banner/btn-arrow-black.svg" class="arrow next-arrow absolute top-full"> </div> Monthly Giving Annual Giving </div> </a> </div> </div> <div class="lg:w-[40%] relative"> <img src="wp-content/uploads/2024/07/8551d43163d11b058174af44debb0389-scaled.jpeg" class="rounded-tl-[40px] lg:rounded-tr-[60px] max-h-[320px] lg:max-h-full lg:aspect-[349/380] object-cover w-full lg:h-full " /> <img src="wp-content/themes/cityu-agc/images/footer/online-donation-desktop.svg" class="absolute left-[-1px] bottom-0 z-[10] h-full hidden lg:block" /> <img src="wp-content/themes/cityu-agc/images/footer/ep_close-bold.svg" class="absolute top-[30px] right-[30px] cursor-pointer make-close" /> <img src="wp-content/themes/cityu-agc/images/footer/online-donation-mobile.svg" class="absolute left-0 bottom-[-1px] w-full z-[10] lg:hidden" /> </div> </div> </div> </div> <div class="hidden lg:block page-top absolute bottom-[70px] 3xl:bottom-[100px] right-[3%] 5xl:right-[100px] z-[12] cursor-pointer"> <img src="wp-content/themes/cityu-agc/images/footer/top.svg" /> <p class="pt-1.5 text-16 text-black text-center">Top</p> </div> <div class="container relative z-[1]"> <div class="footer-up"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-y-7 gap-x-20"> <div class="lg:pt-[56px]"> <a href=""> <img src="wp-content/uploads/2024/06/CityUHKAGC - footer.svg" class="max-w-[234px] lg:max-w-full" /> </a> </div> <div class="quick-link"> <div class="lg:max-w-[285px]"> <p class="heading5 text-black pb-3 md:pb-5 border-b border-[#677872] border-dashed"> Quick Links </p> <div class="pt-3 md:pt-5"> <div class="menu-wrapper"> <ul id="menu-footer-menu" class="menu"> <li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-275"> <a href="about-us/index.html">About Us</a> </li> <li id="menu-item-276" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-276"> <a href="scholarship/index.html">Scholarships, Bursaries, Awards</a> </li> <li id="menu-item-277" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-277"> <a href="fundraising-initiatives/index.html">Fundraising Initiatives</a> </li> <li id="menu-item-279" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-279"> <a href="impact-of-giving/index.html">Impact of Giving</a> </li> <li id="menu-item-278" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-278"> <a href="how-to-give/index.html">How To Give</a> </li> <li id="menu-item-280" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-280"> <a href="acknowledgement/index.html">Acknowledgement</a> </li> <li id="menu-item-281" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-281"> <a href="donors-voice/index.html">Donors’ Voice</a> </li> <li id="menu-item-282" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-282"> <a href="contact-us/index.html">Contact Us</a> </li> </ul> </div> </div> </div> </div> <div class="office"> <div class="lg:max-w-[499px]"> <p class="heading5 text-black pb-3 md:pb-5 border-b border-[#677872] border-dashed"> Alumni Relations Office </p> <div class="pt-3 md:pt-5"> <div class="flex gap-x-2.5 pb-5 pb-2.5"> <p class="text-black body font-semibold min-w-[67px] md:min-w-[84px]"> Address: </p> <p class="text-[#677872] body">11/F, Lau Ming Wai Academic Building,83 Tat Chee Avenue,City University of Hong KongKowloon Tong, Hong Kong</p> </div> <div class="flex gap-x-2.5 pb-5 pb-2.5"> <p class="text-black body font-semibold min-w-[67px] md:min-w-[84px]"> Enquiry: </p> <p class="text-[#677872] body"><a href="tel:(852)34425930">(852) 3442 5930</a></p> </div> <div class="flex gap-x-2.5 pb-5 pb-2.5"> <p class="text-black body font-semibold min-w-[67px] md:min-w-[84px]">Fax: </p> <p class="text-[#677872] body"><a href="fax:(852)34420668">(852) 3442 0668</a></p> </div> <div class="flex gap-x-2.5 pb-5 pb-2.5"> <p class="text-black body font-semibold min-w-[67px] md:min-w-[84px]">Email: </p> <p class="text-[#677872] body"><a href="mailto:alumgiving@cityu.edu.hk" class="underline">alumgiving@cityu.edu.hk</a></p> </div> <div class="flex gap-x-2.5 pb-5 pb-2.5"> <p class="text-black body font-semibold min-w-[67px] md:min-w-[84px]"> Website: </p> <p class="text-[#677872] body"><a href="https://www.cityu.edu.hk/aro/main/" target="_blank" class="underline">www.cityu.edu.hk/aro</a></p> </div> <div class="flex gap-x-2.5 pb-5 pb-2.5"> <p class="text-black body font-semibold min-w-[67px] md:min-w-[84px]"> </p> <p class="text-[#677872] body"><a href="https://aro.cityu.edu.hk/home/giving/agc/main/#!about-objective#!about-objective" target="_blank" class="underline">www.cityu.edu.hk/aro/agc</a></p> </div> <div class="flex gap-x-2.5 pb-5 pb-2.5"> <p class="text-black body font-semibold min-w-[67px] md:min-w-[84px]"> Facebook: </p> <p class="text-[#677872] body"><a href="https://www.facebook.com/cityualumni" target="_blank" class="underline">www.facebook.com/cityualumni</a></p> </div> <div class="flex gap-x-2.5 pb-5 pb-2.5"> <p class="text-black body font-semibold min-w-[67px] md:min-w-[84px]"> Instagram: </p> <p class="text-[#677872] body"><a href="https://www.instagram.com/accounts/login/?next=https%3A%2F%2Fwww.instagram.com%2Fcityuhkalumni%2F&is_from_rle" target="_blank" class="underline">www.instagram.com/cityuhkalumni/</a></p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="border-t border-[#A3B9B1] bg-light-grey py-4"> <div class="container"> <div class="footer-down"> <div class="lg:flex justify-between items-center gap-x-2"> <div> <p class="body text-[#677872]">漏 2024 CityUHK Alumni Giving Club</p> </div> <div class="lg:hidden"> <a href="#" target="_blank" class="body text-[#677872]">Site by VisibleOne</a> </div> <div class="flex items-center gap-x-5 pt-3 lg:pt-0"> <a href="faqs/index.html" target="_self" class="body text-[#677872]">FAQs</a> <a href="terms-of-use/index.html" target="_self" class="body text-[#677872]">Terms of use</a> <a href="privacy-policy/index.html" target="_self" class="body text-[#677872]">Privacy Policy</a> </div> <div class="hidden lg:block"> <a href="#" target="_blank" class="body text-[#677872]">Site by VisibleOne</a> </div> </div> </div> </div> </div> </footer> </div> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=445920518" async></script></body> </html>

CINXE.COM

cityu-agc