Can I use "Bootstrap 5 simple login form with social login" in commercial projects?

Yes. All GoSnippets are MIT licensed for personal and commercial use without attribution.

Does this snippet include Bootstrap?

This example targets Bootstrap 5. Copy the HTML/CSS/JS into your layout after loading Bootstrap CSS and JS from CDN or npm.

Bootstrap 5 simple login form with social login — Free Forms Snippet (Bootstrap 5)

Loading…

1<div class="container"> 2 <div class="row"> 3 <div class="offset-md-2 col-lg-5 col-md-7 offset-lg-4 offset-md-3"> 4 <div class="panel border bg-white"> 5 <div class="panel-heading"> 6 <h3 class="pt-3 font-weight-bold">Login</h3> 7 </div> 8 <div class="panel-body p-3"> 9 <form action="login_script.php" method="POST"> 10 <div class="mb-3 py-2"> 11 <div class="input-field"> <span class="far fa-user p-2"></span> <input type="text" placeholder="Username or Email" required> </div> 12 </div> 13 <div class="mb-3 py-1 pb-2"> 14 <div class="input-field"> <span class="fas fa-lock px-2"></span> <input type="password" placeholder="Enter your Password" required> <button class="btn bg-white text-muted"> <span class="far fa-eye-slash"></span> </button> </div> 15 </div> 16 <div class="d-flex flex-wrap align-items-center"> <input type="checkbox" name="remember" id="remember"> <label for="remember" class="text-muted">Remember me</label> <a href="#" id="forgot" class="font-weight-bold">Forgot password?</a> </div> 17 <div class="btn btn-primary w-100 mt-3">Login</div> 18 <div class="text-center pt-4 text-muted">Don't have an account? <a href="#">Sign up</a> </div> 19 </form> 20 </div> 21 <div class="mx-3 my-2 py-2 bordert"> 22 <div class="text-center py-3"> <a href="https://wwww.facebook.com" target="_blank" class="px-2"> <img src="https://www.dpreview.com/files/p/articles/4698742202/facebook.jpeg" alt=""> </a> <a href="https://www.google.com" target="_blank" class="px-2"> <img src="https://www.freepnglogos.com/uploads/google-logo-png/google-logo-png-suite-everything-you-need-know-about-google-newest-0.png" alt=""> </a> <a href="https://www.github.com" target="_blank" class="px-2"> <img src="https://www.freepnglogos.com/uploads/512x512-logo-png/512x512-logo-github-icon-35.png" alt=""> </a> </div> 23 </div> 24 </div> 25 </div> 26 </div> 27</div>

Bootstrap 5 simple login form with social login

How to use this snippet

Customization tips

Best for

Accessibility notes

Responsive design

Source Code

More Forms snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection