Scribd
Upload
37 views2 pages

Login Page Code

This document is an HTML template for a login page. It includes a styled form with fields for a username and password, along with a login button. The design features a centered layout with a clean and modern aesthetic.

Uploaded by

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

Login Page Code

This document is an HTML template for a login page. It includes a styled form with fields for a username and password, along with a login button. The design features a centered layout with a clean and modern aesthetic.

Uploaded by

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

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Login Page</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}

body {
background: #f0f0f0;
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
}

.login-container {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
width: 300px;
}

.login-form h2 {
text-align: center;
margin-bottom: 20px;
}

.login-form input {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
}

.login-form button {
width: 100%;
padding: 10px;
background: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}

.login-form button:hover {
background: #0056b3;
}
</style>
</head>
<body>
<div class="login-container">
<form class="login-form">
<h2>Login</h2>
<input type="text" placeholder="Username" required>
<input type="password" placeholder="Password" required>
<button type="submit">Login</button>
</form>
</div>
</body>
</html>

You might also like