Bootstrap 5 Signup/login form

Loading…

Bootstrap 5 Signup/login form | GoSnippets

Source Code

1<div class="container d-flex justify-content-center">
2    <div class="d-flex flex-column justify-content-between">
3        <div class="card mt-3 p-5">
4            <div class="logo mb-3"><img src="https://imgur.com/zydrQCr.png"></div>
5            <div>
6                <p class="mb-1">Start managing your</p>
7                <h4 class="mb-5 text-white">money with us!</h4>
8            </div> <button class="btn btn-primary btn-lg"><small>Already signed up?</small><span> Log in</span> </button>
9        </div>
10        <div class="card two bg-white px-5 py-4 mb-3">
11            <div class="mb-3"><input type="email" class="form-control" id="mail" required><label class="form-control-placeholder" for="mail">Email</label></div>
12            <div class="mb-3"><input type="text" class="form-control" id="name" required><label class="form-control-placeholder" for="name">Full Name</label></div>
13            <div class="mb-3"><input type="password" class="form-control" id="password" required><label class="form-control-placeholder" for="password">Password</label></div> <button class="btn btn-primary w-100 btn-lg mt-1 mb-2"><span>Get started<i class="fas fa-long-arrow-alt-right ms-2"></i></span></button>
14        </div>
15    </div>
16</div>

Bootstrap 5 Signup/login form

Source Code

More Forms snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery