Group A
1. <h6></h6>
2. <!DOCTYPE html>
3. <!-- -->
4. break the line
5. meta
Group B
2. Design a login web page using HTML and CSS.
<!DOCTYPE html>
<html>
<head>
<title>Login Form</title>
<style>
body {
background: linear-gradient(to right, #1e5799 0%, #3ccdbb 20%, #16c9f6 100%);
}
.form-css
{
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
background-color: white;
border: 2px solid black;
border-radius: 20px;
padding: 50px;
}
.avatar-image img
{
justify-content: center;
top: 0%;
left: 50%;
transform: translate(-0%, -50%);
position: absolute;
border: 1px solid black;
border-radius: 50%;
}
button {
font-family: sans-serif;
padding: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<form action="controller/login-db.php" method="POST" class="form-css">
<div class="avatar-image">
<img src="image/avatar.png" alt="avatar">
</div>
<br />
<br />
Email ID :
<input type="text" name="email" placeholder="Enter your Email ID">
<br />
<br />
Password :
<input type="text" name="password" placeholder="Enter your password">
<br />
<br />
<button type="submit" name="submit">Login</button>
<br />
<br />
<a href="Signup.php">Signup Here</a>
</form>
</div>
</body>
</html>
updating...
Disclaimer
All tutorials are for informational and educational purposes only and have been made using our own routers, servers, websites and other vulnerable free resources. we do not contain any illegal activity. We believe that ethical hacking, information security and cyber security should be familiar subjects to anyone using digital information and computers. Hacking Truth is against misuse of the information and we strongly suggest against it. Please regard the word hacking as ethical hacking or penetration testing every time this word is used. We do not promote, encourage, support or excite any illegal activity or hacking.
0 comments:
Post a Comment
For Any Tech Updates, Hacking News, Internet, Computer, Technology and related to IT Field Articles Follow Our Blog.