<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Bright Path Academy</title>
<link href="[Link]
family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
body{
background:#f4f8ff;
color:#1e2a3a;
/* NAV */
nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 8%;
background:#0f2a4a;
color:white;
position:sticky;
top:0;
z-index:1000;
nav h1{
font-size:22px;
nav a{
color:white;
text-decoration:none;
margin-left:20px;
font-weight:500;
nav a:hover{
color:#ffcc00;
}
/* HERO */
.hero{
padding:90px 8%;
background:linear-gradient(rgba(15,42,74,0.85),rgba(15,42,74,0.85)),
url('[Link]
background-size:cover;
color:white;
text-align:center;
.hero h2{
font-size:48px;
.hero p{
margin-top:15px;
font-size:18px;
opacity:0.9;
.buttons{
margin-top:25px;
.btn{
display:inline-block;
padding:12px 22px;
margin:10px;
border-radius:30px;
text-decoration:none;
font-weight:600;
.primary{
background:#ffcc00;
color:#0f2a4a;
.secondary{
border:2px solid white;
color:white;
/* SECTION */
section{
padding:70px 8%;
.title{
font-size:32px;
margin-bottom:20px;
color:#0f2a4a;
}
/* CARDS */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
.card{
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
/* TIMING BOX */
.timing{
background:#0f2a4a;
color:white;
padding:30px;
border-radius:12px;
text-align:center;
/* CONTACT */
.contact{
background:#ffcc00;
padding:40px;
text-align:center;
border-radius:12px;
font-weight:600;
/* FLOAT WHATSAPP */
.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
padding:15px 18px;
border-radius:50px;
text-decoration:none;
font-weight:600;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
footer{
text-align:center;
padding:20px;
background:#0f2a4a;
color:white;
margin-top:40px;
</style>
</head>
<body>
<nav>
<h1>Bright Path Academy</h1>
<div>
<a href="#about">About</a>
<a href="#courses">Courses</a>
<a href="#timing">Timings</a>
<a href="#contact">Contact</a>
</div>
</nav>
<div class="hero">
<h2>Bright Path Academy</h2>
<p>Online Tuition for Grades 2–12 & BS Programs (Literature & Linguistics)</p>
<div class="buttons">
<a class="btn primary" href="[Link] target="_blank">Book Free
Trial</a>
<a class="btn secondary" href="#courses">Explore Courses</a>
</div>
</div>
<section id="about">
<h2 class="title">About Us</h2>
<p>
Bright Path Academy delivers structured, concept-based online learning for school and
university students.
We focus on clarity, academic performance, and skill development — not rote learning.
</p>
</section>
<section id="courses">
<h2 class="title">Courses Offered</h2>
<div class="grid">
<div class="card">
<h3>English (Grades 2–12)</h3>
<p>Grammar, Writing, Reading, Comprehension, Creative Writing</p>
</div>
<div class="card">
<h3>Science (Grades 4–8)</h3>
<p>Basic Science concepts with real-world understanding</p>
</div>
<div class="card">
<h3>Biology (9–12)</h3>
<p>Cell biology, genetics, physiology, ecology</p>
</div>
<div class="card">
<h3>Chemistry (9–10)</h3>
<p>Atomic structure, bonding, reactions, organic chemistry</p>
</div>
<div class="card">
<h3>BS English Literature</h3>
<p>Poetry, drama, novels, literary theory</p>
</div>
<div class="card">
<h3>BS Linguistics</h3>
<p>Phonetics, syntax, semantics, sociolinguistics</p>
</div>
</div>
</section>
<section id="timing">
<h2 class="title">Class Timings</h2>
<div class="timing">
<p><strong>Monday – Friday</strong></p>
<p>9:00 AM – 5:00 PM</p>
<br>
</div>
</section>
<section id="contact">
<h2 class="title">Contact</h2>
<div class="contact">
📱 WhatsApp: +92 346 5856500
</div>
</section>
<footer>
© 2026 Bright Path Academy | All Rights Reserved
</footer>
<a class="whatsapp" href="[Link] target="_blank">
WhatsApp
</a>
</body>
</html>