SSOB Website – Syrian Students Organization in Sivas
Official static multilingual website for the Syrian Students Organization in Sivas (SSOB).
The Problem
The Syrian Students Organization in Sivas (SSOB) needed an official online presence to present its activities, university resources, and serve as a hub for international students.
The Solution
A fully static multilingual website (Arabic, Turkish, English) developed using HTML5, CSS3, Bootstrap, and jQuery — serving as the official public presence of the Syrian Students Organization at Cumhuriyet University in Sivas. The site covers seven dedicated pages including events, faculties, vocational schools, international student resources, and organizational history. FlexSlider powers the hero image carousel, ScrollReveal adds entrance animations, and the entire site is deployed on Firebase Hosting with HTTPS and global CDN distribution.
Multilingual Frontend Design
Built seven fully responsive pages using Bootstrap grid system and custom CSS, supporting Arabic, Turkish, and English content — with mobile-friendly layouts adapted for the international student audience at Cumhuriyet University.
Dynamic UI & Interactions
Integrated jQuery for DOM interactions, FlexSlider for the hero image carousel, and ScrollReveal.js for smooth scroll-triggered entrance animations — delivering a polished and modern browsing experience without any backend dependency.
Firebase Deployment & Hosting
Configured and deployed the static site to Firebase Hosting using the Firebase CLI — providing automatic HTTPS, global CDN delivery, and a clean public URL. The firebase.json config defines routing rules and caching headers for optimal performance.
Architecture & Features
Fully static multi-page website with no backend. All content is hardcoded in semantic HTML5 files organized under a public/ directory and deployed to Firebase Hosting. Assets (CSS, JS, images, fonts) are locally bundled — no build step or package manager required.
- Pages: 7 standalone HTML5 files (index, ssob, events, faculty, vocational, foreign students, university)
- Styling: Bootstrap + custom CSS + FlexSlider CSS — all locally bundled in assets/css/
- Scripts: jQuery + Bootstrap JS + FlexSlider + ScrollReveal — bundled in assets/js/
- Fonts: Font Awesome (local) + Google Fonts (Open Sans) via CDN
- Media: Images organized in assets/img/ (events, faculty, social, general)
- Hosting: Firebase Hosting — firebase.json config + .firebaserc project alias
- Deployment: Firebase CLI (firebase deploy) → public/ directory served as static root
Technologies Used
Project Gallery
Future Improvements
- Add a dynamic news/events section powered by Firebase Firestore to allow admins to post updates without touching the code.
- Implement a full multilingual i18n system (Arabic / Turkish / English) with a language toggle instead of hardcoded per-language content.
- Migrate to a modern static site generator (e.g. Astro or Next.js) for better maintainability and component reuse.
- Add a contact form with email integration (EmailJS or Firebase Functions) to replace plain mailto/WhatsApp links.
- Introduce a student resources section with downloadable PDFs and official document guides for international students.
- Improve accessibility (ARIA labels, keyboard navigation, color contrast) to meet WCAG 2.1 AA standards.
- Add a PWA manifest and service worker for offline access and installability on mobile devices.