Scribd
Upload
10 views14 pages

Class - 12 - Cer and Content

The document certifies the project work titled 'School Website' conducted by students of Sant Pathik Vidyalaya under the guidance of Er. Shivam Verma for the C.B.S.E syllabus. It includes acknowledgments to various individuals for their support and outlines the project's purpose of creating an attractive and dynamic school website. The document also contains sections detailing the website's structure, content, and code implementation.

Uploaded by

devanshpadhle10
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views14 pages

Class - 12 - Cer and Content

The document certifies the project work titled 'School Website' conducted by students of Sant Pathik Vidyalaya under the guidance of Er. Shivam Verma for the C.B.S.E syllabus. It includes acknowledgments to various individuals for their support and outlines the project's purpose of creating an attractive and dynamic school website. The document also contains sections detailing the website's structure, content, and code implementation.

Uploaded by

devanshpadhle10
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

CERTIFICATE-I

This is to certify that, this project work entitled “School Website.”

is a Bonafede work of “Shikhar Srivastava(XII-C),Anshika Srivastav(XII-C),

Devansh K. Maurya(XII-A),Krishna Pathak (XII-C) conducted in Sant Pathik

Vidyalaya, Bahraich , under my guidance and

supervision for fulfilment of C.B.S.E Syllabus for All India Senior School

CertificateExamination to be held in Jan - Feb, 2024-25.

(Er. Shivam Verma)


Advisor

CERTIFICATE-II

i
This is to certify that, this project work entitled

“School Website” is a Bonafede work of “Shikhar Srivastava (XII-C),Anshika


Srivastav(XII-C), Devansh K. Maurya(XII-A),Krishna Pathak (XII-C)

conducted in Sant Pathik Vidyalaya, Bahraich, under my guidance and

supervision for fulfilment of (C.B.S.E Syllabus for All India Senior School Certificate

Examination to be held in Jan- Feb, 2024 - 25) has been approved by the advisory

committee and external examiner after an oral examination.

Examiner

Advisory Committee

Principal Mrs. Pooja Agrawal

Academic Director Mr. Prem Prakash Sharma

Advisor Er. Shivam Verma

ACKNOWLEDGEMENT

ii
The endless thanks go to Lord Almighty for all the blessings he has showered on me during

the period of my study. I have been blessed by Almighty with some extraordinary people who have spun

a web of support around me.

First and foremost, I would like to offer my sincere gratitude to my esteemed teacher,

Er.Shivam Verma, PGT-Computer Science for his continuous supervision, constructive guidance

and moral support without which successful completion of this report would not be possible. It was a

great pleasure for me to work with his.

I owe my heartiest gratitude to Mrs. Pooja Agrawal, Principal for providing necessary

infrastructure & resources to accomplish my project.

Then I would like to thank the laboratory assistant of Computer lab for his assistance and

Co-operation.

I take this opportunity to dedicate this work to my parents who have made me what I am

and given consistent support throughout my project.

Last but not least, my special word of thanks goes to my fellows for their moral support

and all others who helped me a lot in gathering information for this project.

SPV, Bahraich Devansh Kr Maurya


January, 2025 Shikhar Srivastava
Anshika Srivastava
Krishna Pathak

iii
1.1 ABOUT THE TOPIC

A website is a collection of Web pages, images, videos and other digital assets that is
hosted on one or several Web server, usually accessible via Internet.

The pages of websites can usually be accessed from a common root URL called the
homepage, and usually reside on the same physical server. The URLs of the pages
organize them into a hierarchy, although the hyperlinks between them control how the
reader perceives the overall structure and how the traffic flows between the different
parts of the sites.

A website requires attractive design and proper arrangement of links and images, which
enables a browser to easily interpret and access the properties of the site. Hence it
provides the browser with adequate information and functionality about the
organization, community, network etc.

1.2 ABOUT THE PROJECT

The website has been developed for our School project in an effort to make a attractive
and dynamic website.

The working of the project is as follows.

The first page provides several links. The Home page contains several information
about the site like campus, management, facilities, infrastructure etc.

iv
v
Code
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css">
<title>Document</title>
</head>

<body>

<div class="nav__bar">
<header class="header">
<nav class="nav">
<a href="#" class="nav__logo">

</a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li><a href="#Home" class="nav__links">Home</a></li>
<li><a href="#about" class="nav__links">About</a></li>
<li><a href="#staff" class="nav__links">Staff</a></li>
<li><a href="#Gallary" class="nav__links">Gallary</a></li>
<li><a href="#contact" class="nav__links
button_contact">ContactUs</a></li>
</ul>
</div>

vi
</nav>
</header>
</div>

<div class="main__section" id="Home">


<div class="main__container">

<div class="main__data">

<h1 class="heading">A Place for Growth, Learning, and Success.</h1>


<h3 class="subheading">Empowering young minds to shape the future.</h3>

<div class="main_paragraph">
<p class="paragraph">At Sun Shine Academy, we foster an environment
where every student is inspired
to achieve academic excellence and personal growth. Explore our
programs, meet our dedicated
team, and discover the opportunities awaiting your child.
</p>
</div>
<a href="#contact" class="button"> Learn more..</a>
</div>

<div class="main__img">
<img src="assets/mainimg.png" alt="" class="main_img">
</div>
</div>
</div>

<div class="about" id="about">

vii
<div class="about__data">
<h1 class="about__heading">About Us</h1>
<h3 class="about__subheading">Building Bright Futures Since 2000</h3>
<p class="about__paragraph">At Sun Shine, we foster an environment where
every student is inspired to
achieve
academic excellence and personal growth. Explore our programs, meet our
dedicated team, and discover the
opportunities awaiting your child. </p>
</div>

