JA Academy Template
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
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
Home Browse Downloads Profile