You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

47 lines
1.5 KiB

<!DOCTYPE html>
<html>
<head>
<title>Slide Navbar</title>
<link rel="stylesheet" type="text/css" href="slide navbar style.css">
<link href="Style/signInStyle.css" rel="stylesheet">
</head>
<div class="container">
<div class="screen">
<div class="screen__content">
<form class="login" method="POST" name="signUpForm" id="signUpForm">
<div class="login__field">
<i class="login__icon fas fa-user"></i>
<input type="text" class="login__input" name="username" placeholder="Username" required>
</div>
<div class="login__field">
<i class="login__icon fas fa-lock"></i>
<input type="password" class="login__input" name="password" placeholder="Password" required>
</div>
<button class="button login__submit" type="submit">
<span class="button__text">Sign in now</span>
<input type="hidden" name="action" value="signIn"/>
<i class="button__icon fas fa-chevron-right"></i>
</button>
</form>
<form class="login" method="POST" name="signUpForm" id="signUpForm">
<input class="button" type="submit" value="Sign Up"/>
<input type="hidden" name="action" value="accessSignUp"/>
</form>
</div>
<div class="screen__background">
<span class="screen__background__shape screen__background__shape4"></span>
<span class="screen__background__shape screen__background__shape3"></span>
<span class="screen__background__shape screen__background__shape2"></span>
<span class="screen__background__shape screen__background__shape1"></span>
</div>
</div>
</div>
</html>