1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<div id="hbox">
<div class="box">
<h2>Login</h2>
<p>Please insert your credentials:</p>
<form action="login" method="post" name="login">
<input type="text" name="username" />
<input type="password" name="password" />
<br/><br/>
<button type="submit" > OK </button>
<button type="button" class="close"> Cancel </button>
</form>
<br />
</div>
<div class="box">
<h2>Signup</h2>
<p>Please insert your credentials:</p>
<form action="register" method="post" name="signup">
<input type="text" name="username" value="username"/>
<input type="password" name="password" />
<input type="text" name="email_address" value="email address"/>
<br/><br/>
<button type="submit" > OK </button>
<button type="button" class="close"> Cancel </button>
</form>
<br />
</div>
<div class="box">
<h2>Password reset</h2>
<p>Please insert your credentials:</p>
<form action="reset_password" method="post" name="password_reset">
<input type="text" name="username" value="username"/>
<input type="text" name="email_address" value="email address"/>
<br/><br/>
<button type="submit" > OK </button>
<button type="button" class="close"> Cancel </button>
</form>
<br />
</div>
<br style="clear: left;" />
</div>
<style>
div {
color: #777;
margin: auto;
width: 20em;
text-align: center;
}
div#hbox {width: 100%;}
div#hbox div.box {float: left; width: 33%;}
input {
background: #f8f8f8;
border: 1px solid #777;
margin: auto;
}
input:hover { background: #fefefe}
</style>
|
