<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our School - Naga Ji Saraswati Vidya Mandir</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f8ff;
margin: 0;
padding: 0;
text-align: center;
}
header {
background-color: #ff4500;
color: white;
padding: 20px;
}
header h1 {
font-size: 3em;
font-weight: bold;
font-style: italic;
color: #fffacd;
margin: 0;
}
header p {
font-size: 1.2em;
font-weight: bold;
}
.team-section {
margin: 20px;
padding: 20px;
background-color: #ffe4e1;
border: 2px solid #ffa07a;
border-radius: 10px;
}
.team-section h2 {
color: #dc143c;
font-size: 2em;
font-style: italic;
text-shadow: 1px 1px 2px #8b0000;
}
.team-section p {
font-size: 1.2em;
color: #2f4f4f;
}
img {
width: 70%;
height: auto;
margin: 20px auto;
border-radius: 15px;
border: 2px solid #ff6347;
}
.headings-section {
background-color: #fdfd96;
padding: 20px;
margin: 20px auto;
border-radius: 10px;
border: 2px solid #ffdf00;
}
.headings-section h2 {
color: #483d8b;
font-size: 2.5em;
font-weight: bold;
margin: 10px 0;
}
</style>
</head>
<body>
<header>
<h1>Welcome to Our School</h1>
<p>Naga Ji Saraswati Vidya Mandir Maldepur, Ballia</p>
</header>
<div class="team-section">
<h2>Meet Our Team</h2>
<p><strong>Om Singh</strong> - Roll No: 70</p>
<p><strong>Dhananjay Yadav</strong> - Roll No: 4</p>
<p><strong>Sonu Kumar</strong> - Roll No: 53</p>
<img src="0.jpg" alt="Team Members">
</div>
<div class="headings-section">
<h2>Project Headings</h2>
<h2>1. About Our School</h2>
<h2>2. Vision and Mission</h2>
<h2>3. Academic Excellence</h2>
<h2>4. Extracurricular Activities</h2>
<h2>5. Faculty and Staff</h2>
<h2>6. Admission Process</h2>
<h2>7. Annual Events</h2>
<h2>8. Sports and Fitness</h2>
<h2>9. Alumni Network</h2>
<h2>10. Parent-Teacher Interaction</h2>
<h2>11. Community Service</h2>
<h2>12. Gallery</h2>
<h2>13. Contact Us</h2>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Naga Ji Saraswati Vidya Mandir - Home</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav {
margin: 20px;
}
a {
text-decoration: none;
color: #007bff;
margin: 0 10px;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Welcome to Naga Ji Saraswati Vidya Mandir</h1>
<p>Maldepur Ballia - Where Education Meets Excellence</p>
</header>
<img src="image1.jpg" alt="Naga Ji Saraswati Vidya Mandir" />
<p>This school is dedicated to holistic development and academic excellence.</p>
<nav>
<a href="page2.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>History</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav {
margin: 20px;
}
a {
text-decoration: none;
color: #007bff;
margin: 0 10px;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Our History</h1>
<p>A Legacy of Education</p>
</header>
<img src="image2.jpg" alt="History of Naga Ji Saraswati Vidya Mandir" />
<p>Founded in [1988], our school has been a beacon of learning in Ballia.</p>
<nav>
<a href="page1.html">Previous Page</a> |
<a href="page3.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vision and Mission</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav {
margin: 20px;
}
a {
text-decoration: none;
color: #007bff;
margin: 0 10px;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Our Vision and Mission</h1>
<p>Guiding Principles for Excellence</p>
</header>
<img src="image3.jpg" alt="Vision and Mission" />
<p>Our vision is to nurture responsible citizens through quality education and
values.</p>
<nav>
<a href="page2.html">Previous Page</a> |
<a href="page4.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vision and Mission</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav {
margin: 20px;
}
a {
text-decoration: none;
color: #007bff;
margin: 0 10px;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Our Vision and Mission</h1>
<p>Guiding Principles for Excellence</p>
</header>
<img src="image4.jpg" alt="Vision and Mission" />
<p>Our vision is to nurture responsible citizens through quality education and
values.</p>
<nav>
<a href="page2.html">Previous Page</a> |
<a href="page4.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Facilities</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav {
margin: 20px;
}
a {
text-decoration: none;
color: #007bff;
margin: 0 10px;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Our Facilities</h1>
<p>State-of-the-Art Infrastructure</p>
</header>
<img src="image5.jpg" alt="Facilities at Naga Ji Saraswati Vidya Mandir" />
<p>We provide modern classrooms, a library, laboratories, and a clean campus for
students.</p>
<nav>
<a href="page3.html">Previous Page</a> |
<a href="page5.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Academic Achievements</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav {
margin: 20px;
}
a {
text-decoration: none;
color: #007bff;
margin: 0 10px;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Academic Achievements</h1>
<p>Excellence in Education</p>
</header>
<img src="images6.jpg" alt="Academic Achievements" />
<p>Our students consistently achieve outstanding results in academic examinations.</p>
<nav>
<a href="page4.html">Previous Page</a> |
<a href="page6.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Extracurricular Activities</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav a {
margin: 0 10px;
color: #007bff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Extracurricular Activities</h1>
<p>Fostering All-Round Development</p>
</header>
<img src="image7.jpg" alt="Extracurricular Activities" />
<p>From debates to cultural programs, our students engage in diverse activities.</p>
<nav>
<a href="page5.html">Previous Page</a> |
<a href="page7.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Faculty and Staff</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav a {
margin: 0 10px;
color: #007bff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Faculty and Staff</h1>
<p>Meet Our Dedicated Team</p>
</header>
<img src="image8.jpg" alt="Faculty and Staff" />
<p>Our experienced teachers are committed to nurturing every student.</p>
<nav>
<a href="page6.html">Previous Page</a> |
<a href="page8.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admission Process</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav a {
margin: 0 10px;
color: #007bff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Admission Process</h1>
<p>Enroll Your Child in Excellence</p>
</header>
<img src="image9.avif" alt="Admission Process" />
<p>Our admission process is simple and transparent. Join us today!</p>
<nav>
<a href="page7.html">Previous Page</a> |
<a href="page9.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Annual Events</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav a {
margin: 0 10px;
color: #007bff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Annual Events</h1>
<p>Cherished Celebrations</p>
</header>
<img src="10.jpg" alt="Annual Events" />
<p>From sports day to cultural festivals, every event is memorable.</p>
<nav>
<a href="page8.html">Previous Page</a> |
<a href="page10.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sports and Fitness</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav a {
margin: 0 10px;
color: #007bff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Sports and Fitness</h1>
<p>Promoting Physical Well-Being</p>
</header>
<img src="image11.jpg" alt="Sports and Fitness" />
<p>Our school offers excellent facilities for sports and fitness activities, ensuring a
healthy lifestyle for students.</p>
<nav>
<a href="page9.html">Previous Page</a> |
<a href="page11.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alumni Network</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav a {
margin: 0 10px;
color: #007bff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Alumni Network</h1>
<p>Building Lifelong Connections</p>
</header>
<img src="image12.jpg" alt="Alumni Network" />
<p>Our alumni are making an impact worldwide, staying connected with the school through
various programs.</p>
<nav>
<a href="page10.html">Previous Page</a> |
<a href="page12.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Parent-Teacher Interaction</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav a {
margin: 0 10px;
color: #007bff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Parent-Teacher Interaction</h1>
<p>Collaborating for Student Success</p>
</header>
<img src="image13.jpg" alt="Parent-Teacher Interaction" />
<p>We encourage regular interaction between parents and teachers to support student
progress.</p>
<nav>
<a href="page11.html">Previous Page</a> |
<a href="page13.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Community Service</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav a {
margin: 0 10px;
color: #007bff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Community Service</h1>
<p>Giving Back to Society</p>
</header>
<img src="image14.jpg" alt="Community Service" />
<p>Our students participate in community service projects, fostering a sense of social
responsibility.</p>
<nav>
<a href="page12.html">Previous Page</a> |
<a href="page14.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallery</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav a {
margin: 0 10px;
color: #007bff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Gallery</h1>
<p>Memories Captured</p>
</header>
<img src="image14.jpg" alt="Gallery" />
<p>Explore moments of pride, joy, and celebration at Naga Ji Saraswati Vidya
Mandir.</p>
<nav>
<a href="page13.html">Previous Page</a> |
<a href="page15.html">Next Page</a>
</nav>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
}
header {
background-color: #ffa500;
color: white;
padding: 20px;
}
img {
max-width: 80%;
height: auto;
margin: 20px auto;
}
nav a {
margin: 0 10px;
color: #007bff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Contact Us</h1>
<p>Get in Touch</p>
</header>
<img src="image15.jpg" alt="Contact Us" />
<p>Address: Maldepur, Ballia<br>Phone: +91-XXXXXXXXXX<br>Email:
[email protected]</p>
<nav>
<a href="page14.html">Previous Page</a>
</nav>
</body>
</html>
