-
Notifications
You must be signed in to change notification settings - Fork 2
/
form2.html
147 lines (136 loc) · 8.69 KB
/
form2.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
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Sign in | Register Form Using Tab</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/fontawesome.min.css" rel="stylesheet">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/styles.css" rel="stylesheet">
<link href="assets/css/manage.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400|Open+Sans:100,300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand:500" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cedarville+Cursive" rel="stylesheet">
</head>
<body>
<header class="header">
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<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="">COMPANY NAME</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="./">Home</a></li>
<li><a href="form2.html">Form 2</a></li>
<li><a href="form3.html">Form 3</a></li>
<li><a href="form4.html">Textarea</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
</header>
<section class="title-header">
<h3 class="text-center">Login and Registration Form using Tab</h3>
</section>
<div class="col-lg-offset-3 col-lg-6 col-sm-6 col-md-6">
<div class="login-container-2">
<div class="panel panel-primary">
<div class="panel-body">
<div id="tabs">
<ul id="myTab" class="nav nav-tabs nav-justified">
<li><a class="active" href="#sign-in" data-toggle="tab">Sign in</a></li>
<li><a href="#register" data-toggle="tab">Register</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="sign-in">
<!--tab one start-->
<div class="col-lg-offset-2 col-lg-7 col-sm-7 col-md-7">
<h3 class="text-primary text-center">Login To Your Account</h3>
<div class="login-container-2">
<form action="" method="POST" autocomplete="off" class="">
<div class="form-group">
<label for="email" class="control-label">Email address</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope"></i> </span>
<input type="text" class="form-control" id="email" name="useremail" placeholder="Enter your Email Address" value="" required>
</div>
</div>
<div class="form-group">
<label for="password" class="control-label">Password</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key"></i> </span>
<input type="password" class="form-control" id="password" name="userpass" placeholder="Enter Your Password" value="" required>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-submit">Login</button>
</div>
</form>
</div>
</div>
</div>
<!--end of tab 1-->
<div class="tab-pane fade in active" id="register" style="display:block;">
<h3 class="text-primary text-center">Sign Up Here</h3>
<div class="login-container-2">
<form action="" method="POST" autocomplete="off" class="">
<div class="form-group">
<label for="username" class="control-label">Username</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i> </span>
<input type="text" class="form-control" id="username" name="username" placeholder="Enter your Username" value="" required>
</div>
</div>
<div class="form-group">
<label for="fullname" class="control-label">Fullname</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-male"></i> </span>
<input type="text" class="form-control" id="fullname" name="fullname" placeholder="Enter your Fullname" value="" required>
</div>
</div>
<div class="form-group">
<label for="email" class="control-label">Email Address</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope"></i> </span>
<input type="email" class="form-control" id="email" name="useremail" placeholder="Enter your Email Address" value="" required>
</div>
</div>
<div class="form-group" id="spwd">
<label for="password" class="control-label">Password</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key"></i> </span>
<input type="password" class="form-control" id="password" name="userpass" placeholder="Enter Your Password" value="" required>
<span class="input-group-addon"><a href='#'><i class="fa fa-eye"></i></a> </span>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-submit">Register</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<footer class="footer">
<div class="container-footer">© 2017. Your Company</div>
</footer>-->
<script src="assets/js/jquery-1.11.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/script.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</body>
</html>