-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
139 lines (105 loc) · 4.44 KB
/
login.html
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
<title>SBW</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<!-- <link href="css/bootstrapamelia.min.css" rel="stylesheet" media="screen">
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Cabin" rel="stylesheet" type="text/css">-->
<!-- Loading Bootstrap -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Loading Flat UI -->
<link href="css/flat-ui.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<div class="container">
<!-- <header class="row">
<div class="span12">
<h1 id="name"> Social Book Worms </h1>
<small>share books. share wisdom. </small>
</div>
<div class="span6">
</div>
</header>-->
<div class="demo-headline">
<h1 class="demo-logo">
Social Book Worms
<small>Love Paperbacks and Hardcovers</small>
</h1>
</div>
<!--<div class="login">
<div class="login-form">
<div class="control-group">
<input type="text" class="login-field" value="" placeholder="Enter your name" id="login-name">
<label class="login-field-icon fui-user" for="login-name"></label>
</div>
<div class="control-group">
<input type="password" class="login-field" value="" placeholder="Password" id="login-pass">
<label class="login-field-icon fui-lock" for="login-pass"></label>
</div>
<a class="btn btn-primary btn-large btn-block" href="#">Login</a>
<a class="login-link" href="#">Lost your password?</a>
</div>-->
<div class="row">
<div class="span6 offset3">
<h1 style="font-weight: 400">Login</h3>
<div class="row">
<div class="span5">
<input type="text" class="span5" placeholder="username"><!-- text box for username input-->
</div>
<div class="span1"></div>
</div>
<div class="row">
<div class="span5">
<input type="text" class="span5" placeholder="password"><!-- text box for password -->
</div>
<div class="span1"></div>
</div>
<div class="row">
<div class="span4">
<label class="checkbox" for="checkbox1">
<span class="icons">
<span class="first-icon fui-checkbox-unchecked"></span>
<span class="second-icon fui-checkbox-checked"></span>
</span>
<input type="checkbox" value="" id="checkbox1" data-toggle="checkbox">
Remember me
</label>
</div>
<div class="span2"></div>
</div>
<div class="row">
<div class="span3">
<a href="#fakelink" class="btn btn-block btn-primary">login</a>
</div>
<div class="span2">
<a href="#fakelink" class="btn btn-block btn-danger">sign up</a>
</div>
</div>
<!-- <input type="submit" class="btn btn-primary" value="login">
<a class="btn btn-success" href="register.html"> signup </a>-->
</div>
<div class="span3"></div>
</div>
<footer class="row"></footer>
</div>
<!-- Load JS here for greater good =============================-->
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="js/jquery.ui.touch-punch.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.js"></script>
<script src="js/bootstrap-switch.js"></script>
<script src="js/flatui-checkbox.js"></script>
<script src="js/flatui-radio.js"></script>
<script src="js/jquery.tagsinput.js"></script>
<script src="js/jquery.placeholder.js"></script>
<script src="js/jquery.stacktable.js"></script>
<script src="http://vjs.zencdn.net/c/video.js"></script>
<script src="js/application.js"></script>
</body>
</html>