Scribd
Upload
13 views3 pages

Simple User Login Page Design

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

Uploaded by

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

Simple User Login Page Design

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

Uploaded by

Rushik Patel
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, 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.0">

<title>Login Page</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f4f4f4;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

.login-container {

background-color: white;

padding: 20px;

border-radius: 5px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

h2 {

margin-bottom: 20px;

}
input[type="text"],

input[type="password"] {

width: 100%;

padding: 10px;

margin: 10px 0;

border: 1px solid #ccc;

border-radius: 5px;

input[type="submit"] {

background-color: #5cb85c;

color: white;

border: none;

padding: 10px;

border-radius: 5px;

cursor: pointer;

width: 100%;

input[type="submit"]:hover {

background-color: #4cae4c;

</style>

</head>

<body>

<div class="login-container">
<h2>Login</h2>

<form action="/login" method="POST">

<label for="username">Username:</label>

<input type="text" id="username" name="username" required>

<label for="password">Password:</label>

<input type="password" id="password" name="password" required>

<input type="submit" value="Login">

</form>

</div>

</body>

</html>

You might also like