Scribd
Upload
9 views2 pages

New Text Document

This document is an HTML template for a student login page. It includes a form with fields for username and password, styled with CSS for a clean and modern appearance. The page also contains a note indicating that login credentials are provided by the School Tech Department.

Uploaded by

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

New Text Document

This document is an HTML template for a student login page. It includes a form with fields for username and password, styled with CSS for a clean and modern appearance. The page also contains a note indicating that login credentials are provided by the School Tech Department.

Uploaded by

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

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Student Login</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f0f4f8;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.login-container {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
width: 100%;
max-width: 400px;
}
.login-container h2 {
text-align: center;
margin-bottom: 20px;
}
.form-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
}
input[type="text"],
input[type="password"] {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
width: 100%;
padding: 10px;
background-color: #007BFF;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
}
.note {
margin-top: 15px;
font-size: 0.9em;
color: #555;
text-align: center;
}
</style>
</head>
<body>
<div class="login-container">
<h2>Student Login</h2>
<form action="#" method="post">
<div class="form-group">
<label for="username">Username</label>
<input type="text" id="username" name="username" required />
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" id="password" name="password" required />
</div>
<button type="submit">Login</button>
</form>
<div class="note">Username and Password are provided by the School Tech
Department</div>
</div>
</body>
</html>

You might also like