Bootstrap 5 Fancy user login form snippets

Loading…

Bootstrap 5 Fancy user login form snippets | GoSnippets

Source Code

1<div class="wrapper bg-white">
2    <div class="h2 text-center">Creativity</div>
3    <div class="h4 text-muted text-center pt-2">Enter your login details</div>
4    <form class="pt-3">
5        <div class="mb-3 py-2">
6            <div class="input-field"> <span class="far fa-user p-2"></span> <input type="text" placeholder="Username or Email Address" required class=""> </div>
7        </div>
8        <div class="mb-3 py-1 pb-2">
9            <div class="input-field"> <span class="fas fa-lock p-2"></span> <input type="text" placeholder="Enter your Password" required class=""> <button class="btn bg-white text-muted"> <span class="far fa-eye-slash"></span> </button> </div>
10        </div>
11        <div class="d-flex align-items-start">
12            <div class="remember"> <label class="option text-muted"> Remember me <input type="radio" name="radio"> <span class="checkmark"></span> </label> </div>
13            <div class="ms-auto"> <a href="#" id="forgot">Forgot Password?</a> </div>
14        </div> <button class="btn w-100 text-center my-3">Log in</button>
15        <div class="text-center pt-3 text-muted">Not a member? <a href="#">Sign up</a></div>
16    </form>
17</div>

Bootstrap 5 Fancy user login form snippets

Source Code

More Forms snippets

Comments(0)