<section class="py-20 bg-light overflow-hidden">
<div class="position-relative container">
<div class="position-relative mw-4xl mx-auto">
<div class="position-absolute top-50 start-0 end-0 translate-middle-y bg-info-light ms-n6 me-n6" style="height: 90%;"></div>
<div class="position-relative py-16 pt-md-32 pb-md-20 px-4 px-sm-8 bg-white">
<div class="mw-lg mx-auto text-center">
<a class="d-inline-block h6 mb-14" href="#">
<img class="img-fluid" src="yofte-assets/logos/yofte-logo.svg" alt="">
</a>
<h2 class="mb-8">Signing up with social is super quick</h2>
<p class="mb-10 fw-bold">Please, do not hesitate</p>
<form action="">
<input class="form-control form-control-lg mb-4" type="text" placeholder="[email protected]">
<input class="form-control form-control-lg mb-4" type="password" placeholder="Password">
<input class="form-control form-control-lg mb-10" type="password" placeholder="Repeat password">
<div class="form-check" for="">
<input class="form-check-input" type="checkbox">
<label class="form-check-label">By singning up, you agree to our Terms, Data Policy and Cookies.</label>
</div>
<button class="mt-12 mt-md-16 btn btn-dark">JOIN yofte</button>
</form>
</div>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 5
- Application 38
- Banner 10
- Blog 43
- Call to action 75
- Contact 23
- Content 4
- Content 45
- Cookies 31
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 29
- Features 108
- Footer 27
- Footers 10
- Graphs 9
- HTTP codes 32
- Headers 75
- How it works 29
- Logo clouds 51
- Modals 3
- Navbar 40
- Navigation (horizontal) 63
- Navigation (vertical) 4
- Newsletter 31
- Portfolio 29
- Pricing 25
- Projects 9
- Reviews 5
- Sign in / Sign up 55
- Stats 45
- Tables 25
- Team 24
- Testimonials 25
- Users 8
Login and registration is a sensitive part of any site. When designing this type of component, one should think very carefully about the amount of data to be obtained, their order and importance. Acquiring new users and maintaining ties with registered users keeps the site alive. That's why Bootstrap Sign in and Sing up components collected in Shuffle Editor are refined to a pixel perfect state. When choosing the right version for your project, you certainly won't run out of options!
Choose from many variations of Bootstrap sign in and sign up components. Presented here are variants available in various UI libraries. You will also find many other types of components that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.
Get access to all Bootstrap sign in/sign up components, code and our editor. Try the demo for free.
Component #1
