2015-12-23 23:03:33 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>Register</title>
|
2015-12-24 04:03:55 +00:00
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
2015-12-24 00:09:18 +00:00
|
|
|
<script src="js/semantic.min.js"></script>
|
|
|
|
<link type="text/css" rel="stylesheet" href="css/semantic.min.css">
|
2015-12-24 02:19:59 +00:00
|
|
|
<script src='https://www.google.com/recaptcha/api.js'></script>
|
2015-12-23 23:03:33 +00:00
|
|
|
</head>
|
2015-12-24 01:36:03 +00:00
|
|
|
<body style="background-color: #EEEEEE;">
|
|
|
|
<div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
|
|
|
|
<a class="item" href="./">Home</a>
|
|
|
|
<a class="item" href="./about.html">About</a>
|
|
|
|
<a class="item" href="./register.html">Register</a>
|
|
|
|
<div class="right menu">
|
|
|
|
<a class="item" href="./login.html">Login</a>
|
2015-12-24 04:00:11 +00:00
|
|
|
<a class="item" href="./account.html">Account</a>
|
2015-12-24 01:36:03 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<center>
|
|
|
|
<h1 style="color: #69D2E7; font-size: 75px;">Register Yourself</h1>
|
|
|
|
<hr style="margin-left: 10em; margin-right: 10em;">
|
|
|
|
<br>
|
2015-12-24 04:03:55 +00:00
|
|
|
<form id="registration-form" action="return false;">
|
|
|
|
<div class="ui input">
|
|
|
|
<input id="name" type="text" placeholder="Name" id="name" style="width:50em;">
|
|
|
|
</div>
|
|
|
|
<br><br>
|
|
|
|
<select name="gender" class="ui dropdown" id="select" style="width: 50em;">
|
|
|
|
<option value="1">US Middle/High School Student</option>
|
|
|
|
<option value="2">US Middle/High School Teacher</option>
|
|
|
|
<option value="3">Non-US/Non-Student/Observer</option>
|
|
|
|
</select>
|
|
|
|
<br><br>
|
|
|
|
<div class="ui input">
|
|
|
|
<input id="username" type="text" placeholder="Username" style="width:50em;">
|
|
|
|
</div>
|
|
|
|
<br><br>
|
|
|
|
<div class="ui input">
|
|
|
|
<input id="email" type="email" placeholder="Email" style="width:50em;">
|
|
|
|
</div>
|
|
|
|
<br><br>
|
|
|
|
<div class="ui input">
|
|
|
|
<input id="password" type="password" placeholder="Password" style="width:50em;">
|
|
|
|
</div>
|
|
|
|
<br><br>
|
|
|
|
<div class="ui input">
|
|
|
|
<input id="password_confirm" type="password" placeholder="Confirm Password" style="width:50em;">
|
|
|
|
</div>
|
|
|
|
<br><br>
|
|
|
|
<div class="g-recaptcha" data-sitekey="6Lc4xhMTAAAAAIaiF3yEWGbHRaGgMg4FHor61p1G"></div>
|
|
|
|
<br><br>
|
|
|
|
<button class="ui primary button" style="width:25em">
|
|
|
|
Submit
|
|
|
|
</button>
|
|
|
|
</form>
|
2015-12-24 01:36:03 +00:00
|
|
|
</center>
|
2015-12-24 04:03:55 +00:00
|
|
|
<div id="status">
|
|
|
|
</div>
|
2015-12-23 23:03:33 +00:00
|
|
|
</body>
|
2015-12-24 03:37:28 +00:00
|
|
|
<script>
|
|
|
|
$('#select')
|
|
|
|
.dropdown()
|
|
|
|
;
|
|
|
|
</script>
|
2015-12-24 04:03:55 +00:00
|
|
|
<script src="js/register.js"></script>
|
2015-12-23 23:03:33 +00:00
|
|
|
<html>
|