<!DOCTYPE html>
<html>
<head>
<title>Register - Website Name</title>
<link rel="stylesheet" type="text/css" href="template/zebeth/style.css">
<link rel="shortcut icon" type="image/png" href="template/zebeth/images/favicon.png">
<style type="text/css">
body {
background-image:url('template/zebeth/images/zebeth.png'),url('template/zebeth/images/stars.png');
}
</style>
</head>
<body>
<!-- Header -->
<div id="header">
<div class="margin">
<div class="head">Website Name</div>
</div>
<div class="nav">
<a href="index">Updates</a><a href="projects">Projects</a><a href="bbs/">Community</a>
</div>
</div>
<!-- End Header -->
<br>
<div id="title">Register</div>
<br>
<!-- Body -->
<div class="margin">
<form action="register" method="post">
<div class="body">
<div class="head">Register an account</div>
<div class="fill">
<div class="left-side">
Username
<span class="smaller">[ Must be between 3 and 32 characters long ]</span><br>
ERROR: Username is blank<br>
<input type="text" name="username" value="Username" onfocus="if(this.value=='Username') this.value='';">
<br><br>
Password
<span class="smaller">[ Must be at least 6 characters long ]</span><br>
<input type="text" name="password" value="Password" onfocus="if(this.value=='Password') this.value=''; if(this.type='text') this.type='password';">
</div>
<div class="right-side">
Email address
<span class="smaller">[ Must be a valid email address ]</span><br>
<input type="text" name="email" value="example@domain.com" onfocus="if(this.value=='example@domain.com') this.value='';">
<br><br>
<input type="checkbox" name="agree" id="agree" style="width:auto;">
<label for="agree">I agree to the</label> <a href="terms">Terms of Service</a>
</div>
<br><br>
<div style="margin-left:4%;"><input type="submit" value="Register"></div>
</div>
</div>
</form>
<div id="footer">
© Website Name 2014
</div>
</div>
<!-- End Body -->
</body>
</html>
