The first student-led platform in the GCC fostering business, cultural, and academic exchanges between China and the Gulf
Established in 2019, the China-Gulf Forum (CGF) is the first forum in the GCC dedicated to fostering business, cultural, and academic exchanges between China and the Gulf region. What started as a student initiative at NYU Abu Dhabi has grown into a global platform connecting policymakers, industry leaders, researchers, and students — with 1,100+ attendees, 76+ speakers, and coverage from CCTV, WAM, and Al Jazeera.
cgf-e127114f/
├── index.html # Home — hero carousel, legacy, impact stats
├── panel.html # Panels — 4 thematic discussion panels
├── partners.html # Team — member profiles with flip cards
├── about.html # Events — past event recaps
├── speaker.html # Speakers — upcoming announcements
├── agenda.html # Agenda — forum schedule
├── contact.html # Contact — form via Formspree
│
├── css/
│ ├── cgf2026.css # 2026 Chinese elegance theme
│ ├── styles.css # Legacy Bootstrap + custom styles
│ └── newflexbox.css # Flexbox utilities
│
├── js/
│ └── scripts.js # Counter animations & scroll observers
│
├── media/
│ ├── logo/
│ │ ├── cgf2026-banner.svg # Main banner logo (maroon/trilingual)
│ │ └── cgfmain.png # Logo variant
│ ├── photos/
│ │ ├── hero/ # Carousel images (img1–5.jpg)
│ │ ├── events/ # Event photos (cgf0–3.jpg)
│ │ └── recaps/ # Recap photos (use1–7.jpg)
│ ├── icons/
│ │ ├── instagram.svg
│ │ ├── linkedin.svg
│ │ ├── wechat.svg
│ │ └── mail.png
│ ├── agenda/ # Agenda graphics
│ │ ├── mainagenda.png
│ │ ├── opening.png
│ │ ├── art.png
│ │ ├── climate.png
│ │ ├── emerging.png
│ │ └── technology.png
│ └── fonts/
│ ├── Bagnard.otf
│ └── BagnardSans.otf
│
├── CNAME # Custom domain: china-gulf-forum.org
└── .github/workflows/ # GitHub Pages deployment
The 2026 design follows a Chinese elegance aesthetic:
| Role | Color | Hex |
|---|---|---|
 Primary |
Maroon | #912F2F |
 Background |
Cream | #EDE6D6 |
 Accent |
Gold | #C4A35A |
 Secondary |
Navy | #003366 |
Typography
- Headings: Cormorant Garamond (serif)
- Body: Inter (sans-serif)
- Chinese: Noto Serif SC
- Custom: Bagnard / BagnardSans (OTF)
| Technology | Purpose |
|---|---|
| HTML5 | Semantic markup |
| CSS3 | Custom properties, animations, responsive design |
| Bootstrap 5.2.3 | Grid system, components (CDN) |
| JavaScript | Scroll-triggered counters, intersection observers |
| Google Fonts | Web typography (CDN) |
| GitHub Pages | Static hosting with automatic deploys |
| Formspree | Contact form backend |
- Clone the repository
- Edit HTML files directly — no build step needed
- Theme variables are in
css/cgf2026.cssunder:root - Push to
main— GitHub Pages deploys automatically
| What to update | Where |
|---|---|
| Panel content | panel.html — each .panel-card div |
| Team members | partners.html — each .team-member div |
| Impact numbers | index.html — .impact-section |
| Logo | media/logo/cgf2026-banner.svg |
| Color palette | css/cgf2026.css — CSS custom properties |
| Hero images | media/photos/hero/ |
| Event recaps | about.html + media/photos/recaps/ |
This project is maintained by the China-Gulf Forum team at NYU Abu Dhabi. All rights reserved.
A student-led initiative fostering China-Gulf dialogue since 2019
