-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
35 lines (35 loc) · 1.56 KB
/
login.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Login</title>
<style media="screen">
body{background-color:DodgerBlue;font-family: Arial, sans-serif;}
h1{color:white;text-align:center;margin-top:70px;}
.login_box{background-color:white;width:40%;height:320px;margin:auto;}
h2{text-align:center;padding-top:30px;font-weight: normal;}
.info{width:80%;height:200px;margin: auto;}
input{width:100%;height:10%;}
input:focus{border: none;background-color: transparent;resize: none;outline: none;border:3px solid DodgerBlue;}
.submit_button{box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);font-size: 18px;
border: none;background-color: transparent;resize: none;outline: none;background-color: DodgerBlue;width:100%;height:20%;color:white;opacity: 0.8;}
.submit_button:hover{opacity:1}
.submit_button:focus{color:black;}
p{font-size: 14px;}
</style>
</head>
<body>
<h1>Welcome To Our Page. Before Proceeding please login below.</h1>
<div class="login_box">
<h2>LOGIN</h2>
<form class="info" action="http://localhost/Awt/homepage.html" method="post">
<p><b style="opacity:0.85;">Enter Username:</b></p>
<input type="text" name="username" value="">
<p><b style="opacity:0.85;">Enter Password:</b></p>
<input type="password" name="password" value="">
<br><br><br>
<input class="submit_button" type="submit" value="Log In"></input>
</form>
</div>
</body>
</html>