/* ==========================================
ONTARIO NEXUS ACADEMY
NEW ABOUT US PAGE
COMPLETE RESPONSIVE DESIGN
========================================== */
.ona-about-page {
--navy:#0D213A;
--navy-light:#193B58;
--gold:#D4AF66;
--gold-dark:#89652B;
--cream:#F7F5F0;
--ink:#24364A;
--muted:#4D5E70;
width:100%;
margin:0;
padding:0;
background:#FFFFFF;
color:var(--ink);
font-family:Arial,Helvetica,sans-serif;
overflow:clip;
}
.ona-about-page *,
.ona-about-page *::before,
.ona-about-page *::after {
box-sizing:border-box;
}
.ona-about-page h1,
.ona-about-page h2,
.ona-about-page h3,
.ona-about-page p {
margin-top:0 !important;
}
.ona-about-page h1,
.ona-about-page h2,
.ona-about-page h3 {
font-family:Georgia,"Times New Roman",serif;
line-height:1.17 !important;
font-weight:400 !important;
color:var(--navy) !important;
}
.ona-about-page p {
font-size:15px;
line-height:1.78;
color:var(--muted) !important;
margin-bottom:15px;
}
.ona-about-page .ona-about-wrap {
max-width:1200px;
width:calc(100% - 48px);
margin:0 auto;
}
.ona-about-page .ona-about-eyebrow {
color:var(--gold-dark) !important;
font-size:11px;
font-weight:700;
letter-spacing:2.3px;
text-transform:uppercase;
margin-bottom:14px;
}
.ona-about-page .ona-about-title {
font-size:clamp(33px,4vw,49px);
margin-bottom:20px !important;
}
.ona-about-page .ona-about-center {
max-width:760px;
margin:0 auto 38px;
text-align:center;
}
.ona-about-page .ona-about-center p {
max-width:660px;
margin-left:auto;
margin-right:auto;
}
.ona-about-page .ona-about-button {
display:inline-flex;
align-items:center;
justify-content:center;
padding:15px 25px;
background:var(--gold) !important;
color:var(--navy) !important;
text-decoration:none !important;
font-size:13px;
font-weight:700;
border-radius:3px;
transition:background .2s ease;
}
.ona-about-page .ona-about-button:hover {
background:#E8C98C !important;
}
.ona-about-page a:focus-visible {
outline:3px solid var(--gold);
outline-offset:4px;
}
/* ==========================================
SECTION 1 — HERO
========================================== */
.ona-about-page .about-hero {
background:var(--navy) !important;
padding:60px 0;
}
.ona-about-page .about-hero-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}
.ona-about-page .about-hero .ona-about-eyebrow {
color:var(--gold) !important;
}
.ona-about-page .about-hero h1 {
font-size:clamp(45px,5vw,71px);
color:#FFFFFF !important;
letter-spacing:-1px;
margin-bottom:22px !important;
}
.ona-about-page .about-hero h1 span {
color:var(--gold) !important;
display:block;
font-style:italic;
}
.ona-about-page .about-hero p {
color:#E0E9F2 !important;
font-size:16px;
max-width:520px;
}
.ona-about-page .about-hero-actions {
display:flex;
align-items:center;
gap:16px;
flex-wrap:wrap;
margin-top:25px;
}
.ona-about-page .about-text-link {
font-size:13px;
font-weight:700;
text-decoration:none !important;
color:#FFFFFF !important;
border-bottom:1px solid var(--gold);
padding-bottom:5px;
}
.ona-about-page .about-hero-photo {
position:relative;
height:410px;
}
.ona-about-page .about-hero-photo img {
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.ona-about-page .about-hero-photo::after {
content:"";
position:absolute;
top:-13px;
right:-13px;
width:95px;
height:95px;
border-top:3px solid var(--gold);
border-right:3px solid var(--gold);
pointer-events:none;
}
.ona-about-page .about-photo-tag {
position:absolute;
bottom:0;
left:0;
padding:14px 21px;
background:var(--gold);
color:var(--navy) !important;
font-size:12px;
font-weight:700;
line-height:1.5;
}
/* ==========================================
SECTION 2 — SCHOOL PROFILE STRIP
========================================== */
.ona-about-page .about-facts {
background:#EDE6D9 !important;
padding:29px 0;
}
.ona-about-page .about-facts-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}
.ona-about-page .about-fact {
border-right:1px solid #D1C7B6;
padding:6px 19px;
text-align:center;
}
.ona-about-page .about-fact:last-child {
border-right:none;
}
.ona-about-page .about-fact strong {
display:block;
color:var(--navy) !important;
font-size:16px;
font-weight:700;
margin-bottom:8px;
}
.ona-about-page .about-fact span {
display:block;
color:#47586A !important;
font-size:12px;
line-height:1.55;
}
/* ==========================================
SECTION 3 — WHO WE ARE
========================================== */
.ona-about-page .about-story {
background:#FFFFFF !important;
padding:82px 0;
}
.ona-about-page .about-story-grid {
display:grid;
grid-template-columns:.88fr 1.12fr;
gap:68px;
align-items:center;
}
.ona-about-page .about-story-photo {
height:400px;
background:#E7E3DA;
overflow:hidden;
}
.ona-about-page .about-story-photo img {
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.ona-about-page .about-story-copy p {
font-size:15px;
margin-bottom:16px;
}
.ona-about-page .about-story-highlight {
margin-top:23px;
border-left:3px solid var(--gold);
padding:13px 20px;
background:var(--cream);
color:var(--navy);
font-family:Georgia,serif;
font-size:19px;
line-height:1.5;
}
/* ==========================================
SECTION 4 — MISSION & VISION
========================================== */
.ona-about-page .about-purpose {
padding:78px 0;
background:var(--cream) !important;
}
.ona-about-page .about-purpose-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}
.ona-about-page .about-purpose-card {
padding:36px;
background:#FFFFFF !important;
border-top:4px solid var(--gold);
}
.ona-about-page .about-purpose-card h3 {
font-size:32px;
margin-bottom:16px !important;
}
.ona-about-page .about-purpose-card p {
font-size:15px;
margin-bottom:0;
}
.ona-about-page .about-purpose-number {
color:var(--gold-dark);
font-size:12px;
font-weight:700;
letter-spacing:2px;
margin-bottom:18px;
}
/* ==========================================
SECTION 5 — SIX CORE VALUES
========================================== */
.ona-about-page .about-values {
padding:78px 0;
background:#FFFFFF !important;
}
.ona-about-page .about-values-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:19px;
}
.ona-about-page .about-value-card {
background:var(--cream) !important;
padding:26px;
border-bottom:2px solid var(--gold);
}
.ona-about-page .about-value-number {
display:block;
font-size:12px;
font-weight:700;
color:var(--gold-dark) !important;
letter-spacing:1px;
margin-bottom:13px;
}
.ona-about-page .about-value-card h3 {
font-size:24px;
margin-bottom:11px !important;
}
.ona-about-page .about-value-card p {
font-size:14px;
line-height:1.7;
margin-bottom:0;
}
/* ==========================================
SECTION 6 — ACADEMIC PROGRAMS
========================================== */
.ona-about-page .about-programs {
padding:78px 0;
background:var(--cream) !important;
}
.ona-about-page .about-program-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}
.ona-about-page .about-program {
background:#FFFFFF !important;
border-bottom:3px solid var(--gold);
padding:28px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ona-about-page .about-program-label {
color:var(--gold-dark) !important;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1.4px;
margin-bottom:13px;
}
.ona-about-page .about-program h3 {
font-size:26px;
margin-bottom:14px !important;
}
.ona-about-page .about-program p {
font-size:14px;
margin-bottom:0;
}
/* ==========================================
SECTION 7 — ONLINE LEARNING MODEL
========================================== */
.ona-about-page .about-learning {
padding:80px 0;
background:var(--navy) !important;
}
.ona-about-page .about-learning-grid {
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:60px;
align-items:start;
}
.ona-about-page .about-learning .ona-about-eyebrow {
color:var(--gold) !important;
}
.ona-about-page .about-learning h2,
.ona-about-page .about-learning h3 {
color:#FFFFFF !important;
}
.ona-about-page .about-learning h2 {
font-size:clamp(34px,3.7vw,47px);
}
.ona-about-page .about-learning p {
color:#E0E9F2 !important;
}
.ona-about-page .about-learning-panel {
background:#1B405F !important;
padding:26px 29px;
margin-bottom:16px;
border-left:3px solid var(--gold);
}
.ona-about-page .about-learning-panel h3 {
font-size:25px;
margin-bottom:11px !important;
}
.ona-about-page .about-learning-panel p {
color:#EDF3F9 !important;
font-size:14px;
margin-bottom:0;
}
.ona-about-page .about-learning-note {
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.24);
padding:16px 20px;
color:#E6EEF6;
font-size:13px;
line-height:1.7;
}
/* ==========================================
SECTION 8 — STUDENT SUCCESS
========================================== */
.ona-about-page .about-support {
padding:75px 0;
background:#FFFFFF !important;
}
.ona-about-page .about-support-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:25px;
}
.ona-about-page .about-support-item {
padding-top:19px;
border-top:3px solid var(--gold);
}
.ona-about-page .about-support-item h3 {
font-size:23px;
margin-bottom:12px !important;
}
.ona-about-page .about-support-item p {
font-size:14px;
}
/* ==========================================
SECTION 9 — GLOBAL OUTLOOK
========================================== */
.ona-about-page .about-global {
background:#EDE6D9 !important;
padding:68px 0;
}
.ona-about-page .about-global-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}
.ona-about-page .about-global h2 {
font-size:clamp(34px,4vw,48px);
}
.ona-about-page .about-global-card {
padding:35px;
background:#FFFFFF !important;
border-left:4px solid var(--gold);
}
.ona-about-page .about-global-card h3 {
font-size:26px;
margin-bottom:15px !important;
}
.ona-about-page .about-global-card p:last-child {
margin-bottom:0;
}
/* ==========================================
SECTION 10 — LEADERSHIP
========================================== */
.ona-about-page .about-team {
background:#FFFFFF !important;
padding:76px 0;
}
.ona-about-page .about-team-member {
display:grid;
grid-template-columns:34% 1fr;
gap:45px;
align-items:center;
background:var(--cream) !important;
padding:28px;
margin-bottom:24px;
}
.ona-about-page .about-team-member:last-child {
margin-bottom:0;
}
.ona-about-page .about-team-photo {
height:325px;
background:#E6E0D5;
overflow:hidden;
}
.ona-about-page .about-team-photo img {
width:100%;
height:100%;
object-fit:cover;
object-position:center top;
display:block;
}
.ona-about-page .about-team-member h3 {
font-size:clamp(28px,3.2vw,38px);
margin-bottom:8px !important;
}
.ona-about-page .about-team-role {
display:block;
color:var(--gold-dark) !important;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:16px;
}
.ona-about-page .about-team-member p {
font-size:14px;
line-height:1.75;
}
.ona-about-page .about-team-credentials {
background:#FFFFFF !important;
border-left:3px solid var(--gold);
padding:16px 19px;
margin-top:17px;
}
.ona-about-page .about-team-credentials strong {
display:block;
color:var(--navy) !important;
font-size:13px;
margin-bottom:8px;
}
.ona-about-page .about-team-credentials span {
display:block;
color:#405167 !important;
font-size:13px;
line-height:1.75;
}
/* ==========================================
SECTION 11 — FINAL CALL TO ACTION
========================================== */
.ona-about-page .about-final {
padding:70px 20px;
background:var(--navy) !important;
text-align:center;
}
.ona-about-page .about-final .ona-about-eyebrow {
color:var(--gold) !important;
}
.ona-about-page .about-final h2 {
color:#FFFFFF !important;
font-size:clamp(35px,4.5vw,53px);
max-width:800px;
margin:0 auto 20px !important;
}
.ona-about-page .about-final p {
color:#E1E9F1 !important;
max-width:660px;
margin:0 auto 27px;
}
/* ==========================================
RESPONSIVE
========================================== */
@media(max-width:950px) {
.ona-about-page .about-hero-grid,
.ona-about-page .about-story-grid,
.ona-about-page .about-learning-grid,
.ona-about-page .about-global-grid {
gap:32px;
}
.ona-about-page .about-team-member {
gap:27px;
}
}
@media(max-width:767px) {
.ona-about-page .ona-about-wrap {
width:calc(100% - 34px);
}
.ona-about-page .about-hero-grid,
.ona-about-page .about-story-grid,
.ona-about-page .about-purpose-grid,
.ona-about-page .about-learning-grid,
.ona-about-page .about-global-grid,
.ona-about-page .about-team-member {
grid-template-columns:1fr;
}
.ona-about-page .about-values-grid,
.ona-about-page .about-program-grid,
.ona-about-page .about-support-grid {
grid-template-columns:1fr;
}
.ona-about-page .about-facts-grid {
grid-template-columns:1fr 1fr;
gap:10px;
}
.ona-about-page .about-fact {
border-right:none;
padding:13px 8px;
border-bottom:1px solid #D1C7B6;
}
.ona-about-page .about-hero {
padding:48px 0;
}
.ona-about-page .about-hero h1 {
font-size:45px;
}
.ona-about-page .about-hero-photo {
height:280px;
}
.ona-about-page .about-hero-photo::after {
right:0;
}
.ona-about-page .about-story,
.ona-about-page .about-purpose,
.ona-about-page .about-values,
.ona-about-page .about-programs,
.ona-about-page .about-learning,
.ona-about-page .about-support,
.ona-about-page .about-global,
.ona-about-page .about-team {
padding:52px 0;
}
.ona-about-page .about-story-photo {
height:285px;
}
.ona-about-page .about-purpose-card {
padding:25px;
}
.ona-about-page .about-learning-panel {
padding:23px;
}
.ona-about-page .about-global-card {
padding:26px;
}
.ona-about-page .about-team-member {
padding:18px;
gap:22px;
}
.ona-about-page .about-team-photo {
height:350px;
max-width:460px;
width:100%;
}
.ona-about-page .about-final {
padding:58px 19px;
}
}
@media(max-width:420px) {
.ona-about-page .about-hero h1 {
font-size:39px;
}
.ona-about-page .about-fact strong {
font-size:14px;
}
.ona-about-page .about-hero-actions {
align-items:stretch;
flex-direction:column;
}
}
@media(prefers-reduced-motion:reduce) {
.ona-about-page * {
transition:none !important;
}
}
About Ontario Nexus Academy
Canadian Education.
Global Perspective.
Ontario Nexus Academy is a
Ministry-inspected private school
based in Toronto, Canada,
providing flexible Ontario
education for students in
Grades 1 through 12.
We connect academic excellence,
qualified educators and
technology-supported learning
to help students build their futures.
Academic Excellence.
Opportunities Beyond Borders.
Ontario Inspected
Ministry-inspected
private school
Grades 1–12
Elementary and secondary
educational programs
Ontario Curriculum
Ontario learning expectations
and academic standards
BSID 666625
Based in Toronto,
Ontario, Canada
Who We Are
A Modern Approach
to Ontario Education.
Ontario Nexus Academy (ONA)
provides educational programs
based on the Ontario curriculum,
combining academic expectations
with the flexibility of online learning.
Our learning community includes
students in Ontario, across Canada,
and internationally. We recognize
that students have different
backgrounds, strengths and goals,
and we aim to support their
individual educational journeys.
Through qualified teachers,
a structured digital learning
environment, ongoing assessment
and academic guidance, ONA
encourages students to develop
knowledge, confidence,
responsibility and independence.
Education should open doors,
develop potential and prepare
students for opportunities
beyond the classroom.
Our Purpose
Guided by Mission.
Inspired by Vision.
01 / OUR MISSION
Our Mission
To provide high-quality,
accessible and flexible education
that empowers students to
achieve academic excellence,
develop strong character and
become responsible,
lifelong learners.
Through the Ontario curriculum,
qualified educators, innovative
instructional practices and
supportive learning experiences,
we foster curiosity, critical
thinking, creativity,
integrity and global citizenship.
02 / OUR VISION
Our Vision
To become a trusted leader
in Ontario online education by
providing accessible, innovative
and academically rigorous
learning opportunities.
We envision a global learning
community where students
are empowered to achieve
personal excellence, appreciate
diversity and prepare for
higher education, future
careers and lifelong learning.
What Defines Us
Our Six Core Values.
The principles that shape
our educational programs
and learning community.
01
Academic Excellence
Maintaining high expectations
for teaching, learning and
assessment while encouraging
students to achieve their best.
02
Integrity
Promoting honesty, ethical
behaviour, accountability
and academic integrity in
every aspect of school life.
03
Respect
Creating an inclusive,
supportive learning community
where everyone is treated
with dignity and fairness.
04
Responsibility
Encouraging students to take
ownership of their learning,
meet commitments and
develop self-discipline.
05
Innovation
Using effective teaching
practices and educational
technology to enhance learning
and develop future-ready skills.
06
Global Citizenship
Developing respect for
diverse perspectives and
encouraging students to
contribute positively to
their communities and world.
Our Educational Programs
Learning for Every Stage.
Ontario Nexus Academy supports
students through elementary
and secondary education,
with academic planning
for their future pathways.
Grades 1–8
Elementary Education
Foundational learning based
on the Ontario curriculum,
supporting literacy,
numeracy, inquiry,
creativity and
personal development.
Grades 9–12
Secondary Education
Ontario secondary school
credit courses designed
to develop academic knowledge,
skills and readiness for
future education and careers.
Postsecondary Pathways
OSSD & Future Planning
Guidance with Ontario Secondary
School Diploma requirements,
course planning and
preparation for university,
college or other
postsecondary destinations.
Our Learning Approach
Flexible Learning.
Meaningful Support.
ONA uses Moodle as its
Learning Management System
to provide course materials,
assignments, teacher feedback
and academic progress
information.
Our learning approach combines
independent online activities
with teacher communication,
scheduled instruction
and academic support.
Independent Study
Students complete structured
online learning activities
with scheduling flexibility,
while meeting course
deadlines, assessment,
engagement and
teacher-support requirements.
Live Guided Learning
Students benefit from
scheduled live teacher-led
instruction, opportunities
for discussion, academic
guidance and ongoing
feedback.
Our Academic Expectations
The 2026–2027 Course Calendar
outlines meaningful weekly
learning engagement and
a scheduled teacher-led
video conference for each
enrolled course, unless
excused under school policy.
Student Success
More Than Course Delivery.
Our educational approach
combines academic instruction
with planning, support
and ongoing communication.
Academic Guidance
Course selection, individual
educational planning,
academic progress monitoring
and graduation guidance.
Teacher Support
Regular communication,
assessment feedback,
assistance with learning
challenges and
academic intervention.
Future Pathways
Guidance for students
preparing for university,
college, career pathways
and postsecondary
opportunities.
Beyond Borders
Ontario Education.
International Opportunity.
ONA welcomes students
with different educational
backgrounds and experiences,
including learners studying
outside Canada.
Our online learning model
makes it possible for eligible
students to pursue
Ontario education while
remaining in their
home countries.
Building Educational Partnerships.
We value collaboration
with families, educators
and international
educational institutions.
Through communication,
shared expectations and
academic planning,
we seek to expand access
to Ontario educational
opportunities.
Schools interested in
exploring a partnership
are invited to contact
our leadership team.
Academic Leadership
Experience Behind Our Vision.
Our leadership team combines
Ontario teaching qualifications
with academic and
school management experience.
School Principal
Mohamed Faizalla
Principal | Ontario Nexus Academy
With over 31 years of
experience in Canadian and
international education,
Mohamed Faizalla has worked
in teaching, school
administration and senior
academic leadership.
His professional experience
includes Head Teacher,
Vice Principal, Principal,
Director of Academics
and Chief Academic Officer.
His leadership approach
emphasizes academic standards,
educational accessibility
and meaningful opportunities
for student success.
Qualifications & Professional Designations
M.Ed. | B.Ed. | B.A. |
OCT | PQP Parts 1 & 2 |
TESL Ontario | QECO Category A4
Academic Leadership
Sandra Vatovic
Head Teacher | Ontario Nexus Academy
Sandra supports academic
instruction and student
learning through her
Ontario teaching qualifications
and subject expertise.
Her work reflects our
commitment to meaningful
assessment, teacher support
and helping students develop
academic confidence
and independence.
Qualifications & Professional Designations
M.Sc. | B.Ed. |
Ontario Certified Teacher (OCT)
Discover Ontario Nexus Academy
Your Education.
Your Opportunities.
Your Future.
Whether you're a prospective student,
a parent seeking Ontario education,
or an international school exploring
collaboration, we welcome
the opportunity to connect.
Contact Our Academy →