ITCI Computer Hardoi
Classes By Satyam Sir
Project:- Create Login Form With Html & CSS
<!DOCTYPE html>
<html>
<head>
<title>Log In Form</title>
</head>
<style>
input:hover{border:2px solid green;background: blue;color:white;}
input[type=checkbox]:checked{accent-color: red;}
</style>
<body>
<center>
<div style="border:3px solid gray;width:350px;">
<div style="border:3px;background: red;color:white;font-size: 28px;font-weight: bolder;">Login Form</div>
<br>
<div style="border:6px solid blue;border-radius:50%;width:110px;border-top-color: seagreen;border-bottom-color:black;"><img src="C:\Users\2023\Downloads\user pic.png"height="100"width="100"></div>
<hr width="250"color="red"size="8"><br>
<div>
<input type="text"placeholder="User Name"size="40"><br><br>
<input type="password"placeholder="Password"size="40"><br><br>
<input type="checkbox">Remember Me
<a href="#">Forget Password</a><br><br>
<input type="submit"value="Login Here"style="background: teal;color:white;width:130px;">
<br><br>
</div>
</div>
</center>
</body>
</html>
.png)