41 lines
1.8 KiB
HTML
41 lines
1.8 KiB
HTML
<!--/*https://codepen.io/colorlib/pen/rxddKy*/-->
|
|
<html>
|
|
<head>
|
|
|
|
|
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
|
|
<link rel="stylesheet" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" integrity="sha256-KsRuvuRtUVvobe66OFtOQfjP8WA2SzYsmm4VPfMnxms=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<link rel="stylesheet" href="./css/login.css" />
|
|
<!--My features-->
|
|
<link rel="stylesheet" href="style.css?<?php echo date('l jS \of F Y h:i:s A'); ?>">
|
|
<script src="script.js?<?php echo date('l jS \of F Y h:i:s A'); ?>"></script>
|
|
<script type="text/javascript">
|
|
$('.message a').click(function(){
|
|
$('form').animate({height: "toggle", opacity: "toggle"}, "slow");
|
|
});</script>
|
|
</head>
|
|
<body>
|
|
<div class="login-page">
|
|
<div class="form">
|
|
<form class="register-form">
|
|
<input type="text" placeholder="name"/>
|
|
<input type="password" placeholder="password"/>
|
|
<input type="text" placeholder="email address"/>
|
|
<button>create</button>
|
|
<p class="message">Already registered? <a href="#">Sign In</a></p>
|
|
</form>
|
|
<form class="login-form">
|
|
<input type="text" placeholder="username"/>
|
|
<input type="password" placeholder="password"/>
|
|
<button>login</button>
|
|
<button>Enter withouth login</button>
|
|
<p class="message">Not registered? <a href="#">Create an account</a></p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|