About Project

Table of Contents
 About Project
 Home
 Register
 Login
 Contact Us
 Conclusion
 Future Scope
ABOUT PROJECT
School Managemwnt System is a complete school management software

designed to automate a school's diverse from class, exams events
calendar.
This school software has a powerfull online community to bring parents,

teachers and students on a common intractive platform. It is apaperless
office automation solution for today's mordan school. The school
Management system provides the facility to carry out all day to day
activities of the school, making them fast, easy, efficient and accurate.
All these departmants provide various records regarding studants. Most

of these track records need to maintain infoirmation about the studants.
This information could be the general details like student name, address,
performance, attendance etc or specific information related to
departmants like collection of data.
1.HOME
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-
beta1/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<title>School Website</title>
</head>
<body>
<nav style="padding:20px;margin:2px; background-color:pink;" class="navbar

navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="#"><h1 style="padding-right: 10px;
margin: 10px;">School Website</h1></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<nav style="float:right">
<div class="collapse navbar-collapse" id="navbarNavAltMarkup" >
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link" href="about project.html">About Project</a>
<a class="nav-link" href="gallery.html">Gallery</a>
<a class="nav-link" href="register.html">Register</a>
<a class="nav-link" href="login.html">Login</a>
<a class="nav-link" href="contact.html">Contact Us</a>
</div>
</div>
</div>
</nav>
</nav>
</nav>
<div style="background-color:pink;">
<div class="container">
<div class="row">
<div class="col-4 banner-box"><a>
<img class="banner" src="images/school%201.jpg" alt="" ></a></div>
<div class="col-6 heading"> <a><h3>Welcome to School Managment
<br>
Website and Information System</h3></a>
<br>
<a><p> School Management System is a complete school <br>manangement

software designed to automate a school's<br>diverse operations</p>
</a></div>
</div>
</div>
</div>
<div class="row">
<div class="col-6"> <h3>Welcome to School Website</h3>
<br>
<p>School Managemwnt System is a complete school management software
designed to automate a school's diverse from class, exams events calendar.
<br>
<br>
This school software has a powerfull online community to bring parents,
teachers and students on a common intractive platform. It is apaperless office
automation solution for today's mordan school. The school Management system
provides the facility to carry out all day to day activities of the school,
making them fast, easy, efficient and accurate.
<br>
<br>
All these departmants provide various records regarding studants. Most of

these track records need to maintain infoirmation about the studants. This
information could be the general details like student name, address,
performance, attendance etc or specific information related to departmants
like collection of data. </p></div>
<div class="col-4"><h3 style="background-color: lightblue; padding:

30px;">Latest School News</h3><div class="row g-0">
<div class="col-md-4">
<img src="images/school%202.jfif" class="img-fluid rounded-start"
alt="..."width="100px" height="500px" >
</div>
<div style="background-color: lightgreen;"class="col-md-8">
<div class="card-body">
<h5 style="margin:20px;" class="card-title">july 26,2022<br>Latest
School News</h5>
<p class="card-text"></p>
</div>
</div>
</div>
<div style="background-color: lightpink;" class="row g-0">
<img style="margin:20px;" src="images/school%203.jfif" class="img-fluid
rounded-start" alt="..."width="100px" height="100px" >
</div>
School News</h5>
</div>
</div>
</div>
<div style="background-color: lightgreen;" class="row g-0">

<img style="margin:20px;" src="images/school%204.jfif" class="img-fluid
rounded-start" alt="..."width="100px" height="100px" >
</div>
School News</h5>
<p style="float: right;"class="card-text"><small class="text-
muted">Last updated 3 mins ago</small></p>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>

<div class="footer">
<footer class="py-5">
<div class="row">
<div class="col-2">
<h5>Services</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-
muted">Services</a></li>
muted">Cum Soctis</a></li>
muted">Nulla consequat</a></li>
muted">Schools</a></li>
muted">About</a></li>
</ul>
</div>
<div class="col-2">
<h5>Website</h5>
<li class="nav-item mb-2"><a href="school website.html" class="nav-
link p-0 text-muted">Home</a></li>
<li class="nav-item mb-2"><a href="about project.html" class="nav-
link p-0 text-muted">About</a></li>
<li class="nav-item mb-2"><a href="gallery.html" class="nav-link p-0
text-muted">Gallery</a></li>
<li class="nav-item mb-2"><a href="login.html" class="nav-link p-0
text-muted">Login</a></li>
<li class="nav-item mb-2"><a href="register.html" class="nav-link p-
0 text-muted">Registration</a></li>
</ul>
</div>
<div class="col-2">
<h5>About</h5>
muted">Best School</a></li>
muted">Features</a></li>
muted">Pricing</a></li>
muted">Place</a></li>
muted">New</a></li>
</ul>
</div>
<div class="col-2">
<h5>Section</h5>
muted">Home</a></li>
muted">FAQs</a></li>
</ul>
</div>
<div class="col-2">
<h5>Contact</h5>
muted">Mail</a></li>
muted">MAssage</a></li>
muted">Twit</a></li>
muted">Information</a></li>
</ul>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-
beta1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
2.REGISTER
The registration page is a fundamental component of the School

