Spaces:
Sleeping
Sleeping
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<title>Sign In/Up Form</title> | |
<!-- Google Font --> | |
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,800" rel="stylesheet"> | |
<!-- Font Awesome --> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> | |
<link rel="stylesheet" href="/static/css/index.css"> | |
<style> | |
</style> | |
</head> | |
<style> | |
@media screen and (max-width:770px) { | |
.one{ | |
display: block ; | |
margin-top: -50px; | |
} | |
#text{ | |
display: none; | |
} | |
#redmind{ | |
margin-top: -40px; | |
margin-bottom: 50px; | |
font-size: 25px; | |
font-family: sans-serif; | |
font-weight: lighter; | |
} | |
} | |
</style> | |
<body class="login-page" style="background-image: url('static/img/Brain.png'); background-size: cover;"> | |
<body class="login-page" style="background-image: url('static/img/Brain.png'); background-size: cover;"> | |
<main> | |
<div class="container" id="container"> | |
<div class="form-container sign-in-container"> | |
<form action='/validate-user' name='signUpForm' method="post"> | |
<div class="one" style="display: none;"> | |
<div class="logo-container"> | |
<img src="/static/img/redmindlogo3.jpg" alt="Logo" class="logo"> | |
</div> | |
<h1 id="redmind">RedMindGPT</h1> | |
</div> | |
<h1 id="text" style="margin-bottom: 50px;">Sign in</h1> | |
<input type="text" placeholder="Name" name="username" required /> | |
<input type="password" placeholder="Password" name="password" required /> | |
<button type="submit" >Sign in</button> | |
</form> | |
</div> | |
<div class="overlay-container"> | |
<div class="overlay"> | |
<div class="overlay-panel overlay-left"> | |
<h1>Welcome Back!</h1> | |
<p>To keep connected with us please login with your personal info</p> | |
<button type="submit" class="ghost" id="signIn">Sign In</button> | |
</div> | |
<div class="overlay-panel overlay-right"> | |
<div class="logo-container"> | |
<img src="/static/img/redmindlogo3.jpg" alt="Logo" class="logo"> | |
</div> | |
<h1>RedMindGPT</h1> | |
<p> Start Journey With Us</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</main> | |
<!-- <footer> | |
<p>Developed with <i class="fas fa-heart"></i> by <a href="#">RedMind</a></p> | |
</footer> --> | |
</body> | |
</html> |