Item Description
🎓 JA Square Academy - M3 Web Suite
A comprehensive, high-fidelity school management and marketing website built using Material Design 3 (M3) principles and Bootstrap 5. Designed for accessibility, modern aesthetics, and seamless parent-institutional communication.
🛠️ Tech Stack
Frontend: HTML5, CSS3 (Custom M3 Tokens), JavaScript (ES6)
Framework: Bootstrap 5.3 (Grid & Utilities)
Typography: Lexend (Designed for reading proficiency)
Icons: Bootstrap Icons
Architecture: Modular HTML Component Loading (Dynamic fetch for Global Header/Footer)
📂 Project Structure
All core partials have been moved to the root folder for easier path management and deployment.
Plaintext
root/
├── header.html # Global M3 Top App Bar
├── footer.html # Global M3 Surface Footer
├── index.html # Landing Page / Dashboard
├── academics.html # Curriculum & STEM Showcase
├── admission.html # Registration Terminal
├── parent-portal.html # Secured Student Dashboard
├── login.html # Unified Authentication
├── register.html # Student ID Verification
├── view-events.html # Visual Gallery Feed
├── school-calendar.html # Academic Ledger
├── alumni.html # Success Stories & Network
├── career.html # Talent Acquisition
├── contact.html # Campus Directory
├── privacy-policy.html # Data Protection
└── terms-of-service.html # Institutional Rules
A comprehensive, high-fidelity school management and marketing website built using Material Design 3 (M3) principles and Bootstrap 5. Designed for accessibility, modern aesthetics, and seamless parent-institutional communication.
🛠️ Tech Stack
Frontend: HTML5, CSS3 (Custom M3 Tokens), JavaScript (ES6)
Framework: Bootstrap 5.3 (Grid & Utilities)
Typography: Lexend (Designed for reading proficiency)
Icons: Bootstrap Icons
Architecture: Modular HTML Component Loading (Dynamic fetch for Global Header/Footer)
📂 Project Structure
All core partials have been moved to the root folder for easier path management and deployment.
Plaintext
root/
├── header.html # Global M3 Top App Bar
├── footer.html # Global M3 Surface Footer
├── index.html # Landing Page / Dashboard
├── academics.html # Curriculum & STEM Showcase
├── admission.html # Registration Terminal
├── parent-portal.html # Secured Student Dashboard
├── login.html # Unified Authentication
├── register.html # Student ID Verification
├── view-events.html # Visual Gallery Feed
├── school-calendar.html # Academic Ledger
├── alumni.html # Success Stories & Network
├── career.html # Talent Acquisition
├── contact.html # Campus Directory
├── privacy-policy.html # Data Protection
└── terms-of-service.html # Institutional Rules
Item Description
🎓 JA Square Academy - M3 Web Suite
A comprehensive, high-fidelity school management and marketing website built using Material Design 3 (M3) principles and Bootstrap 5. Designed for accessibility, modern aesthetics, and seamless parent-institutional communication.
🛠️ Tech Stack
Frontend: HTML5, CSS3 (Custom M3 Tokens), JavaScript (ES6)
Framework: Bootstrap 5.3 (Grid & Utilities)
Typography: Lexend (Designed for reading proficiency)
Icons: Bootstrap Icons
Architecture: Modular HTML Component Loading (Dynamic fetch for Global Header/Footer)
📂 Project Structure
All core partials have been moved to the root folder for easier path management and deployment.
Plaintext
root/
├── header.html # Global M3 Top App Bar
├── footer.html # Global M3 Surface Footer
├── index.html # Landing Page / Dashboard
├── academics.html # Curriculum & STEM Showcase
├── admission.html # Registration Terminal
├── parent-portal.html # Secured Student Dashboard
├── login.html # Unified Authentication
├── register.html # Student ID Verification
├── view-events.html # Visual Gallery Feed
├── school-calendar.html # Academic Ledger
├── alumni.html # Success Stories & Network
├── career.html # Talent Acquisition
├── contact.html # Campus Directory
├── privacy-policy.html # Data Protection
└── terms-of-service.html # Institutional Rules
A comprehensive, high-fidelity school management and marketing website built using Material Design 3 (M3) principles and Bootstrap 5. Designed for accessibility, modern aesthetics, and seamless parent-institutional communication.
🛠️ Tech Stack
Frontend: HTML5, CSS3 (Custom M3 Tokens), JavaScript (ES6)
Framework: Bootstrap 5.3 (Grid & Utilities)
Typography: Lexend (Designed for reading proficiency)
Icons: Bootstrap Icons
Architecture: Modular HTML Component Loading (Dynamic fetch for Global Header/Footer)
📂 Project Structure
All core partials have been moved to the root folder for easier path management and deployment.
Plaintext
root/
├── header.html # Global M3 Top App Bar
├── footer.html # Global M3 Surface Footer
├── index.html # Landing Page / Dashboard
├── academics.html # Curriculum & STEM Showcase
├── admission.html # Registration Terminal
├── parent-portal.html # Secured Student Dashboard
├── login.html # Unified Authentication
├── register.html # Student ID Verification
├── view-events.html # Visual Gallery Feed
├── school-calendar.html # Academic Ledger
├── alumni.html # Success Stories & Network
├── career.html # Talent Acquisition
├── contact.html # Campus Directory
├── privacy-policy.html # Data Protection
└── terms-of-service.html # Institutional Rules