Management System, serving as the gateway for users to create
accounts and gain access to the system. This document provides an
overview of the design, functionality, and importance of the registration
page in the context of the project.
The primary purpose of the registration page is to allow students,

teachers, and administrators to create their profiles and accounts within
the School Management System. It serves as the initial point of
interaction between users and the system, ensuring that only authorized
personnel can access and utilize the system's features.
Users are required to provide essential information during registration,
such as their name, email address, contact details, and a unique
username and password. This information is securely stored in the
system's database and can be used for authentication and
communication purposes.
Users are usually required to accept the terms and conditions of the
School Management System before registration. This legal aspect helps
define the rules and responsibilities of using the system.
<!doctype html>
<html lang="en">
<head>
<title>Register</title>
</head>
<body>
<nav style="padding:20px;margin:2px; background-color: pink;"
class="navbar navbar-expand-lg">
</button>
<a class="nav-link active" aria-current="page" href="school
website.html">Home</a>
</div>
</div>
</div>
</nav>
</nav>
</nav>
<div class="text" ><div class="container ">

<h2 >User Registration Page</h2>
<hr>
<form action
action="https:file:///D:/html%20files/login.html?lname=sdfdz56&lname=56">
<label for="fname">Name:</label><br>
<input type="text" id="fname" name="fname" placeholder="enter name"><br>
<label for="lname">E-mail:</label><br>
<input type="text" id="lname" name="lname" placeholder="enter e-
mail"><br><br>
<label for="lname">Mobile:</label><br>
<input type="text" id="lname" name="lname" placeholder="enter
mobile"><br><br>
<label for="lname">User Name:</label><br>
<input type="text" id="lname" name="lname " placeholder="enter user name
"><br><br>
<label for="lname">Password:</label><br>
<input type="Password" id="lname" name="lname" placeholder="enter
Password"><br><br>
<label for="lname">Confirm Password:</label><br>
<input type="Password" id="lname" name="lname" placeholder="enter confirm

Password"><br><br>
<input style="margin-bottom: 10px;" type="submit" value="Submit" href

="register.html">
</form>
</div>
</div>

<div class="b-example-divider"></div>
<div class="row">
<div class="col-2">
<h5>Services</h5>
</ul>
</div>
<div class="col-2">
<h5>Website</h5>
</ul>
</div>
<div class="col-2">
<h5>About</h5>
muted">New</a></li>
</ul>
</div>
<div class="col-2">
<h5>Section</h5>
</ul>
</div>
<div class="col-2">
<h5>Contact</h5>
</ul>
</div>
</div>
</body>
</html>
3.LOGIN
The login page in our School Management System project serves as the
entry point for authorized users to access their accounts and the
system's features. It requires users to input their unique username and
password for authentication. The page includes security measures such
as password hashing to protect user credentials. In case of login failures,
appropriate error messages are displayed. A "Forgot Password" link is
also provided for users who need to reset their passwords. The login
page is designed to be user-friendly, ensuring a seamless and secure
login experience for all users, including students, teachers, and
administrators.
<!doctype html>
<html lang="en">
<head>
<title>Login</title>
</head>
<body>
navbar-expand-lg">
</button>
</div>
</div>
</div>
</nav>
</nav>
</nav>
<div class="loginform" >

<div>
<h2>Login Page</h2>
<hr>
<form action
<label for="lname">User Name:</label><br>

<input type="text" id="lname" name="lname" placeholder="enter user name"
><br><br>
<label for="lname">Password:</label><br>
<input type="Password" id="lname" name="lname" placeholder="enter

Password"><br><br>
<input style="margin-bottom: 10px;" type="submit" value="Login" >
</form>
</div>
</div>

