Access Your School Portal
Stay connected with your child's academic journey. Access grades, attendance, announcements, and more through our secure online portals.
/* PWA INSTALL PROMPT */
.install-banner {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%) translateY(150%);
z-index: 2000;
background: var(--white);
border-radius: 16px;
padding: 16px 24px;
box-shadow: 0 10px 40px rgba(0,0,0,0.2);
display: flex;
align-items: center;
gap: 16px;
max-width: 420px;
width: 90%;
border: 1px solid var(--gray-light);
transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.install-banner.show {
transform: translateX(-50%) translateY(0);
}
.install-banner-icon {
width: 48px; height: 48px;
background: linear-gradient(135deg, var(--red) 0%, var(--red-dark) 100%);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
font-size: 1.5rem;
flex-shrink: 0;
}
.install-banner-text { flex: 1; }
.install-banner-text h4 {
font-size: 0.95rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 2px;
}
.install-banner-text p {
font-size: 0.8rem;
color: var(--gray);
margin: 0;
}
.install-banner-btn {
background: var(--red);
color: var(--white);
border: none;
padding: 10px 20px;
border-radius: 50px;
font-weight: 700;
font-size: 0.8rem;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
flex-shrink: 0;
}
.install-banner-btn:hover {
background: var(--red-dark);
transform: scale(1.05);
}
.install-banner-close {
background: none;
border: none;
color: var(--gray);
cursor: pointer;
font-size: 1.2rem;
padding: 4px;
line-height: 1;
flex-shrink: 0;
}
.install-banner-close:hover { color: var(--navy); }
/* INSTALL MODAL / SECTION */
.install-section {
background: linear-gradient(135deg, var(--cream) 0%, var(--white) 100%);
text-align: center;
}
.install-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-width: 900px;
margin: 0 auto;
}
.install-card {
background: var(--white);
border-radius: 20px;
padding: 32px 24px;
border: 1px solid var(--gray-light);
transition: all 0.3s ease;
}
.install-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(11, 29, 58, 0.08);
border-color: transparent;
}
.install-card-icon {
width: 60px; height: 60px;
background: rgba(200, 16, 46, 0.1);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 16px;
font-size: 1.8rem;
}
.install-card h3 {
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
color: var(--navy);
margin-bottom: 12px;
}
.install-card ol {
text-align: left;
padding-left: 20px;
color: var(--gray);
font-size: 0.85rem;
line-height: 1.8;
}
.install-card ol li { margin-bottom: 6px; }
.install-card .badge {
display: inline-block;
background: rgba(200, 16, 46, 0.1);
color: var(--red);
padding: 4px 12px;
border-radius: 50px;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 12px;
}
.install-hero-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
color: var(--white);
padding: 14px 32px;
border-radius: 50px;
text-decoration: none;
font-weight: 700;
font-size: 0.9rem;
margin-top: 24px;
transition: all 0.3s ease;
border: none;
cursor: pointer;
box-shadow: 0 6px 20px rgba(11, 29, 58, 0.2);
}
.install-hero-btn:hover {
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(11, 29, 58, 0.3);
}
.install-toast {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%) translateY(100px);
background: var(--navy);
color: var(--white);
padding: 14px 28px;
border-radius: 12px;
font-size: 0.9rem;
font-weight: 500;
z-index: 3000;
box-shadow: 0 8px 30px rgba(0,0,0,0.2);
transition: transform 0.4s ease;
white-space: nowrap;
}
.install-toast.show {
transform: translateX(-50%) translateY(0);
}
@media (max-width: 768px) {
.install-cards { grid-template-columns: 1fr; }
.install-banner { padding: 12px 16px; }
.install-banner-text h4 { font-size: 0.85rem; }
.install-banner-text p { font-size: 0.75rem; }
.install-banner-btn { padding: 8px 14px; font-size: 0.75rem; }
}
At Royal Heights Academy, we combine academic rigor with character development to nurture confident, compassionate, and capable young minds ready to shape the future.
Dedicated to shaping the minds and characters of the next generation through world-class education.
To provide a holistic education that develops intellectual curiosity, moral integrity, and leadership skills in every student who walks through our doors.
Royal Heights Academy was founded with a singular vision: to create an educational institution that goes beyond textbooks and examinations. We believe in nurturing the whole child — intellectually, socially, emotionally, and physically.
Our state-of-the-art facilities, experienced faculty, and innovative curriculum create an environment where students don't just learn — they thrive, discover, and grow into confident individuals ready to take on the world.
Top-tier curriculum with proven results
Values-driven education for life
State-of-the-art learning environment
Preparing students for a connected world
From early childhood through secondary school, we offer structured programs designed to unlock every child's potential.
A nurturing foundation where curiosity is encouraged and a love for learning is ignited through play-based and structured activities.
Ages 3 — 5Building strong academic foundations across core subjects while developing critical thinking, creativity, and social skills.
Ages 6 — 11Preparing students for higher education and life beyond with advanced academics, leadership training, and career guidance.
Ages 12 — 17Take a glimpse into the vibrant world of learning, growth, and discovery at our academy.
We don't just teach — we transform lives through a commitment to excellence in every aspect of education.
Highly qualified teachers with passion for mentoring and a track record of student success.
Blended learning approach combining traditional methods with modern technology and tools.
Balanced focus on academics, sports, arts, and character development for well-rounded individuals.
A secure, inclusive, and nurturing campus where every child feels valued and protected.
Install our school app for quick, one-tap access to portals, announcements, and contact — even offline.
Stay connected with your child's academic journey. Access grades, attendance, announcements, and more through our secure online portals.
Admissions are now open for the new academic session. Secure your child's place at Royal Heights Academy and give them the gift of world-class education.
Apply for AdmissionHave questions about admissions, programs, or our school? Reach out and our team will be happy to assist.
Visit our campus, give us a call, or send us a message. We're here to help you make the best decision for your child's education.
Royal Heights Academy
No 1 Johnny Dudafa Close,
Bay-Bridge, Kpansia,
Yenagoa, Bayelsa State.
08124444955
info@royalheightsacademy.edu.ng
Monday — Friday: 8:00 AM — 4:00 PM