mdbootstrap login

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 -->