-
Notifications
You must be signed in to change notification settings - Fork 5
/
signup.html
executable file
·114 lines (95 loc) · 5.21 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>--Sign Up - Team Shield</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Following CSS files are connected to this HTML file, externally.-->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<!--External CSS Files ends here-->
</head>
<style type="text/css">
.sign-in a[href="signup.html"]{
font-weight: bolder;
color: white;
}
</style>
<body>
<!--In case, if the user wanted to move all elements from one place to one place, then simply copy and past the "limiter" div with elements inside. We also created the limiter div for responsive design or if the user wanted to set width or height optionally.-->
<div class="limiter">
<!--Form-Container or all Elements covered in form (Elements after Sidewallpaper) Starts-->
<div class="form-container">
<form id="form">
<!--Logo Starts-->
<span class="title">
<img class="logo" src="https://res.cloudinary.com/code-shield/image/upload/v1568794181/logo_ijvxw4.png">
</span>
<!--Logo Ends-->
<!--Signup/Login button in the corner structures starts here-->
<div class="sign-in">
<a href="index.html">Sign In</a> | <a href="signup.html">Sign Up</a>
</div>
<!--Signup/Login button in the corner structures ends here-->
<!--Username Input and It's Icons, Label...-->
<div class="input-div validate-input" data-validate="Fullname required">
<!-- <span class="input-label"></span> --><!--In case, if the user need it.-->
<input id="fullname" class="input" type="text" name="fullname" placeholder="Full Name">
</div>
<!--Email Input and It's Icons, Label, Span...-->
<div class="input-div validate-input" data-validate="Email required">
<!-- <span class="input-label"></span> --><!--In case, if the user need it.-->
<input id="emailaddress" class="input" type="text" name="email" placeholder="E-Mail">
</div>
<!--Password Input and It's Icons, Label...-->
<div class="input-div validate-input" data-validate="Password required">
<!-- <span class="input-label"></span> --><!--In case, if the user need it.-->
<input id="password" class="input" type="Password" name="password" placeholder="Password">
</div>
<!--Confirm Password Input and It's Icons, Label...-->
<div class="input-div validate-input" data-validate="Password required">
<!--<span class="input-label">Confirm Password:</span>-->
<input id="passwordC" class="input" type="Password" name="passwordC" placeholder="Confirm Password:">
</div>
<!--Log in button/submit and its containers...-->
<div class="container-form-btn">
<div class="wrap-form-btn">
<button id="submitBtn" class="form-btn" type="button">
Sign Up
</button>
</div>
</div>
<!--Log in Button structure ends here-->
<!--Sign in Or Sign up options header-->
<div class="txt1 text-center">
<span>
Or Sign In <span style ="color: #12A6FA;">|</span> Up Using
</span>
</div>
<!--Social Media Icons for signing up or signing in:-->
<div class="flex-c-m smicons">
<a href="#" class="login100-social-item bg1">
<i class="fa fa-facebook"></i>
</a>
<a href="#" class="login100-social-item bg2">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="login100-social-item bg3">
<i class="fa fa-google"></i>
</a>
</div>
<!--Social Media Icons structres ends here-->
</form>
<!--Form Structure Starts-->
</div>
<!--Form-Container or all Elements covered in form (Elements after Sidewallpaper) Ends-->
</div>
<!--Limiter Div structure ends.-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/script/script2.js"></script><!--External JavaScript Files Connected with this HTML-->
</body>
</html>