Studiora

Studiora — Bilingual School & Learning Studio Template

A bilingual (EN/AR) school and academy landing template with true RTL support, studio-style sections, and real photography — no framework dependencies.

Studiora is a mobile-first HTML template for independent schools, academies, and learning studios. It ships as a single self-contained page with no Bootstrap, jQuery, or icon-font dependencies — just hand-written CSS and vanilla JavaScript, so it stays fast and easy to modify. The template is bilingual out of the box. A header toggle switches the entire page between English and Arabic from a single dictionary, and because the stylesheet is built on CSS logical properties, dir='rtl' mirrors the whole layout — navigation, image collages, form fields, the off-canvas drawer, arrow icons, and the marquee direction — with no separate RTL stylesheet to maintain. Language choice persists across visits and can be deep-linked with ?lang=ar. Eight sections cover a school's needs: a hero with a full-bleed photographic background and animated statistics, a learning-tracks grid, an overlapping campus collage, mentor cards, a term agenda, a journal grid, an admissions banner, and an enquiry form with client-side validation. All photography is licensed for commercial use, and the entire palette is driven by CSS custom properties at the top of one file. Accessibility is built in: skip link, focus-visible outlines, ARIA-labelled controls, and a prefers-reduced-motion path that disables every animation.