Skip to content

Commit d5c6d31

Browse files
committed
Student Registration 13th oct 2024 submiision
1 parent b2d582b commit d5c6d31

9 files changed

Lines changed: 71 additions & 4 deletions

File tree

Html/Student Registration/admin.html

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,20 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4+
<style>
5+
/* New class for the background image */
6+
.background-image {
7+
background-image: url("admin.jpg");
8+
background-size: contain; /* Resize the image to fit */
9+
background-position: bottom; /* Position the image at the bottom */
10+
background-repeat: no-repeat; /* Prevent the image from repeating */
11+
height: 400px; /* Set height for the image container */
12+
margin-top: -100px; /* Adjust the margin as needed to place the image below the table */
13+
position: relative;
14+
z-index: -1; /* Place the image behind other content */
15+
}
16+
17+
</style>
418
<meta charset="UTF-8">
519
<meta name="viewport" content="width=device-width, initial-scale=1.0">
620
<title>Admin Panel</title>
@@ -19,7 +33,7 @@ <h2>Admin Panel</h2>
1933
<h3>Manage Students</h3>
2034

2135
<!-- Display students list (use back-end to populate this) -->
22-
<table border="1">
36+
<table border="1" style="margin: 0 auto; text-align: center; border-collapse: collapse;">
2337
<tr>
2438
<th>Class</th>
2539
<th>Section</th>
@@ -37,5 +51,6 @@ <h3>Manage Students</h3>
3751
</td>
3852
</tr>
3953
</table>
54+
<div class="background-image"></div>
4055
</body>
4156
</html>
103 KB
Loading

Html/Student Registration/login.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,27 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4+
5+
<style>
6+
7+
body{
8+
9+
background-image: url("login.jpg");
10+
background-size: contain; /* This will resize the image to fit within the body */
11+
background-position: center; /* Centers the image */
12+
background-repeat: no-repeat; /* Prevents the image from repeating */
13+
14+
}
15+
</style>
16+
417
<meta charset="UTF-8">
518
<meta name="viewport" content="width=device-width, initial-scale=1.0">
619
<title>Student Login</title>
720
<link rel="stylesheet" href="style.css">
821
</head>
922
<body>
23+
24+
1025
<ul>
1126
<li><a class="active" href="#Student Login">Student Login</a></li>
1227
<li><a href="register.html">Register</a></li>
129 KB
Loading

Html/Student Registration/register.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,18 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4+
5+
<style>
6+
7+
body{
8+
9+
background-image: url("whitepaper.jpg");
10+
background-size: contain; /* This will resize the image to fit within the body */
11+
background-position: center; /* Centers the image */
12+
background-repeat: no-repeat; /* Prevents the image from repeating */
13+
14+
}
15+
</style>
416
<meta charset="UTF-8">
517
<meta name="viewport" content="width=device-width, initial-scale=1.0">
618
<title>Student Registration</title>
296 KB
Loading
177 KB
Loading

Html/Student Registration/style.css

Lines changed: 28 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@ body {
44
color: #333;
55
padding: 20px;
66
text-align: center;
7+
78
}
8-
99
h2 {
10-
color: #4682b4;
10+
color: black;
1111
}
1212

1313
form {
@@ -31,5 +31,30 @@ input[type=submit] {
3131
}
3232

3333
input[type=submit]:hover {
34-
background-color: #4169e1;
34+
background-color: black;
35+
}
36+
37+
ul {
38+
list-style-type: none; /* Remove bullet points */
39+
padding: 0;
40+
margin: 10px 10;
41+
background-color: blue; /* Background color for the list */
42+
overflow: hidden; /* Ensures the list doesn't break on new lines */
43+
}
44+
45+
ul li {
46+
display:inline-table; /* Display list items in a horizontal row */
47+
padding: 0%;
3548
}
49+
50+
ul li a {
51+
color: white; /* Text color for the links */
52+
padding: 14px 30px;
53+
text-decoration: none;
54+
display: inline-block;
55+
}
56+
57+
ul li a:hover {
58+
background-color: black; /* Hover effect */
59+
}
60+
178 KB
Loading

0 commit comments

Comments
 (0)