1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/__l5e/assets-v1/d62b2660-e192-45b1-9058-e055f85771a7/logo.jpg"/><link rel="preload" as="image" href="/__l5e/assets-v1/bc14bf0c-ebac-41b4-aa89-9163cc54874f/hero-poster.jpg"/><link rel="stylesheet" href="/assets/styles-D3kaO4Od.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],400;9..144,500;9..144,600;9..144,700;9..144,800&family=Inter:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap" data-precedence="default"/><title>Neurodiversity â Connecting minds, building inclusion in Hong Kong</title><meta name="author" content="Neurodiversity"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Neurodiversity â Empowering inclusion in Hong Kong"/><meta name="twitter:description" content="A student-led Hong Kong community connecting neurotypicals with neurodivergents through programs, school partners and advocacy. We host a large variety of programs."/><meta property="og:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/bByKRZ2fI6PYRYjhLuaFbcQZj222/social-images/social-1784529896485-Screenshot_2026-07-20_at_2.44.44_PM.webp"/><meta name="twitter:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/bByKRZ2fI6PYRYjhLuaFbcQZj222/social-images/social-1784529896485-Screenshot_2026-07-20_at_2.44.44_PM.webp"/><meta name="description" content="Student-led programs across Hong Kong connecting neurotypicals with neurodivergents through workshops, school partners and advocacy."/><meta property="og:title" content="Neurodiversity â Connecting minds in Hong Kong"/><meta property="og:description" content="Respect. Inclusion. Awareness. Discover our programs and school partners."/><meta property="og:url" content="https://neurodiversityhk.org/"/><link rel="modulepreload" href="/assets/index-Ibx4YJWj.js"/><link rel="modulepreload" href="/assets/index-ByA54nIA.js"/><link rel="modulepreload" href="/assets/objectives-BBqv2z4-.js"/><link rel="modulepreload" href="/assets/hero-poster.jpg.asset-DXAdLNeP.js"/><link rel="modulepreload" href="/assets/button-DGm3Td_o.js"/><link rel="modulepreload" href="/assets/arrow-left-B-d0g6HG.js"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="icon" type="image/x-icon" href="/favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="manifest" href="/manifest.webmanifest"/><link rel="canonical" href="https://neurodiversityhk.org/"/>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1</head><body><div class="flex min-h-screen flex-col"><header class="sticky top-0 z-50 border-b border-border/60 bg-background/85 backdrop-blur-md"><div class="container-page flex h-16 items-center justify-between gap-4"><a class="flex items-center gap-3 active" href="/" data-status="active" aria-current="page"><img src="/__l5e/assets-v1/d62b2660-e192-45b1-9058-e055f85771a7/logo.jpg" alt="Neurodiversity" class="h-10 w-10 rounded-full object-cover ring-1 ring-border"/><div class="leading-tight"><div class="font-display text-base font-semibold tracking-tight">Neurodiversity</div><div class="text-[10px] uppercase tracking-[0.18em] text-muted-foreground">Connecting minds in Hong Kong</div></div></a><nav class="hidden items-center gap-1 lg:flex"><a class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition-colors hover:bg-muted hover:text-foreground rounded-md px-3 py-2 text-sm font-semibold text-primary bg-muted" href="/" data-status="active" aria-current="page">Home</a><a href="/programs" class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition-colors hover:bg-muted hover:text-foreground">Programs</a><a href="/team" class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition-colors hover:bg-muted hover:text-foreground">Team</a><a href="/our-story" class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition-colors hover:bg-muted hover:text-foreground">Our Story</a><a href="/collaborations" class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition-colors hover:bg-muted hover:text-foreground">Collaborations</a><a href="/contact" class="rounded-md px-3 py-2 text-sm font-medium text-foreground/80 transition-colors hover:bg-muted hover:text-foreground">Contact</a></nav><div class="hidden items-center gap-2 lg:flex"><div role="group" aria-label="Language" class="inline-flex items-center rounded-full border border-border bg-background p-0.5 text-xs font-semibold "><button type="button" aria-pressed="true" class="rounded-full px-2.5 py-1 transition-colors bg-primary text-primary-foreground">EN</button><button type="button" aria-pressed="false" class="rounded-full px-2.5 py-1 transition-colors text-foreground/70 hover:text-foreground">ä¸</button></div></div><button aria-label="Toggle menu" class="inline-flex h-10 w-10 items-center justify-center rounded-md border border-border lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></header><main class="flex-1"><!--$--><section class="relative isolate overflow-hidden bg-brand-ink"><div class="absolute inset-0"><img src="/__l5e/assets-v1/bc14bf0c-ebac-41b4-aa89-9163cc54874f/hero-poster.jpg" alt="" class="h-full w-full object-cover opacity-90"/><div class="absolute inset-0 bg-gradient-to-b from-brand-ink/10 via-brand-ink/25 to-brand-ink/80"></div></div><div class="container-page relative flex min-h-[88vh] flex-col justify-end pb-20 pt-32 text-background md:min-h-[92vh]"><span class="inline-flex w-fit items-center gap-2 rounded-full border border-white/25 bg-white/10 px-4 py-1.5 text-xs font-medium uppercase tracking-[0.18em] backdrop-blur"><span class="h-1.5 w-1.5 rounded-full bg-secondary"></span> <!-- -->Hong Kong · Student-led</span><div class="relative mt-6 max-w-4xl px-8 py-10 md:px-14 md:py-14" style="background:radial-gradient(ellipse 55% 70% at 40% 50%, rgba(28,60,135,0.6) 0%, rgba(28,60,135,0.4) 35%, rgba(28,60,135,0.18) 55%, rgba(28,60,135,0.05) 72%, rgba(28,60,135,0) 82%)"><h1 class="font-display text-5xl font-semibold leading-[1.05] tracking-tight text-balance md:text-7xl">Connecting minds.<br/><span class="text-secondary">Building inclusion.</span></h1><p class="mt-6 max-w-2xl text-lg leading-relaxed text-background/90 md:text-xl">We connect neurotypicals with neurodivergents â empowering Hong Kong's community through respect, awareness, and programs where every mind belongs.</p></div><div class="mt-10 flex flex-wrap gap-3"><a href="/programs" class="inline-flex items-center gap-2 rounded-full bg-secondary px-6 py-3 text-sm font-semibold text-brand-ink shadow-lg transition-transform hover:scale-[1.02]">Explore our programs<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/contact" class="inline-flex items-center gap-2 rounded-full border border-white/30 bg-white/10 px-6 py-3 text-sm font-semibold text-background backdrop-blur transition-colors hover:bg-white/20">Get involved</a></div></div></section><section class="border-b border-border bg-brand-bone"><div class="container-page grid gap-10 py-20 md:grid-cols-12"><div class="md:col-span-5"><p class="text-xs font-semibold uppercase tracking-[0.22em] text-primary">Our Mission</p><h2 class="mt-4 font-display text-4xl font-semibold leading-tight tracking-tight text-balance md:text-5xl">For a brighter and more inclusive future, for everyone.</h2></div><div class="md:col-span-7 md:pt-2">
1<p class="text-lg leading-relaxed text-foreground/80">A joint effort, empowering and broadening the Neurodivergent community through the inclusive help of Neurotypicals. Through student led initiatives, programs are curated towards Neurodivergent individuals creating an emphasis on an inclusive community. One where all feel similarly valued and empowered.</p><div class="mt-8 grid grid-cols-3 gap-6 border-t border-border pt-8"><div><div class="font-display text-3xl font-semibold text-primary md:text-4xl">16</div><div class="mt-1 text-xs font-medium uppercase tracking-wider text-muted-foreground">School Partners</div></div><div><div class="font-display text-3xl font-semibold text-primary md:text-4xl">50+</div><div class="mt-1 text-xs font-medium uppercase tracking-wider text-muted-foreground">Programs Run</div></div><div><div class="font-display text-3xl font-semibold text-primary md:text-4xl">100+</div><div class="mt-1 text-xs font-medium uppercase tracking-wider text-muted-foreground">Volunteers</div></div></div></div></div></section><section class="container-page py-24"><div class="flex items-end justify-between gap-6"><div><p class="text-xs font-semibold uppercase tracking-[0.22em] text-primary">Our Programs</p><h2 class="mt-3 font-display text-4xl font-semibold tracking-tight md:text-5xl">Programs that shape and an impact that lingers.</h2></div><a href="/programs" class="hidden items-center gap-2 text-sm font-semibold text-primary hover:underline md:inline-flex">See all programs<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="mt-12 grid gap-6 md:grid-cols-3"><a href="https://www.instagram.com/p/C6cfejnvODS/?utm_source=ig_embed&ig_rid=AwLsSjXdbH5SHpe0kvNpTby" target="_blank" rel="noopener noreferrer" class="group block overflow-hidden rounded-2xl border border-border bg-card transition-shadow hover:shadow-xl"><div class="aspect-[4/3] overflow-hidden"><img src="/__l5e/assets-v1/9545bb70-1534-4dba-b7e3-41fd9a99ef7e/program-barista.jpg" alt="Barista Training" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"/></div><div class="p-6"><span class="text-xs font-semibold uppercase tracking-wider text-primary">Workshop</span><h3 class="mt-2 font-display text-2xl font-semibold tracking-tight">Barista Training</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Annual Barista Workshop led by Alex Collier at the Nest Coffee Shop in partnership with the Nesbitt Centre.</p></div></a><a href="https://www.instagram.com/p/C234jqrvzCu/?utm_source=ig_embed&ig_rid=Az-_LeqQw2216Guz_oHeI6M" target="_blank" rel="noopener noreferrer" class="group block overflow-hidden rounded-2xl border border-border bg-card transition-shadow hover:shadow-xl"><div class="aspect-[4/3] overflow-hidden"><img src="/__l5e/assets-v1/68d175a0-47bd-4e30-b58f-6a9d6cf18bf8/program-calligraphy.jpg" alt="Chinese Calligraphy" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"/></div><div class="p-6"><span class="text-xs font-semibold uppercase tracking-wider text-primary">Culture</span><h3 class="mt-2 font-display text-2xl font-semibold tracking-tight">Chinese Calligraphy</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">In collaboration with the Canadian International School Chinese department â creativity, focus and tradition.</p></div></a><a href="https://www.instagram.com/p/DQqtBm8CdPA/" target="_blank" rel="noopener noreferrer" class="group block overflow-hidden rounded-2xl border border-border bg-card transition-shadow hover:shadow-xl"><div class="aspect-[4/3] overflow-hidden"><img src="/__l5e/assets-v1/0d3f1fc7-9b20-46c8-8768-fb9afe5403da/program-disco.jpg" alt="Silent Discos" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"/></div><div class="p-6"><span class="text-xs font-semibold uppercase tracking-wider text-primary">Community</span>
1<h3 class="mt-2 font-display text-2xl font-semibold tracking-tight">Silent Discos</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Sensory-friendly dance events where every participant gets to move to their own rhythm.</p></div></a></div></section><section class="container-page py-24"><div class="mx-auto max-w-3xl text-center"><p class="text-xs font-semibold uppercase tracking-[0.22em] text-primary">Voices</p><h2 class="mt-3 font-display text-4xl font-semibold tracking-tight md:text-5xl">What our community says.</h2></div><div class="relative mx-auto mt-12 max-w-3xl" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full pl-4"><div class="px-2 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote mx-auto h-10 w-10 text-secondary" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><blockquote class="mt-6 font-display text-2xl font-medium leading-snug text-balance md:text-3xl">"<!-- -->I can't even begin to express the impact you're making. You're creating a safe space for neurodiverse kids where they feel welcomed â and giving these kids a place to shine.<!-- -->"</blockquote><p class="mt-6 text-sm font-semibold uppercase tracking-[0.18em] text-muted-foreground">Sarah · Edward's sister</p></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full pl-4"><div class="px-2 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote mx-auto h-10 w-10 text-secondary" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><blockquote class="mt-6 font-display text-2xl font-medium leading-snug text-balance md:text-3xl">"<!-- -->Katy loved making coffee and the volunteers were helpful and engaged well with the participants.<!-- -->"</blockquote><p class="mt-6 text-sm font-semibold uppercase tracking-[0.18em] text-muted-foreground">Barista Program · Participant Parent</p></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full pl-4"><div class="px-2 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote mx-auto h-10 w-10 text-secondary" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><blockquote class="mt-6 font-display text-2xl font-medium leading-snug text-balance md:text-3xl">"<!-- -->I learnt how to make a cappuccino. There were so many fun activities. All the volunteers were very kind and helpful. I feel grateful that I got to do the Barista program and receive a certificate! Thank you!<!-- -->"</blockquote><p class="mt-6 text-sm font-semibold uppercase tracking-[0.18em] text-muted-foreground">Barista Program · Student</p></div></div></div></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground absolute h-8 w-8 rounded-full -left-12 top-1/2 -translate-y-1/2" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left h-4 w-4" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg><span class="sr-only">
1Previous slide</span></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground absolute h-8 w-8 rounded-full -right-12 top-1/2 -translate-y-1/2" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="sr-only">Next slide</span></button></div><p class="mt-6 text-center text-xs uppercase tracking-[0.22em] text-muted-foreground md:hidden">â <!-- -->Swipe for more<!-- --> â</p></section><section class="relative overflow-hidden border-t border-border bg-brand-bone"><div class="container-page py-24"><div class="max-w-3xl animate-fade-in"><p class="text-xs font-semibold uppercase tracking-[0.22em] text-primary">Core Objectives</p><h2 class="mt-3 font-display text-4xl font-semibold tracking-tight md:text-5xl">Eight commitments that guide our work.</h2><p class="mt-4 max-w-2xl text-base leading-relaxed text-foreground/70">The principles that anchor every programme, partnership, and conversation we lead.</p></div><ul class="mt-14 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4"><li class="group relative flex h-64 flex-col justify-between rounded-2xl border border-border bg-card p-6 transition-all duration-500 hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl"><div><span class="font-display text-xs font-semibold uppercase tracking-[0.18em] text-primary">01</span><h3 class="mt-3 font-display text-lg font-semibold leading-snug tracking-tight text-brand-ink transition-colors duration-300 group-hover:text-primary">Relief of challenges and disadvantage<!-- --> <span class="text-sm font-medium text-foreground/80"> (HK focus)</span></h3><p class="mt-3 text-sm leading-relaxed text-foreground/70">Programmes curated towards inclusive engagement in Hong Kong.</p></div><span aria-hidden="true" class="h-[2px] w-8 bg-primary transition-all duration-500 group-hover:w-full"></span></li><li class="group relative flex h-64 flex-col justify-between rounded-2xl border border-border bg-card p-6 transition-all duration-500 hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl"><div><span class="font-display text-xs font-semibold uppercase tracking-[0.18em] text-primary">02</span><h3 class="mt-3 font-display text-lg font-semibold leading-snug tracking-tight text-brand-ink transition-colors duration-300 group-hover:text-primary">Advancement of education on disabilities and neurodiversity</h3><p class="mt-3 text-sm leading-relaxed text-foreground/70">Educating students, families, and the wider public.</p></div><span aria-hidden="true" class="h-[2px] w-8 bg-primary transition-all duration-500 group-hover:w-full"></span></li><li class="group relative flex h-64 flex-col justify-between rounded-2xl border border-border bg-card p-6 transition-all duration-500 hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl"><div><span class="font-display text-xs font-semibold uppercase tracking-[0.18em] text-primary">03</span><h3 class="mt-3 font-display text-lg font-semibold leading-snug tracking-tight text-brand-ink transition-colors duration-300 group-hover:text-primary">Inclusive educational and developmental programmes for Neurodivergent persons/individuals<!-- --> <span class="text-sm font-medium text-foreground/80"> (no differentiation needed)</span></h3><p class="mt-3 text-sm leading-relaxed text-foreground/70">Mentorship and skills training for the Neurodivergent youth.</p></div><span aria-hidden="true" class="h-[2px] w-8 bg-primary transition-all duration-500 group-hover:w-full"></span></li><li class="group relative flex h-64 flex-col justify-between rounded-2xl border border-border bg-card p-6 transition-all duration-500 hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl"><div><span class="font-display text-xs font-semibold uppercase tracking-[0.18em] text-primary">04</span>
1<h3 class="mt-3 font-display text-lg font-semibold leading-snug tracking-tight text-brand-ink transition-colors duration-300 group-hover:text-primary">Promotion of social inclusion and integration</h3><p class="mt-3 text-sm leading-relaxed text-foreground/70">Bringing Neurodivergent and Neurotypical people together</p></div><span aria-hidden="true" class="h-[2px] w-8 bg-primary transition-all duration-500 group-hover:w-full"></span></li><li class="group relative flex h-64 flex-col justify-between rounded-2xl border border-border bg-card p-6 transition-all duration-500 hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl"><div><span class="font-display text-xs font-semibold uppercase tracking-[0.18em] text-primary">05</span><h3 class="mt-3 font-display text-lg font-semibold leading-snug tracking-tight text-brand-ink transition-colors duration-300 group-hover:text-primary">Leadership development with an emphasis on inclusion.</h3><p class="mt-3 text-sm leading-relaxed text-foreground/70">Equipping students and educators with the ability to lead inclusively.</p></div><span aria-hidden="true" class="h-[2px] w-8 bg-primary transition-all duration-500 group-hover:w-full"></span></li><li class="group relative flex h-64 flex-col justify-between rounded-2xl border border-border bg-card p-6 transition-all duration-500 hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl"><div><span class="font-display text-xs font-semibold uppercase tracking-[0.18em] text-primary">06</span><h3 class="mt-3 font-display text-lg font-semibold leading-snug tracking-tight text-brand-ink transition-colors duration-300 group-hover:text-primary">Collaboration with schools and community partners</h3><p class="mt-3 text-sm leading-relaxed text-foreground/70">Partnering with both schools, NGO's, and sponsers</p></div><span aria-hidden="true" class="h-[2px] w-8 bg-primary transition-all duration-500 group-hover:w-full"></span></li><li class="group relative flex h-64 flex-col justify-between rounded-2xl border border-border bg-card p-6 transition-all duration-500 hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl"><div><span class="font-display text-xs font-semibold uppercase tracking-[0.18em] text-primary">07</span><h3 class="mt-3 font-display text-lg font-semibold leading-snug tracking-tight text-brand-ink transition-colors duration-300 group-hover:text-primary">Advocacy and improvement of systems and environments</h3><p class="mt-3 text-sm leading-relaxed text-foreground/70">Advocating for accessible policies and environments.</p></div><span aria-hidden="true" class="h-[2px] w-8 bg-primary transition-all duration-500 group-hover:w-full"></span></li><li class="group relative flex h-64 flex-col justify-between rounded-2xl border border-border bg-card p-6 transition-all duration-500 hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl"><div><span class="font-display text-xs font-semibold uppercase tracking-[0.18em] text-primary">08</span><h3 class="mt-3 font-display text-lg font-semibold leading-snug tracking-tight text-brand-ink transition-colors duration-300 group-hover:text-primary">Support based activities.</h3><p class="mt-3 text-sm leading-relaxed text-foreground/70">Events, training, and partnerships that extend our mission.</p></div><span aria-hidden="true" class="h-[2px] w-8 bg-primary transition-all duration-500 group-hover:w-full"></span></li></ul><div class="mt-14 flex justify-center"><a href="/our-story#objectives" class="inline-flex items-center gap-2 rounded-full bg-primary px-7 py-3.5 text-sm font-semibold text-primary-foreground shadow-lg transition-transform hover:scale-[1.02]">Read Full Objectives<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><section class="container-page pb-24 pt-24"><div class="overflow-hidden rounded-3xl bg-brand-ink p-10 md:p-16 text-background"><div class="grid items-center gap-8 md:grid-cols-2"><div><p class="text-xs font-semibold uppercase tracking-[0.22em] text-secondary">Follow us</p><h2 class="mt-3 font-display text-4xl font-semibold leading-tight text-balance md:text-5xl">See our programs in action.</h2><p class="mt-4 max-w-md text-base text-background/85">Follow us on Instagram for photos, videos and behind-the-scenes moments from our workshops and events.</p></div><div class="md:justify-self-end"><a href="https://www.instagram.com/neurodiversityhk/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 rounded-full bg-secondary px-6 py-3 text-sm font-semibold text-brand-ink transition-transform hover:scale-[1.02]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-4 w-4" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg> @neurodiversityhk</a></div></div></div></section><section class="container-page pb-24"><div class="overflow-hidden rounded-3xl bg-gradient-to-br from-secondary via-brand-saffron to-brand-amber-soft p-10 md:p-16"><div class="grid items-center gap-8 md:grid-cols-2"><h2 class="font-display text-4xl font-semibold leading-tight text-brand-ink text-balance md:text-5xl">Start a school partner at your school.</h2><div class="md:justify-self-end"><p class="max-w-md text-base text-brand-ink/85">Join CDNIS, GSIS, DBS and KGV in building inclusive student-led initiatives across Hong Kong.</p><a href="https://docs.google.com/forms/d/e/1FAIpQLSczZ89Z-cs6i5O-HNjCnBqWmfyl0gCEgk_oPjCvKGXc-S30-g/viewform" target="_blank" rel="noopener noreferrer" class="mt-6 inline-flex items-center gap-2 rounded-full bg-brand-ink px-6 py-3 text-sm font-semibold text-background transition-transform hover:scale-[1.02]">Become a school partner<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></section>
1<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>
1<!--/$--></main><footer class="mt-24 border-t border-border bg-brand-ink text-background"><div class="container-page grid gap-12 py-16 md:grid-cols-4"><div class="md:col-span-2"><div class="flex items-center gap-3"><img src="/__l5e/assets-v1/d62b2660-e192-45b1-9058-e055f85771a7/logo.jpg" alt="Neurodiversity" class="h-10 w-10 rounded-full object-cover ring-1 ring-border"/><div><div class="font-display text-lg font-semibold">Neurodiversity</div><div class="text-xs uppercase tracking-[0.18em] text-background/60">Connecting minds in Hong Kong</div></div></div><p class="mt-5 max-w-md text-sm leading-relaxed text-background/70">A student-led community connecting neurotypicals with neurodivergents across Hong Kong â building respect, inclusion and awareness through hands-on programs.</p></div><div><h4 class="font-display text-sm font-semibold uppercase tracking-wider text-background">Explore</h4><ul class="mt-4 space-y-2 text-sm text-background/70"><li><a href="/programs" class="hover:text-secondary">Programs</a></li><li><a href="/team" class="hover:text-secondary">Team</a></li><li><a href="/collaborations" class="hover:text-secondary">Collaborations</a></li></ul></div><div><h4 class="font-display text-sm font-semibold uppercase tracking-wider text-background">Contact</h4><ul class="mt-4 space-y-3 text-sm text-background/70"><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><span>[email protected]</span></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-4 w-4" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Hong Kong</span></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-4 w-4" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg><span>@neurodiversityhk</span></li></ul></div></div><div class="border-t border-white/10"><div class="container-page flex flex-col items-start justify-between gap-2 py-6 text-xs text-background/50 md:flex-row md:items-center"><p>© <!-- -->2026<!-- --> <!-- -->Neurodiversity<!-- -->. <!-- -->All rights reserved.</p><div class="flex flex-wrap items-center gap-x-4 gap-y-1"><a href="/terms" class="hover:text-secondary">Terms of Service</a><a href="/privacy" class="hover:text-secondary">Privacy Policy</a><span>Student-led · Community-driven · Hong Kong</span></div></div></div></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-Ibx4YJWj.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/index-Ibx4YJWj.js\")"}]},"/":$R[8]={preloads:$R[9]=["/assets/index-ByA54nIA.js","/assets/objectives-BBqv2z4-.js","/assets/hero-poster.jpg.asset-DXAdLNeP.js","/assets/button-DGm3Td_o.js","/assets/arrow-left-B-d0g6HG.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1790996237966,s:"success",ssr:!0},$R[12]={i:"��",u:1790996237966,s:"success",ssr:!0}],lastMatchId:"��"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="">import("/assets/index-Ibx4YJWj.js")</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.