You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<title>Synapse Login</title>
|
|
|
|
|
<link rel="stylesheet" href="style.css" type="text/css" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<div class="tab">
|
|
|
|
|
<button class="tablinks active" data-tabid="connect">Connect</button>
|
|
|
|
|
<button class="tablinks" data-tabid="register">Register</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="tabcontent active" id="connect">
|
|
|
|
|
<form method="post" class="form__input" id="form" action="submit">
|
|
|
|
|
<input type="text" name="username" id="field-username" autofocus="">
|
|
|
|
|
<label for="field-username">
|
|
|
|
|
<span><span aria-hidden="true">Please pick your </span>username</span>
|
|
|
|
|
</label>
|
|
|
|
|
<input type="button" class="button button--full-width" id="button-submit" value="Submit">
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tabcontent" id="register">
|
|
|
|
|
FOO
|
|
|
|
|
</div>
|
|
|
|
|
<div role=alert class="tooltip hidden" id="message"></div>
|
|
|
|
|
<script src="script.js"></script>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
