<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bio Lyceum Public School & Academy</title>
<link href="[Link]
family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="[Link]
[Link]">
<link rel="stylesheet"
href="[Link]
<link rel="stylesheet" href="[Link]">
</head>
<body>
<div id="splash-screen">
<img src="[Link]" alt="Bio Lyceum Logo">
<h1 class="animate__animated animate__fadeInUp splash-text">BIO LYCEUM</h1>
</div>
<nav class="ribbon">
<a href="#" class="logo-area">
<img src="[Link]" alt="Bio Lyceum">
<div>
<h2 class="nav-title">BIO LYCEUM</h2>
<p class="nav-subtitle">PUBLIC SCHOOL & ACADEMY</p>
</div>
</a>
<div class="menu-toggle" onclick="toggleMenu()"><i class="fas fa-bars"></i></div>
<ul class="nav-links" id="navLinks">
<li><a href="#" onclick="handleTabClick('home')" id="defaultOpen">HOME</a></li>
<li><a href="#" onclick="handleTabClick('about')">ABOUT</a></li>
<li><a href="#" onclick="handleTabClick('contact')">CONTACT</a></li>
<li><a href="#" onclick="handleTabClick('achievers')">ACHIEVERS</a></li>
<li><a href="#" onclick="handleTabClick('teachers')">ACADEMY TEACHING STAFF</a></li>
<li><a href="#" onclick="handleTabClick('academy')">ACADEMY</a></li>
</ul>
</nav>
<div id="home" class="tab-content">
<div class="hero animate__animated animate__fadeIn">
<h1>Empowering Minds,<br>Shaping Futures</h1>
<p class="hero-tagline">"Realistic Approach Towards Life"</p>
<br>
<button class="hero-btn" onclick="handleTabClick('academy')">Explore Academy</button>
</div>
<div class="card">
<h2>Welcome to Bio Lyceum</h2>
<p>Bio Lyceum Public School and Coaching Academy is committed to academic excellence and
character building. We provide a state-of-the-art environment for students of 9th, 10th, and FSc.</p>
</div>
</div>
<div id="about" class="tab-content">
<div class="card">
<h2>Our Vision & Mission</h2>
<p>To provide high-quality education that blends conceptual clarity with practical life skills. We
believe in a Realistic Approach where every student is given individual attention to excel.</p>
</div>
</div>
<div id="contact" class="tab-content">
<div class="card">
<h2>Get In Touch</h2>
<p><i class="fas fa-map-marker-alt icon-accent"></i> Near Telephone Booth Dak Ismail Khel
Nowshera</p>
<p><i class="fas fa-phone icon-accent"></i> +92 307 8016134</p>
<p><i class="fas fa-envelope icon-accent"></i> biolyceum909@[Link]</p>
<br>
<div class="form-wrapper">
<iframe
src="[Link]
17dGyQQ/viewform?embedded=true" width="800" height="1000"
frameborder="0">Loading…</iframe>
</div>
</div>
</div>
<div id="achievers" class="tab-content">
<h2 class="section-title">Top Achievers (2025-26)</h2>
<div class="grid">
<div class="profile-card">
<div class="profile-pic"><img src="[Link]" alt="Azlan"></div>
<h3 class="score">575 / 600</h3>
<p><strong>Muhammad Azlan</strong></p>
<p class="class-info">Class 9th (1st)</p>
</div>
<div class="profile-card">
<div class="profile-pic"><img src="[Link]" alt="Hashir"></div>
<h3 class="score">565 / 600</h3>
<p><strong>Muhammad Hashir</strong></p>
<p class="class-info">Class 9th (2nd)</p>
</div>
<div class="profile-card">
<div class="profile-pic"><img src="[Link]" alt="Abdullah"></div>
<h3 class="score">559 / 600</h3>
<p><strong>Abdullah</strong></p>
<p class="class-info">Class 9th (3rd)</p>
</div>
</div>
</div>
<div id="teachers" class="tab-content">
<h2 class="section-title">Teaching Staff</h2>
<div class="grid">
<div class="profile-card"><div class="profile-pic"><img src="[Link]"></div><h4>Sir
Uzair</h4><p class="subject">Biology</p></div>
<div class="profile-card"><div class="profile-pic"><img src="[Link]"></div><h4>Sir
Tasawar</h4><p class="subject">Chemistry</p></div>
<div class="profile-card"><div class="profile-pic"><img src="[Link]"></div><h4>Sir
Zahid</h4><p class="subject">English</p></div>
<div class="profile-card"><div class="profile-pic"><img src="[Link]"></div><h4>Sir
Aftab</h4><p class="subject">Physics</p></div>
<div class="profile-card"><div class="profile-pic"><img src="[Link]"></div><h4>Sir
Khawar</h4><p class="subject">Mathematics</p></div>
<div class="profile-card"><div class="profile-pic"><img src="[Link]"></div><h4>Sir
Abubakar</h4><p class="subject">Physics</p></div>
<div class="profile-card"><div class="profile-pic"><img src="[Link]"></div><h4>Sir
Aqeel</h4><p class="subject">Visiting Lecturer</p></div>
</div>
</div>
<div id="academy" class="tab-content">
<div class="card academy-card">
<h2>Academy Details</h2>
<hr class="divider">
<p>Coaching for Matric & FSc Part I/II.</p>
<br>
<div class="academy-grid">
<div class="info-box">
<h4>Timings</h4>
<p class="box-text">Summer: 4:00 - 6:00 PM</p>
<p class="box-text">Winter: 3:00 - 6:00 PM</p>
</div>
<div class="info-box">
<h4>Facilities</h4>
<p class="box-text">Separate Batches (Boys/Girls)</p>
<p class="box-text">Monthly Test Series (SLO Pattern)</p>
</div>
</div>
</div>
</div>
<a href="[Link] class="whatsapp-float" target="_blank">
<i class="fab fa-whatsapp"></i> <span>Admissions Open</span>
</a>
<script src="[Link]"></script>
</body>
</html>