<div class="row">
<div class="col-2">
<h5>Services</h5>
</ul>
</div>
<div class="col-2">
<h5>Website</h5>
</ul>
</div>
<div class="col-2">
<h5>About</h5>
muted">New</a></li>
</ul>
</div>
<div class="col-2">
<h5>Section</h5>
</div>
<div class="col-2">
<h5>Contact</h5>
</ul>
</div>
</div>
</body>
</html>
4.CONTACT US
Our "Contact Us" feature provides a direct avenue for users to reach out
to our support team for any inquiries or assistance. To ensure effective
communication, users are requested to fill out a form that includes fields
for their name, email address, and a message detailing their query or
concern. Once submitted, the information is forwarded to our support
team, who will promptly respond to the user's request. We take user
feedback seriously and aim to provide a swift and helpful response to
any questions or issues that may arise, ensuring a positive user
experience. Your satisfaction is our priority, and we are here to assist you
in any way we can.
<!doctype html>
<html lang="en">
<head>
<title>Contact Us</title>
</head>
<body>
navbar-expand-lg">
</button>
</div>
</div>
</div>
</nav>
</nav>
</nav>
<div class="contact" >

<div>
<h2>Contact Us</h2>
<hr>
<form action
<label for="lname">Your Name:</label><br>

<input type="text" id="lname" name="lname"
placeholder="enter name"><br><br>
<label for="lname">Your e-mail:</label><br>
<input type="text" id="lname" name="lname" placeholder="enter e-mail"

><br><br>
<div style="margin-bottom: 10px;" class="mb-2">

<label style="margin-bottom: 10px; for="exampleFormControlTextarea1"
class="form-label">Your Massage:</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="4"
placeholder="enter your massage............."></textarea>
</div>
<input style="margin-bottom: 10px;" type="submit" value="Submit" href
="register.html">
</form>
</div>
</div>

<div class="row">
<div class="col-2">
<h5>Services</h5>
</ul>
</div>
<div class="col-2">
<h5>Website</h5>
</ul>
</div>
<div class="col-2">
<h5>About</h5>
muted">New</a></li>
</ul>
</div>
<div class="col-2">
<h5>Section</h5>
</ul>
</div>
<div class="col-2">
<h5>Contact</h5>
</ul>
</div>
</div>
</body>
</html>
5.CONCLUSION
In conclusion, the School Management System's registration page, login

page, and "Contact Us" feature collectively contribute to a user-friendly,
secure, and responsive system. The registration page enables the
creation of user accounts, while the login page ensures secure access.
The "Contact Us" feature provides a direct line of communication for
user inquiries and support. Together, these components enhance the
overall functionality and user experience of the system, ensuring that
users can effectively and securely interact with the platform while
addressing any questions or concerns they may have.
6.FUTURE SCOPE
The School Management System project exhibits promising potential for

future enhancements and expansions. In the future, we plan to
implement additional features such as student and teacher profile
customization, course management, and online assignment submissions.
Integration with parent portals for enhanced communication and
progress tracking is also on the horizon. Furthermore, the system could
benefit from incorporating data analytics and reporting tools to provide
insights into student performance and administrative decision-making.
Mobile application development is another area for future exploration to
make the system more accessible on various devices. As technology
evolves and educational needs change, the School Management System
will remain adaptable and poised for continuous improvement to meet
the evolving requirements of educational institutions.

About Project

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

About Project

Uploaded by

Copyright:

Available Formats

Table of Contents

School Managemwnt System is a complete school management software

This school software has a powerfull online community to bring parents,

All these departmants provide various records regarding studants. Most

<nav style="padding:20px;margin:2px; background-color:pink;" class="navbar

<a><p> School Management System is a complete school <br>manangement

All these departmants provide various records regarding studants. Most of

<div class="col-4"><h3 style="background-color: lightblue; padding:

<div style="background-color: lightgreen;" class="row g-0">

The registration page is a fundamental component of the School

The primary purpose of the registration page is to allow students,

<div class="text" ><div class="container ">

<input type="Password" id="lname" name="lname" placeholder="enter confirm

<input style="margin-bottom: 10px;" type="submit" value="Submit" href

<div class="loginform" >

<label for="lname">User Name:</label><br>

<input type="Password" id="lname" name="lname" placeholder="enter

<input style="margin-bottom: 10px;" type="submit" value="Login" >

<div class="contact" >

<label for="lname">Your Name:</label><br>

<input type="text" id="lname" name="lname" placeholder="enter e-mail"

<div style="margin-bottom: 10px;" class="mb-2">

In conclusion, the School Management System's registration page, login

The School Management System project exhibits promising potential for

You might also like