File tree Expand file tree Collapse file tree
Html/Student Registration Expand file tree Collapse file tree Original file line number Diff line number Diff line change 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 >
Original file line number Diff line number Diff line change 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 >
Original file line number Diff line number Diff line change 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 >
Original file line number Diff line number Diff line change 44 color : # 333 ;
55 padding : 20px ;
66 text-align : center;
7+
78}
8-
99h2 {
10- color : # 4682b4 ;
10+ color : black ;
1111}
1212
1313form {
@@ -31,5 +31,30 @@ input[type=submit] {
3131}
3232
3333input [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+
You can’t perform that action at this time.
0 commit comments