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)
No comments:
Post a Comment
*******Please Comment, Like and Share******
दोस्तों पूरी पोस्ट पढने के लिए धन्यवाद, आशा करता हूँ आप को यह पोस्ट पसंद आई होगी और भी अधिक जानकारी के लिए या मुझसे जुड़ने के लिए आप मुझे मेरे फेसबुक पेज information & technology computer institutions और इन्स्टाग्राम ID:- satyam_hardoi को फॉलो कर सकते है,
मेरा youtube चैनल itci computer hardoi सर्च करे और पाए कंप्यूटर से सम्बंधित सभी विडियो और हाँ प्लीज नई अपडेट पाने के लिए चैनल को सब्सक्राइब जरुर करें, धन्यवाद | आपका $ सत्यम सर् $