1<div class="form-group">
2 <label for="birthday" class="col-xs-2 control-label">Birthday</label>
3 <div class="col-xs-10">
4 <div class="form-inline">
5 <div class="form-group">
6 <input type="text" class="form-control" placeholder="year"/>
7 </div>
8 <div class="form-group">
9 <input type="text" class="form-control" placeholder="month"/>
10 </div>
11 <div class="form-group">
12 <input type="text" class="form-control" placeholder="day"/>
13 </div>
14 </div>
15 </div>
16</div>
1<!-- Default form login -->
2<form class="text-center border border-light p-5" action="#!">
3
4 <p class="h4 mb-4">Sign in</p>
5
6 <!-- Email -->
7 <input type="email" id="defaultLoginFormEmail" class="form-control mb-4" placeholder="E-mail">
8
9 <!-- Password -->
10 <input type="password" id="defaultLoginFormPassword" class="form-control mb-4" placeholder="Password">
11
12 <div class="d-flex justify-content-around">
13 <div>
14 <!-- Remember me -->
15 <div class="custom-control custom-checkbox">
16 <input type="checkbox" class="custom-control-input" id="defaultLoginFormRemember">
17 <label class="custom-control-label" for="defaultLoginFormRemember">Remember me</label>
18 </div>
19 </div>
20 <div>
21 <!-- Forgot password -->
22 <a href="">Forgot password?</a>
23 </div>
24 </div>
25
26 <!-- Sign in button -->
27 <button class="btn btn-info btn-block my-4" type="submit">Sign in</button>
28
29 <!-- Register -->
30 <p>Not a member?
31 <a href="">Register</a>
32 </p>
33
34 <!-- Social login -->
35 <p>or sign in with:</p>
36
37 <a href="#" class="mx-2" role="button"><i class="fab fa-facebook-f light-blue-text"></i></a>
38 <a href="#" class="mx-2" role="button"><i class="fab fa-twitter light-blue-text"></i></a>
39 <a href="#" class="mx-2" role="button"><i class="fab fa-linkedin-in light-blue-text"></i></a>
40 <a href="#" class="mx-2" role="button"><i class="fab fa-github light-blue-text"></i></a>
41
42</form>
43<!-- Default form login -->