HackXlbef
/
YOLO
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of https://hackethon.ai/hack/HackXlbef/YOLO

Browse Source
main
Roshmaa 6 months ago
parent d7b3020486 2a1dab2414
commit 6c7169c5b6
3 changed files with 61 additions and 30 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 13
      createAccount.html
  2. 59
      login.css
  3. 19
      login.html

13
createAccount.html
Unescape View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="container">
</div>
</body>
</html>

59
login.css
Unescape View File

@ -4,32 +4,51 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color:#fff background-color: #f0f0f0; /* Light background color */
} }
.login-container{
background-color: rgb(126, 87, 174); .login-container {
height: 400px; background-color: rgb(126, 87, 174); /* Purple background */
width: 500px; width: 400px;
display: flex; padding: 20px;
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
text-align: center;
}
.login-container h1 {
color: #fff;
margin-bottom: 20px;
} }
input{
margin: 10px 0px; input {
margin: 10px 0;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
border: none; border: none;
} width: 80%;
form }
{
margin: 0 auto; input[type="submit"] {
width: 300px; background-color: #4CAF50;
align-items: center; color: white;
display: flex; cursor: pointer;
font-size: 16px;
}
input[type="submit"]:hover {
background-color: #45a049; /* Darker green on hover */
}
.text {
margin-top: 10px; /* Add space above the text */
}
justify-content: center; .text a {
color: lightblue; /* Gold color for the link */
text-decoration: none; /* Remove underline */
} }
.details-container{ .text a:hover {
text-decoration: underline; /* Underline on hover */
align-items: center;
} }

19
login.html
Unescape View File

@ -8,18 +8,17 @@
</head> </head>
<body> <body>
<div class="login-container"> <div class="login-container">
<h1>Login</h1>
<form action="post"> <form action="post">
<div class="details-container"> <div class="details-container">
<label for="email">Email: </label><br> <label for="email">Email:</label><br>
<input type="email" id = "email" name="email" placeholder="example@gmail.com"> <input type="email" id="email" name="email" placeholder="example@gmail.com"><br>
<br> <label for="password">Password:</label><br>
<label for="password">Password: </label><br> <input type="password" name="password" id="password"><br>
<input type="password" name="password" id="password"><br> <input type="submit" name="login" id="login" value="Login"><br>
<input type="submit" name="login" id="login" value="Login"> <p class="text">Don't Have an account? <a href="createAccount.html">Create an Account</a></p>
<p class="text">Don't Have an account?<a href="createAccount.html">Create an Account</a></p> </div>
</form> </form>
</div> </div>
</div>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save