Back to Form
Form

Signup with Social

#form

Live preview

Source code

html
<div class="container py-5">
  <div class="row justify-content-center">
    <div class="col-md-5">
      <div class="p-4 border rounded-4 bg-white shadow-sm">
        <h3 class="fw-bold text-center">Create account</h3>
        <p class="text-muted text-center small">Free forever, no credit card required.</p><button class="btn btn-outline-dark w-100 mb-2"><i class="bi bi-google me-2"></i>Continue with Google</button><button class="btn btn-outline-dark w-100 mb-2"><i class="bi bi-github me-2"></i>Continue with GitHub</button>
        <div class="text-center text-muted small my-3">— or —</div>
        <form><input class="form-control mb-2" placeholder="Email"><input type="password" class="form-control mb-2" placeholder="Password"><button class="btn btn-primary w-100">Sign up</button></form>
      </div>
    </div>
  </div>
</div>

More designs in this section