"Sign in, SIgn up form ( registeration form )"
Bootstrap 3.0.0 Snippet by nokins

Post to Facebook Tweet this

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
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!--this was made my Agil Asadi. You are free to delete this comment line and use it as you wish-->
<div class="row col-md-8 col-md-offset-2 registeration">
<div class="registerInner">
<div class="col-md-6 signUp">
<h3 class="headerSign">Sign Up</h3>
<form action="" method="post">
<div class="form-group">
<input class="form-control" type="text" name="name" id="name" placeholder="NAME">
</div>
<div class="form-group">
<input class="form-control" type="text" name="surname" id="surname" placeholder="SURNAME">
</div>
<div class="form-group">
<input class="form-control" type="text" name="email" id="email" placeholder="YOUR EMAIL">
</div>
<div class="form-group ">
<input class="form-control" type="password" name="password" id="password" value="" placeholder="PASSWORD">
</div>
<div class="form-group">
<label for="birthday" class="darktext">Birthday</label>
<input class="form-control" type="date" name="birthday" id="birthday" value="">
</div>
<button type="submit" class=" signbuttons btn btn-primary">Sign Up</button>
</form>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
*{
border-radius: 0 !important;
}
html,body{
}
.registeration{
border-top: 5px solid #2196f3;
-webkit-box-shadow: 0px 5px 21px -2px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 5px 21px -2px rgba(0,0,0,0.47);
box-shadow: 0px 5px 21px -2px rgba(0,0,0,0.47);
margin-top: 100px;
}
.registerInner{
margin: 15px;
}
.form-group{
width: 100%;
line-height: 50px;
}
.signbuttons{
margin-bottom: 35px;
background: #2196f3;
border: none;
}
input{
border-top: none !important;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Dashboard
Bootstrap 4.11 sign in form
Sign up form [Validations NOT ACHIEVED]
sign up 2

Questions / Comments: