forked from Cbmoate/stackOverflowClone
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsignup.html
More file actions
342 lines (320 loc) · 19.8 KB
/
signup.html
File metadata and controls
342 lines (320 loc) · 19.8 KB
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
<!DOCTYPE html>
<html>
<head>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<meta name="viewport">
<link rel="stylesheet" type="text/css" href="styles/stack.css">
<title> </title>
<title>Stack Overflow</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">
<img alt="Brand" src="https://lh6.ggpht.com/eOJyq2oN2c2EyfzKEZnFOe8cmhKkenRJJ8y637-fZRQKccLqTA4RyFbMqNf0MXeflQ=w300" height="20px">
</a>
</div
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Inbox <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">From Bill</a></li>
<li><a href="#">From Joe</a></li>
<li><a href="#">From Bob</a></li>
<li><a href="#">From Chuck Norris</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="badge">5</span>Achievements<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">you win</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="signup.html">sign up</a></li>
<li><a href="login.html">log in</a></li>
<li><a href="#">tour</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">help <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">halp?</a></li>
<li><a href="#">help?</a></li>
<li><a href="#">find help?</a></li>
<li><a href="#">Chuck Norris help?</a></li>
</ul>
</li>
<li><a href="#">stack overflow careers</a></li>
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control input-sm" placeholder="Search">
</div>
</form>
</ul>
</div>
</div>
</nav>
<!--nav buttons-->
<div class="container">
<div class="btn-toolbar">
<div class="col-md-12 bottom-aligned-text">
<div class="btn-group" role="group" aria-label="...">
<a href="stackClone.html"><button type="button" class="btn btn-default"><img src="https://appharbor.com/assets/images/stackoverflow-logo.png" width="200px" height="50px"></button></a>
</div>
<div class="btn-group pull-right" role="group" aria-label="">
<button type="button" class="btn btn-default pull-right">Questions</button>
<button type="button" class="btn btn-default pull-right">Tags</button>
<button type="button" class="btn btn-default pull-right">Users</button>
<button type="button" class="btn btn-default pull-right">Badges</button>
<button type="button" class="btn btn-default pull-right">Unanswered</button>
<button type="button" class="btn btn-default pull-right">Ask Questions</button>
</div>
</div>
</div>
</div>
<!-- signin login content -->
<div class="container">
<div class="row">
<ul class="nav nav-tabs">
<li><a data-toggle="tab" href="#login">Log in</a></li>
<li class="active"><a data-toggle="tab"href="#signup">Sign up</a></li>
</ul>
<div class="tab-content">
<div id="login" class="tab-pane fade">
<div class="container">
<div class="row">
<div class="col-md-12 text-center text-bottom">
<h4>Stack Overflow is part of the <span><img id="stack-content-logo" src="http://sstatic.net/stackexchange/img/logos/se/se-logo.png?v=dd7153fcc7fa" height="70px"></span> network of 149 Q&A <a href="#">communities</a>.</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-default">
<div class="panel-body">
<div class="social-signin text-center">
<img src="https://developers.google.com/+/images/branding/sign-in-buttons/Red-signin_Google_base_44dp.png" height="40px" width="120px">
<img src="http://dpaqzkfinvd5q.cloudfront.net/images/facebook-login-button.png" height="33px" width="110px">
</div>
<hr />
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="you@example.org">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="********">
</div>
<a href="#">more login options</a>
<button type="submit" class="btn btn-default pull-right">Log in</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div id="signup" class="tab-pane fade in active">
<div class="container">
<div class="row">
<div class="col-md-12 text-center text-bottom">
<h4>Stack Overflow is part of the <span><img id="stack-content-logo" src="http://sstatic.net/stackexchange/img/logos/se/se-logo.png?v=dd7153fcc7fa" height="70px"></span> network of 149 Q&A <a href="#">communities</a>.</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-default">
<div class="panel-body">
<div class="social-signin text-center">
<img src="https://developers.google.com/+/images/branding/sign-in-buttons/Red-signin_Google_base_44dp.png" height="40px" width="120px">
<img src="http://dpaqzkfinvd5q.cloudfront.net/images/facebook-login-button.png" height="33px" width="110px">
</div>
<hr />
<form>
<div class="form-group">
<label for="displayname">Display Name</label>
<input type="text" class="form-control" id="displayname" placeholder="J. Doe">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" placeholder="you@example.org">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" placeholder="********">
</div>
<a href="#">more sign up options</a>
<button type="submit" class="btn btn-default pull-right">Sign up</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="categories" id="footer">
<div class="footerwrap">
<div id="footer-menu">
<div class="top-footer-links">
<a href="/tour">tour</a>
<a href="/help">help</a>
<a href="http://blog.stackoverflow.com?blb=1">blog</a>
<a href="http://chat.stackoverflow.com">chat</a>
<a href="http://data.stackexchange.com">data</a>
<a href="http://stackexchange.com/legal">legal</a>
<a href="http://stackexchange.com/legal/privacy-policy">privacy policy</a>
<a href="http://stackexchange.com/work-here">work here</a>
<a href="http://stackexchange.com/mediakit">advertising info</a>
<a onclick="StackExchange.switchMobile("on")">mobile</a>
<b><a href="/contact">contact us</a></b>
<b><a href="http://meta.stackoverflow.com">feedback</a></b>
</div>
<div id="footer-sites">
<table>
<tbody><tr>
<th colspan="3">
Technology
</th>
<th>
Life / Arts
</th>
<th>
Culture / Recreation
</th>
<th>
Science
</th>
<th>
Other
</th>
</tr>
<tr>
<td>
<ol class="list-unstyled">
<li><a title="professional and enthusiast programmers" href="http://www.stackoverflow.com">Stack Overflow</a></li>
<li><a title="system and network administrators" href="http://www.serverfault.com">Server Fault</a></li>
<li><a title="computer enthusiasts and power users" href="http://www.superuser.com">Super User</a></li>
<li><a title="power users of web applications" href="http://www.webapps.stackexchange.com">Web Applications</a></li>
<li><a title="Ubuntu users and developers" href="http://www.askubuntu.com">Ask Ubuntu</a></li>
<li><a title="pro webmasters" href="http://www.webmasters.stackexchange.com">Webmasters</a></li>
<li><a title="professional and independent game developers" href="http://www.gamedev.stackexchange.com">Game Development</a></li>
<li><a title="users of TeX, LaTeX, ConTeXt, and related typesetting systems" href="http://www.tex.stackexchange.com">TeX - LaTeX</a></li>
</ol>
</td>
<td>
<ol class="list-unstyled">
<li><a title="professional programmers interested in conceptual questions about software development" href="http://www.programmers.stackexchange.com">Programmers</a></li>
<li><a title="users of Linux, FreeBSD and other Un*x-like operating systems" href="http://www.unix.stackexchange.com">Unix & Linux</a></li>
<li><a title="power users of Apple hardware and software" href="http://www.apple.stackexchange.com">Ask Different (Apple)</a></li>
<li><a title="WordPress developers and administrators" href="http://www.wordpress.stackexchange.com">WordPress Development</a></li>
<li><a title="cartographers, geographers and GIS professionals" href="http://www.gis.stackexchange.com">Geographic Information Systems</a></li>
<li><a title="electronics and electrical engineering professionals, students, and enthusiasts" href="http://www.electronics.stackexchange.com">Electrical Engineering</a></li>
<li><a title="enthusiasts and power users of the Android operating system" href="http://www.android.stackexchange.com">Android Enthusiasts</a></li>
<li><a title="information security professionals" href="http://www.security.stackexchange.com">Information Security</a></li>
</ol>
</td>
<td>
<ol class="list-unstyled">
<li><a title="database professionals who wish to improve their database skills and learn from others in the community" href="http://www.dba.stackexchange.com">Database Administrators</a></li>
<li><a title="Drupal developers and administrators" href="http://www.drupal.stackexchange.com">Drupal Answers</a></li>
<li><a title="SharePoint enthusiasts" href="http://www.sharepoint.stackexchange.com">SharePoint</a></li>
<li><a title="user experience researchers and experts" href="http://www.ux.stackexchange.com">User Experience</a></li>
<li><a title="users of Mathematica" href="http://www.mathematica.stackexchange.com">Mathematica</a></li>
<li><a title="Salesforce administrators, implementation experts, developers and anybody in-between" href="http://www.salesforce.stackexchange.com">Salesforce</a></li>
<li><a title="administrators, end users, developers and designers for ExpressionEngine® CMS" href="http://www.expressionengine.stackexchange.com">ExpressionEngine® Answers</a></li>
<li>
<a class="more" href="http://stackexchange.com/sites#technology">
more (13)
</a>
</li>
</ol>
</td>
<td>
<ol class="list-unstyled">
<li><a title="professional, enthusiast and amateur photographers" href="http://www.photo.stackexchange.com">Photography</a></li>
<li><a title="science fiction and fantasy enthusiasts" href="http://www.scifi.stackexchange.com">Science Fiction & Fantasy</a></li>
<li><a title="Graphic Design professionals, students, and enthusiasts" href="http://www.graphicdesign.stackexchange.com">Graphic Design</a></li>
<li><a title="movie and tv enthusiasts" href="http://www.movies.stackexchange.com">Movies & TV</a></li>
<li><a title="professional and amateur chefs" href="http://www.cooking.stackexchange.com">Seasoned Advice (cooking)</a></li>
<li><a title="contractors and serious DIYers" href="http://www.diy.stackexchange.com">Home Improvement</a></li>
<li><a title="people who want to be financially literate" href="http://www.money.stackexchange.com">Personal Finance & Money</a></li>
<li><a title="academics and those enrolled in higher education" href="http://www.academia.stackexchange.com">Academia</a></li>
<li>
<a class="more" href="http://stackexchange.com/sites#lifearts">
more (9)
</a>
</li>
</ol>
</td>
<td>
<ol class="list-unstyled">
<li><a title="linguists, etymologists, and serious English language enthusiasts" href="http://www.english.stackexchange.com">English Language & Usage</a></li>
<li><a title="scientific skepticism" href="http://www.skeptics.stackexchange.com">Skeptics</a></li>
<li><a title="those who base their lives on Jewish law and tradition and anyone interested in learning more" href="http://www.judaism.stackexchange.com">Mi Yodeya (Judaism)</a></li>
<li><a title="road warriors and seasoned travelers" href="http://www.travel.stackexchange.com">Travel</a></li>
<li><a title="committed Christians, experts in Christianity and those interested in learning more" href="http://www.christianity.stackexchange.com">Christianity</a></li>
<li><a title="passionate videogamers on all platforms" href="http://www.gaming.stackexchange.com">Arqade (gaming)</a></li>
<li><a title="people who build and repair bicycles, people who train cycling, or commute on bicycles" href="http://www.bicycles.stackexchange.com">Bicycles</a></li>
<li><a title="gamemasters and players of tabletop, paper-and-pencil role-playing games" href="http://www.rpg.stackexchange.com">Role-playing Games</a></li>
<li>
<a class="more" href="http://stackexchange.com/sites#culturerecreation">
more (21)
</a>
</li>
</ol>
</td>
<td>
<ol class="list-unstyled">
<li><a title="people studying math at any level and professionals in related fields" href="http://www.math.stackexchange.com">Mathematics</a></li>
<li><a title="people interested in statistics, machine learning, data analysis, data mining, and data visualization" href="http://www.stats.stackexchange.com">Cross Validated (stats)</a></li>
<li><a title="theoretical computer scientists and researchers in related fields" href="http://www.cstheory.stackexchange.com">Theoretical Computer Science</a></li>
<li><a title="active researchers, academics and students of physics" href="http://www.physics.stackexchange.com">Physics</a></li>
<li><a title="professional mathematicians" href="http://www.mathoverflow.net">MathOverflow</a></li>
<li><a title="scientists, academics, teachers and students" href="http://www.chemistry.stackexchange.com">Chemistry</a></li>
<li><a title="biology researchers, academics, and students" href="http://www.biology.stackexchange.com">Biology</a></li>
<li>
<a class="more" href="http://stackexchange.com/sites#science">
more (5)
</a>
</li>
</ol>
</td>
<td>
<ol class="list-unstyled">
<li><a title="apps, scripts, and development with the Stack Exchange API" href="http://www.stackapps.com">Stack Apps</a></li>
<li><a title="meta-discussion of the Stack Exchange family of Q&A websites" href="http://www.meta.stackexchange.com">Meta Stack Exchange</a></li>
<li><a title="proposing new sites in the Stack Exchange network" href="http://www.area51.stackexchange.com">Area 51</a></li>
<li><a href="http://www.careers.stackoverflow.com">Stack Overflow Careers</a></li>
</ol>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="copyright">
site design / logo © 2015 CB, VD, and PS designs; user contributions licensed under <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">cc by-sa 3.0</a>
with <a rel="license" href="http://blog.stackoverflow.com/2009/06/attribution-required/">attribution required</a>
</div>
<div id="svnrev">
rev 2015.11.8.2950
</div>
</div>
</div>
</footer>
</body>
</html>