-
Notifications
You must be signed in to change notification settings - Fork 0
/
signup.html
72 lines (60 loc) · 3.77 KB
/
signup.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Signup</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="css/animate.css" rel="stylesheet">
<link href="css/humans_in_tech.css" rel="stylesheet">
<link href="css/humans_in_tech_custom.css" rel="stylesheet">
</head>
<body class="form_signup_login">
<form style="max-width: 350px;margin: auto;" action="personal_info.html">
<h1 class="h3 mb-3 text-center"><a href="#" class="brand mb-4">Humans in tech</a></h1>
<p class=" text-center mb-5">Connecting humans building and contributing to technology. A free and open source project by and for humans in tech.</p>
<ul class="error_messages">
<li>Email can not be blank</li>
<li>Password is too short</li>
</ul>
<fieldset class="form-group">
<label class="input_label" for="exampleInputEmail1">Username <a href="#" class="ml-2 why" data-toggle="modal" data-target="#exampleModalCenter"><i class="fas fa-question-circle"></i></a> </label>
<input type="text" class="form-control taken" id="exampleInputEmail1" placeholder="Username" value="@gordonturibamwe">
<span class="taken_available"><i class="fas fa-times mr-1"></i> Taken</span>
</fieldset>
<fieldset class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</fieldset>
<fieldset class="form-group">
<input type="password" class="form-control" id="exampleInputEmail1" placeholder="Password">
</fieldset>
<button type="submit" class="button">Signup</button>
<a href="login.html" class="btn-block mt-4 font-weight-bold text-center">Login</a>
<p class="mt-5 mb-3 text-muted text-center"><small>© 2017-2018</small></p>
</form>
<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
<label class="form_labels mb-4">Why username?</label>
<p class="m-0">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</p>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript ================================================== -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>