Report 2

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 55

!!..... Student RESULT MANAGEMENT SYSTEM….. !!

Output of Home Page :-

Code of Home Page:-


<html>
<head>
<title> result</title>
<style>
body{
background-image: url("b2.jpg");
background-size:1150px 700px;
background-repeat:no-repeat;
background-position:bottom center;

1
}
h2{
color:black;
margin: 100px 100px 100px 400px ;

}
nav{
width:130%;
height:60px;

background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin-top:10px;
margin-left:30px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
a .navdiv{
float:right;
}
input[type=text]{
background: 2px white ;
width:60%;
padding:12px 20px;

2
margin:10px;
border-radius:4px;
}
label{
color:black;
text-shadow: 2px 4px 3px white;
margin-left:15px;
font-size: 20px;
}
input[type=button]{
background-color:blue;
color:white;
padding:12px 20px ;
border:none;
border-radius:4px;
cursor:pointer;
width:25%;
margin-left:40px;
}
.f2{

background: 2px white ;


background-radius:4px;
color:black;
text-shadow: 2px 1px 3px white;
text-align:center;
font-size:20px;
margin-left:380px;
margin-right:380px;
height:35%;
opacity:0.9;

3
}
</style>
</head>
<body>
<nav>
<ul>
<li> <a href="home.html" target="blank">HOME</a> </li>
<li > <a href="about.html" target="blank">ABOUT</a> </li>
<li > <a href="Contact.html" target="blank">CONTACT</a> </li>
<li > <a class="navdiv" href="result.html" target="blank">ADMINLOGIN</a></li>

</ul>
</nav>

<h2>GET YOUR RESULT HERE !</h2>


<div class="f2">
<form>
<label>Roll no</label>
<input type="text" ><p>

<label>Standard</label>
<input type="text" ><p>
<a href="dispresult.html" target="blank"><input type="button" value="SUBMIT"></a>
</form>
</div>
</body>
</html>

4
Output Of Display Result Page:-

Code Of Display Result Page:-


<html>
<head>
<style>
body{
background-image: url("w2.jpg");
background-size:1400px 950px;
background-repeat:no-repeat;
background-position:bottom center;

5
}
nav{
width:110%;
height:60px;
background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin-top:10px;
margin-left:30px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
.form1{
border:1px solid lightgray;
margin-left:120px ;
margin-right:120px ;

}
.f-name{
margin:20px;
font-size:25px;
}
input[type=text]{
width:30%;
height:50px;
padding:10px 7px 7px 7px;

6
border:1px solid lightgray;
}
table th,td{
text-align:center;
border:1px solid lightgray;
height:45px;
font-size:20px;
}
table{
width:79%;

margin-left:120px ;
border-collapse:collapse;
}
.main{ border:2px solid black;
margin:20px;
}
</style>
</head>
<body>
<nav>
<ul>
<li> <a href="dashboard.html" target="blank">DASHBOARD</a>
<li> <a href="home.html" target="blank">HOME</a> </li>
<li > <a href="about.html" target="blank">ABOUT</a> </li>
<li > <a href="Contact.html" target="blank">CONTACT</a> </li>

</ul>
</nav>

7
<div class="main"><p>
<center> <img src="radha.jpg" width="200" height="200"></center><p>
<table>

<tr>
<td>Name:</td>
<td>Radha</td>
</tr>
<tr>
<td>Class:</td>
<td>08</td>
</tr>
<tr>
<td>Roll No:</td>
<td>08</td>
</tr>
<tr>
<td>Father's Name:</td>
<td>Manoj</td>
</tr>
<tr>
<td>City Name:</td>
<td>kasegaon</td>
</tr>
</table><p>
<table>
<tr>
<th>Subject</th>
<th>Half Yearly Exam (Score)</th>
<th>Annual Yearly Exam (Score)</th>
<th>Total</th>

8
<th>Max.marks</th>
</tr>
<tr>
<td>Hindi</td>
<td>90</td>
<td>90</td>
<td>180</td>
<td>200</td>
</tr>
<tr>
<td>English</td>
<td>88</td>
<td>88</td>
<td>186</td>
<td>200</td>
</tr>
<tr>
<td>Math</td>
<td>75</td>
<td>85</td>
<td>160</td>
<td>200</td>
</tr>
<tr>
<td>Chemistry</td>
<td>78</td>
<td>99</td>
<td>177</td>
<td>200</td>
</tr>
<tr>

9
<td>Physics</td>
<td>98</td>
<td>89</td>
<td>187</td>
<td>200</td>
</tr>
<tr>
<td>Total</td>
<td>429</td>
<td>451</td>
<td>890</td>
<td>1000</td>
</tr>
</table>

<center> <h1>You Are <font color="green"> Pass</font></h1></center>


</div>
</body>
</html>

10
Output Of Contact Page:-

Code Of Contact Page:-


<html>
<head>
<title> result</title>
<style>
body{
background-image: url("c1.jpg");
background-size:1300px 730px;
background-repeat:no-repeat;
background-position:bottom center;

11
}
ul{
list-style-type:none;
padding:5px;

}
nav{
width:100%;
height:60px;
background-color:white;
}
nav li{
//float:right;
display:inline-block;
list-style-type:none;
margin-top:10px;
margin-left:30px;
}
nav li a{

font-size:18px;
color:black;
text-decoration:none;
}
h2{
color:black;
font-size:30px;
}
input[type=text],textarea{
width:50%;

12
padding:12px 20px;
margin-left:300px;
border-radius:4px;
}
lable{
color:black;
margin-left:320px;
font-size: 20px;
}
input[type=send]{
background-color:blue;
color:white;
padding:12px 20px;
border:none;
border-radius:4px;
cursor:pointer;
width:8%;
margin-left:470px;
}
</style>
</head>
<body>
<nav>
<ul>
<li class="navdiv"><a href="home.html" target="blank">HOME</a></li>
<li><a href="result.html" target="blank">ADMIN LOGIN</a></li>
<li><a href="Contact.html" target="blank">CONTACT</a></li>
<li><a href="about.html" target="blank">ABOUT</a></li>

</ul>
</nav>

13
<center>

<h2> How can we help? Feel free to contact <br> Send us a message</h2> </center >
<form>
<lable> Enter your Name </lable><p>
<input type="text" placeholder=" Full Name "> <p>
<lable> Enter your E-mail Id</lable><p>
<input type="text" placeholder="E-mail Id"><p>
<lable> Enter your Contact No.</lable><p>
<input type="text" maxlength="10" size="10" placeholder="Contact No"><p>
<lable> Type your Message</lable><p> <textarea
placeholder="Typehere...."></textarea><p>
<input type="send" value="SEND">
</form>

</body>
</html>

14
Output Of About Us Page:-

Code Of About Us Page:-

<html>
<head>
<style>
ul{
list-style-type:none;
padding:5px;

}
nav{

15
width:100%;
height:50px;
background-color:white;
}
nav li{
float:right;
display:inline-block;
list-style-type:none;
margin-top:10px;
margin-left:30px;
}
nav li a{

font-size:18px;
color:black;
text-decoration:none;
}
.about1{
background-image: url("s3.jpg");
background-size:1400px 250px;
background-repeat:no-repeat;
height:30%;
width:100%;

}
.transbox p{
text-align:center;
padding:80px;
color:white;
margin:10px;
font-size:60px;

16
font-weight:bold;
}
.p1{ text-align:center;
margin:20px;
font-size:25px;
color:black;
}
.navdiv{ float:left;
}
</style>
</head>
<body>
<nav>
<ul>
<li class="navdiv"><a href="home.html" target="blank">HOME</a></li>
<li><a href="result.html" target="blank">ADMIN LOGIN</a></li>
<li><a href="Contact.html" target="blank">CONTACT</a></li>
<li><a href="about.html" target="blank">ABOUT</a></li>

</ul>
</nav>
<div class="about1">
<div class="transbox"> <p>About Us</p>
<!-- <img src="a9.jpg" >-->
</div>
</div>
<center>
<h1>Student Result Management System</h1>
<div class="p1">
This innovation software application dramatically simplifes and accelerates the result management<br>
system, enhanced by its distinative templates. It offers administrators a secure and efficient
database<br> for storing, evaluating , and publishing candidate’s 'test scores ans grades online.

17
Moreover, students <br> can conveniently access and review their exam results anytime through the
web interface.
<p>
The Student Result Management System presents a remarkable technological solution for
educational<br> institutions, including schools, colleges, univercities, and coaching centers. It offers a
secure,<br> streamlined, and modern alternative to the traditional paper-based methods of evaluating,
reporting,<br> distributing exam results. This system brings forth opportunity to enhance efficiency
and<br> accuracy while eliminating the complexities associated with manual processes.
</center>

</div>
</body>
</html>

18
Output Of Admin Login Page:-

Code Of Admin Login Page:-

<html>
<head>
<title> result</title>
<style>
body{
background-image: url("S3.jpg");
background-size:1400px 720px;
background-repeat:no-repeat;

19
color:white;
background-position:bottom center;

}
nav{
width:100%;
height:50px;
background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin-top:10px;
margin-left:30px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
h1{
text-shadow:2px 1px 3px black ;
color:yellow;
text-align:center;
font-size:50px;
}
input[type=text],input[type=password]{
width:60%;
padding:12px 20px;
margin:10px;
border-radius:4px;

20
}
label{
color:white;
text-shadow: 2px 4px 3px black;
margin-left:15px;
font-size: 20px;
}
form{
margin:0px 0px 0px 300px;
}
input[type=button]{
background-color:blue;
color:white;
padding:12px 20px;
border:none;
border-radius:4px;
cursor:pointer;
width:10%;
margin-left:200px;
}
</style>
</head>
<body>
<nav>
<ul>
<li> <a href="home.html" target="blank">HOME</a> </li>
<li > <a href="about.html" target="blank">ABOUT</a> </li>
<li > <a href="Contact.html" target="blank">CONTACT</a> </li>
</ul>
</nav>
<center>

21
<h1> Admin Login</h1><p>

</center>
<form>

<label>Username:-</label><p>
<input type="text" placeholder="Username"><p>

<label>Password:-</label><p>
<input type="Password" placeholder="Password"><p>

<a href="dashboard.html" target="blank"><input type="button" value="SUBMIT"</a>

</form>
</body>
</html>

22
Output Of Admin Dashboard Page:-

Code Of Admin Dashboard Page:-


<html>
<head>
<title>dashboard</title>
<style>
body{
background-image: url("d2.jpg");
background-size:1100px 750px;
background-repeat:no-repeat;
background-position:bottom;

23
}

nav{
width:100%;
height:50px;
background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin-top:10px;
margin-left:30px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
a .navdiv{
float:right;
}
.disk{
list-style-type:none;
font-size:35px;
color:blue;

}
</style>
</head>
<body>
<nav>

24
<ul>
<li> <a href="home.html" target="blank">HOME</a> </li>
<li > <a href="about.html" target="blank">ABOUT</a> </li>
<li > <a href="Contact.html" target="blank">CONTACT</a> </li>
<li > <a class="navdiv" href="result.html" target="blank">LOGOUT</a></li>
</ul>
</nav>
<center> <font face="Arial" size="9" color="black">Admin Dashboard</font></center>
<ul class="disk">
<li> <a href="add.html" target="blank"> -> Add Marks of Student</a></li>
<li><a href="upmark.html" target="blank">-> Update Student Marks of First Exam(A)</li>
<li><a href="up2mark.html" target="blank">-> Update Student Marks of Second Exam(B)</li>
<li><a href="record.html" target="blank"> -> Data/Details of all Students</li>
<li><a href="message.html" target="blank">-> Message By Student</li>
</ul>
</body>
</html>

25
Output Of Student Details Page:-

Code Of Student Details Page:-

<html>
<head>
<title> result</title>
<style>
body{
background-image: url("a1.jpg");

26
background-size:1200px 700px;
background-repeat:no-repeat;
background-position:bottom center;
}
nav{
width:110%;
height:50px;
background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin-top:10px;
margin-left:30px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
form{
margin:70px ;

}
input[type=text]{
width:30%;
padding:10px;
border:1px solid lightgray;
}
.container3{
padding:15px;

27
width:100%;
}
.details{
font-size:35px;
text-align:center;
}
form .container4{
display:flex;
flex-wrap:wrap;

}
form .container4 .input-name{
width:calc(100%/3 - 20px);
margin:10px;
}
form .container4 .input-name input{
height:45px;
width:100%;
margin :9px;
}
.f-name{
font-size:20px;
}
input[type=button]{
background-color:blue;
color:white;
padding:12px 20px;
border:none;
border-radius:4px;
cursor:pointer;
width:7%;

28
margin:10px 400px 10px 400px;
}
</style>
</head>
<body>
<nav>
<ul>
<li> <a href="dashboard.html" target="blank">DASHBOARD</a>
<li> <a href="home.html" target="blank">HOME</a> </li>
<li > <a href="about.html" target="blank">ABOUT</a> </li>
<li > <a href="Contact.html" target="blank">CONTACT</a> </li>

</ul>
</nav>

<div class="container3">
<div class="details"> Enter the Details of Student</div>
<form>
<div class="container4">
<div class="input-name">
<span class="f-name">Name</span>
<input type="text" placeholder="Enter Full Name" >
</div>
<div class="input-name">
<span class="f-name">Class</span>
<input type="text" placeholder="class" >
</div>
<div class="input-name">
<span class="f-name">Roll No</span>
<input type="text" placeholder="Roll No" >

29
</div>
<div class="input-name">
<span class="f-name">Father's Name</span>
<input type="text" placeholder="Father's Name" >
</div>
<div class="input-name">
<span class="f-name">Mother's Name</span>
<input type="text" placeholder="Mother's Name" >
</div>
<div class="input-name">
<span class="f-name">Mobile No</span>
<input type="text" placeholder="Mobile No" >
</div>
<div class="input-name">
<span class="f-name">Choose Image:</span>
<input type="file" >
</div>
<a href="addmark.html" target="blank"><input type="button" value="Next"</a>
</body>
</html>

30
Output Of Student Marks Page:-

Code Of Student Marks Page:-

<html>
<head>
<title> result</title>
<style>
body{
background-image: url("a1.jpg");
background-size:1200px 720px;
background-repeat:no-repeat;

31
background-position:bottom center;
}
nav{
width:100%;
height:50px;
background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin-top:10px;
margin-left:30px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
form{
margin:70px ;

}
input[type=text]{
width:30%;
padding:10px;
border:1px solid lightgray;
}
.container3{
padding:15px;
width:100%;
}

32
.details{
font-size:35px;
text-align:left;
}
form .container4{
display:flex;
flex-wrap:wrap;

}
form .container4 .input-name{
width:calc(100%/3 - 20px);
margin:10px;
}
form .container4 .input-name input{
height:45px;
width:100%;
margin :9px;
}
.f-name{
font-size:25px;
}
.f1{
margin:50px 80px 80px 80px ;
background-color:white;
opacity:0.8;

}
input[type=button]{
background-color:blue;
color:white;
padding:12px 20px;

33
border:none;
border-radius:4px;
cursor:pointer;
width:8%;
margin:10px 400px 10px 400px;
}
</style>
</head>
<body>
<nav>
<ul>
<li> <a href="dashboard.html" target="blank">Dashboard</a>
<li> <a href="home.html" target="blank">HOME</a> </li>
<li > <a href="about.html" target="blank">ABOUT</a> </li>
<li > <a href="Contact.html" target="blank">CONTACT</a> </li>

</ul>
</nav>
<div class="f1">
<div class="container3">
<div class="details"> Step 2/2: Add Exam Mark </div>
<form>
<div class="container4">
<div class="input-name">
<span class="f-name">Hindi</span>
<input type="text" placeholder="Hindi" >
</div>
<div class="input-name">
<span class="f-name">English</span>
<input type="text" placeholder="English" >

34
</div>
<div class="input-name">
<span class="f-name">Math</span>
<input type="text" placeholder="Math" >
</div>
<div class="input-name">
<span class="f-name">Physics</span>
<input type="text" placeholder="Physics" >
</div>
<div class="input-name">
<span class="f-name">Chemistry</span>
<input type="text" placeholder="Chemistry" >
</div>
<!-- <div class="input-name">
<span class="f-name">Mobile No</span>
<input type="text" placeholder="Mobile No" >
</div>
<div class="input-name">
<span class="f-name">Choose Image:</span>
<input type="file" >
</div> -->
<a href="dashboard.html" target="blank"><input type="button" value="Submit"</a>
<form>
</div>
</div>
</div>
</body>
</html>

35
Output Of Search Student Page:-

Code Of Search Student Page:-

<html>
<head>
<style>
body{
background-image: url("w1.jpg");
background-size:1200px 750px;

36
background-repeat:no-repeat;
background-position: bottom center;}
nav{
width:100%;
height:60px;
background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin:10px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
input[type=text]{
width:35%;
padding:12px 20px;
margin:10px 0px 10px 70px;
border-radius:4px;
}
form{
border:1px solid lightgray;
}
input[type=button]{
background-color:blue;
color:white;
padding:12px 20px;
border:none;

37
border-radius:4px;
cursor:pointer;
width:10%;

}
table,td{
text-align:center;
border:1px solid lightgray;
height:45px;
color:black;
font-size:18px;
}
table{
width:100%;
border-collapse:collapse;
}
th{
text-align:center;
border:1px solid lightgray;
height:45px;
background-color:131842;
color:white;
}
</style>
</head>
<body>
<nav>
<ul>
<li> <a href="home.html" target="blank">HOME</a> </li>
<li > <a href="about.html" target="blank">ABOUT</a> </li>
<li > <a href="Contact.html" target="blank">CONTACT</a> </li>

38
<li> <a href="dashboard.html" target="blank">DASHBOARD</a>
</ul>
</nav>
<center> <h1>Search Student and Update Marks</h1></center>
<form>
<lable>Enter Class:</lable><input type="text">
<lable> Student Roll no:</lable><input type="text">
<center> <a href="edit.html" target="blank"><input type="button" value="Search"</a></center>
<p>
</form>
<table>
<tr>
<th>Id</th>
<th>Name</th>
<th>Father's Name</th>
<th>Address</th>
<th>Class</th>
<th>Roll No</th>
<th>Edit</th>
</tr>
<tr>
<td>01</td>
<td>Radhe Gupta</td>
<td>Manoj</td>
<td>kasegaon</td>
<td>10</td>
<td>12</td>
<td> <a href="upmark.html" target="blank">Edit</a> </td>
</tr>
</table>
</body>
</html>

39
Output Of Student Update Student Marks(A) Page:-

Code Of Student Update Student Marks(A) Page:-


<html>
<head>
<style>
body{
background-image: url("w1.jpg");
background-size:1300px 900px;
background-repeat:no-repeat;
background-position: bottom center;

40
}
nav{
width:120%;
height:60px;
background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin:10px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
.form1{
border:1px solid lightgray;
margin-left:50px;
margin-right:600px;
background-color:white;
}
.form2{
margin:50px ;
}
.form3{
margin:50px ;
}
input[type=text]{
width:30%;
padding:10px;

41
border:1px solid lightgray;
margin:20px 20px 10px 20px;
}
.container3{
padding:15px;
width:100%;
}
.details{
font-size:30px;
text-align:left;
}
form .container4{
display:flex;
flex-wrap:wrap;
}
form .container4 .input-name{
width:calc(100%/3 - 20px);
margin:10px;
}
form .container4 .input-name input{
height:45px;
width:100%;
margin :9px;
}
.f-name{
margin:10px;
font-size:25px;
}
.f1{ border:2px solid lightgray;
margin:50px 80px 80px 80px ;
background-color:white;

42
opacity:0.8;
}
input[type=button]{
background-color:blue;
color:white;
padding:12px 20px;
border:none;
border-radius:4px;
cursor:pointer;
width:10%;
margin-left:20px;}
</style>
</head>
<body>
<nav>
<ul>
<li> <a href="home.html" target="blank">HOME</a> </li>
<li > <a href="about.html" target="blank">ABOUT</a> </li>
<li > <a href="Contact.html" target="blank">CONTACT</a> </li>
<li> <a href="dashboard.html" target="blank">DASHBOARD</a>
</ul>
</nav>
<center> <h1>Update Student Marks</h1></center>
<form class="form1">
<lable class="f-name"> Student Name:</lable><input type=text><p>

<lable class="f-name">Enter Class:</lable><input type=text><p>

<lable class="f-name"> Student Roll no:</lable><input type=text>


</form>
<div class="f1">

43
<div class="container3">
<div class="details"> First Exam Mark(A) </div>
<form class="form2">
<div class="container4">
<div class="input-name">
<span class="f-name">Hindi</span>
<input type="text" placeholder="Hindi" >
</div>
<div class="input-name">
<span class="f-name">English</span>
<input type="text" placeholder="English" >
</div>
<div class="input-name">
<span class="f-name">Math</span>
<input type="text" placeholder="Math" >
</div>
<div class="input-name">
<span class="f-name">Physics</span>
<input type="text" placeholder="Physics" >
</div>
<div class="input-name">
<span class="f-name">Chemistry</span>
<input type="text" placeholder="Chemistry" >
</div>
</div>
<a href="dashboard.html" target="blank"><input type="button" value="SUBMIT"</a>
<form>
</div>
</div>
</body>
</html>

44
Output Of Student Update Student Marks(B) Page:-

Code Of Student Update Student Marks(B) Page:-


<html>
<head>
<style>
body{
background-image: url("w1.jpg");
background-size:1300px 900px;
background-repeat:no-repeat;
background-position: bottom center;

45
}
nav{
width:100%;
height:60px;
background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin:10px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
.form1{
border:1px solid lightgray;
background-color:white;
margin-left:50px;
margin-right:600px;
}
.form2{
margin:50px ;
}
.form3{
margin:50px ;
}
input[type=text]{
width:30%;
padding:10px;

46
border:1px solid lightgray;
margin:20px 20px 10px 20px;
}
.container3{
padding:15px;
width:100%;
}
.details{
font-size:30px;
text-align:left;
}
form .container4{
display:flex;
flex-wrap:wrap;
}
form .container4 .input-name{
width:calc(100%/3 - 20px);
margin:10px;
}
form .container4 .input-name input{
height:45px;
width:100%;
margin :9px;
}
.f-name{
margin:10px;
font-size:25px;
}
.f1{ border:2px solid lightgray;
margin:50px 80px 80px 80px ;
background-color:white;

47
opacity:0.8;
}
input[type=button]{
background-color:blue;
color:white;
padding:12px 20px;
border:none;
border-radius:4px;
cursor:pointer;
width:10%;
margin-left:20px;
}
</style>
</head>
<body>
<nav>
<ul>
<li> <a href="home.html" target="blank">HOME</a> </li>
<li > <a href="about.html" target="blank">ABOUT</a> </li>
<li > <a href="Contact.html" target="blank">CONTACT</a> </li>
<li> <a href="dashboard.html" target="blank">DASHBOARD</a>
</ul>
</nav>
<center> <h1>Update Student Marks</h1></center>
<form class="form1">
<lable class="f-name"> Student Name:</lable><input type=text><p>
<lable class="f-name">Enter Class:</lable><input type=text><p>
<lable class="f-name"> Student Roll no:</lable><input type=text>
</form>
<div class="f1">
<div class="container3">

48
<div class="details"> Second Exam Mark(B) </div>
<form class="form2">
<div class="container4">
<div class="input-name">
<span class="f-name">Hindi</span>
<input type="text" placeholder="Hindi" >
</div>
<div class="input-name">
<span class="f-name">English</span>
<input type="text" placeholder="English" >
</div>
<div class="input-name">
<span class="f-name">Math</span>
<input type="text" placeholder="Math" >
</div>
<div class="input-name">
<span class="f-name">Physics</span>
<input type="text" placeholder="Physics" >
</div>
<div class="input-name">
<span class="f-name">Chemistry</span>
<input type="text" placeholder="Chemistry" >
</div>
</div>
<a href="dashboard.html" target="blank"><input type="button" value="SUBMIT"</a>
<form>
</div>
</div>
</body>
</html>

49
Output Of Student Record Page:-

Code Of Student Record Page:-


<html>
<head>
<title> result</title>
<style>
body{
background-image: url("a4.jpg");
background-size:1400px 770px;
background-repeat:no-repeat;

50
margin-top:10px;
}
nav{
width:100%;
height:60px;
background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin:20px 25px 0px 30px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
.navdiv{ float:right;
}
table,th,td{
text-align:center;
border:1px solid lightgray;
height:45px;
}
table{
width:100%;
border-collapse:collapse;
}
</style>
</head>
<body>

51
<nav>
<ul>
<li> <a href="dashboard.html" target="blank">ADMIN DASHBOARD</a>
<li class="navdiv"><a href="Contact.html" target="blank">CONTACT</a></li>
<li class="navdiv"><a href="about.html" target="blank">ABOUT</a></li>
<li class="navdiv"> <a href="home.html" target="blank">HOME</a> </li>
</ul>
</nav>
<center> <h2>Student Record</h2></center>
<table>
<tr>
<th>Id</th>
<th>Name</th>
<th>Class</th>
<th>Roll No</th>
<th>Father's Name</th>
<th>Mother's Name</th>
<th>Village</th>
<th>Mobile No</th>
</tr> <tr>
<td>01</td>
<td>Radhe Gupta</td>
<td>07</td>
<td>11</td>
<td>Manoj</td>
<td>Maya</td>
<td>kasegaon</td>
<td>0123456789</td>
</tr>
</body>
</html>

52
Output Of Message By Student Page:-

Code Of Message By Student Page:-

<html>
<head>
<title> result</title>
<style>
body{
background-image: url("a2.jpg");
background-size:1300px 710px;
background-repeat:no-repeat;
background-position:bottom center;

53
}
nav{
width:100%;
height:60px;
background-color:white;
}
nav li{
display:inline-block;
list-style-type:none;
margin:20px 25px 0px 30px;
}
nav li a{
font-size:18px;
color:black;
text-decoration:none;
}
.navdiv{ float:right;
}
table,th,td{
text-align:center;
border:1px solid black;
height:45px;
font-size:20px;
}
table{
width:100%;
border-collapse:collapse;
}
</style>
</head>
<body>

54
<nav>
<ul>
<li> <a href="dashboard.html" target="blank">ADMIN DASHBOARD</a>
<li class="navdiv"><a href="Contact.html" target="blank">CONTACT</a></li>
<li class="navdiv"><a href="about.html" target="blank">ABOUT</a></li>
<li class="navdiv"> <a href="home.html" target="blank">HOME</a> </li>

</ul>
</nav> <p>

<table>
<tr>
<th>Id</th>
<th>Name</th>
<th>Email</th>
<th>Contact No</th>
<th>Message</th>

</tr>
<tr>
<td>01</td>
<td>Radhe Gupta</td>
<td>[email protected]</td>
<td>0123456789</td>
<td>I need help</td>

</tr>

</body>
</html>

55

You might also like