<div class="about__container">
<div class="about__history">
<h1 class="about__heading">Our Philosophy</h1>
<h3 class="about__subheading">Inspiring Minds, Building Character</h3>
<p class="about__paragraph">We believe that education goes beyond
academics. At Sun Shine, our
philosophy is to develop well-rounded individuals by fostering intellectual
curiosity, creativity,
and strong moral values. </p>
</div>
<div class="about__achieve">
<h1 class="about__heading">Our Achievements</h1>
<h3 class="about__subheading">Celebrating Successes Together</h3>
<p class="about__paragraph">From academic accolades to sports and
extracurricular triumphs, [School
Name] takes pride in the achievements of our students and staff. Together,
we strive for excellence
in every field.
</p>
</div>
<div class="about__choose">

viii
<h1 class="about__heading">Why Choose Us</h1>
<h3 class="about__subheading">Your Child’s Future, Our Commitment</h3>
<p class="about__paragraph">With a focus on holistic development, state-of-
the-art facilities, and
experienced educators, Sun Shine provides the perfect environment for your
child to thrive. Join
us for an enriching educational journey! </p>
</div>
</div>

</div>
<div class="staff_container" id="staff">

<div class="staff__data">
<h1 class="staff__heading">Meet Our Dedicated Team</h1>
<h3 class="staff__subheading">Guiding Students Towards Excellence</h3>
<p class="staff__paragraph">At Sun Shine, we are proud to have a team of
experienced and passionate
educators. Each staff member is dedicated to creating an inspiring and
supportive learning
environment. </p>
</div>

<div class="staff__images">

<div class="img_card">
<div class="teacher__img">
<img src="assets/1.png" alt="teacher1">
</div>
<span>

ix
<h4>Snehlata Pathak</h4>
</span>
</div>

<div class="img_card">
<div class="teacher__img">
<img src="assets/2.png" alt="teacher1">
</div>
<span>
<h4>Abdul Ansari</h4>
</span>
</div>

<div class="img_card">
<div class="teacher__img">
<img src="assets/3.png" alt="teacher1">
</div>
<span>
<h4>Shivendra Singh</h4>
</span>
</div>

<div class="img_card">
<div class="teacher__img">
<img src="assets/4.png" alt="teacher1">
</div>
<span>
<h4>Ruchi Verma</h4>
</span>
</div>

x
</div>

</div>
<div class="Gallary" id="Gallary">
<div class="staff__data">
<h1 class="staff__heading">Gallery</h1>
<h3 class="staff__subheading">Explore Our World</h3>
<p class="staff__paragraph">Take a glimpse into life at Sun Shine. From
engaging classroom activities to
fun-filled events, our gallery showcases the vibrant experiences of our students
and community. </p>
</div>
<div class="gallery_grid">
<div class="gallery">
<a target="_blank" href="assets/gal/1.png">
<img src="assets/gal/1.png" alt="" width="800" height="400">
</a>
<div class="desc">Children's day Celebration</div>
</div>
<div class="gallery">
<a target="_blank" href="assets/gal/2.png">
<img src="assets/gal/2.png" alt="Republic Day" width="600"
height="400">
</a>
<div class="desc">Republic Day</div>
</div>
<div class="gallery">
<a target="_blank" href="assets/gal/3.png">
<img src="assets/gal/3.png" alt="Cinque Terre" width="600"
height="400">
</a>
<div class="desc">Games</div>

xi
</div>
<div class="gallery">
<a target="_blank" href="assets/gal/4.png">
<img src="assets/gal/4.png" alt="Cinque Terre" width="600"
height="400">
</a>
<div class="desc">Playgroup</div>
</div>
</div>

</div>

<div class="contact" id="contact">


<div class="contact__data">
<h1 class="contact__heading">Get in Touch</h1>
<h3 class="contact__subheading">We’re Here to Help You</h3>
<p class="contact__paragraph">Have questions or want to learn more about
Sun Shine? Reach out to us!
We’re happy to assist you with enrollment, queries, or any other information
you need.</p>
</div>

<div class="contact__section">
<div class="contact__details">
<div class="address">
<h1>Address</h1>
<p>123 Elmwood Avenue,<br>
Greenfield Park,<br>
Springfield, SP12 4YZ</p>
</div>
<div class="phone">
<h1>Phone</h1>

xii
<p>+1 (555) 123-4567</p>
</div>
<div class="email">
<h1>Email</h1>
<p>[email protected]</p>

</div>

<div class="hours">
<p>
Monday to Friday: 8:00 AM – 4:00 PM <br>
Saturday & Sunday: Closed <br>

Feel free to adjust as needed!


</p>
</div>

</div>

<div class="contact__form">
<div class="contact_container">
<form action="" class="form__contact">

<label for="fname">First Name</label>


<input type="text" placeholder="Adam">

<label for="lname">Last Name</label>


<input type="text" placeholder="Smith">

<label for="lname">Email</label>
<input type="text" placeholder="[email protected]">

xiii
<label for="lname">Contact No</label>
<input type="tel" placeholder="+99187658243">

<a href="#contact" class="nav__links button_contact


button">ContactUs</a>

</form>
</div>

</div>

</div>

</div>

</body>
<footer>
<p class="copyright">All Rights reserved &copy Copyright 2025 : Designed and
Devloped by Devansh Kumar Maurya</p>
</footer>

</html>

xiv

You might also like