Scribd
Upload
7 views

new 10

Uploaded by

june cadayona
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
7 views

new 10

Uploaded by

june cadayona
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>Login Form</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #a3d8f4;
margin: 0;
font-family: Arial, sans-serif;
}
.login-box {
background: #cce7ff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
}

.login-box input[type="text"],
.login-box input[type="password"] {
width: 90%;
padding: 8px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
}
.login-box button {
width: 90%;
padding: 10px;
background-color: #3399ff;
border: none;
color: white;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
}
.h1{
text-align: center;

}
</style>
</head>
<body>
<h1>LOG IN FORM</h1>

<div class="login-box">
<input type="text" placeholder="Username">
<input type="password" placeholder="Password">
<button>LOG IN</button>
</div>
</body>
<script>
</script>
</html>

You might also like