"Register with us"
Bootstrap 3.0.0 Snippet by hamidme

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <body class="container-fluid"> <div class="page-header"> </div> <div class="main-body"> <div class="row"> <div class="col-md-6"> <form class="form-horizontal form-width"> <div class="row form-row"> <div class="col-md-12 sign-up-header">Please Register with Bootsnipp Family Care</div> <div class="form-group col-md-6"> <input type="text" class="form-control" id="first-name" name="first-name" placeholder="First Name"> </div> <div class="form-group col-md-6"> <input type="text" class="form-control" id="last-name" name="last-name" placeholder="Last Name"> </div> <div class="form-group col-md-12"> <input type="email" class="form-control" id="mail" name="email-address" placeholder="Email Address"> </div> <div class="form-group col-md-6"> <input class="form-control" type="password" id="password" name="password" placeholder="Password"> </div> <div class="form-group col-md-6"> <input type="password" class="form-control" id="password" name="password" placeholder="Confirm Password"> </div> <div class="col-md-12 radio-padding"> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> FATHER </label> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> MOTHER </label> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> CHILD </label> </div> <button type="submit" class="btn btn-default button-register">Register</button> </div> </form> </div> <div class="col-md-6"></div> </div> </div> </body>
.form-row { background: #dcdcdc; padding-bottom: 15px; margin-left: 10px; border-radius: 3px; border: solid #dcdcdc 1px; } .form-horizontal .form-group { margin-right: 0px; margin-left: 0px; } .form-horizontal { width: 400px; } .sign-up-header { padding: 15px; background: white; margin-bottom: 10px; } .radio-padding { padding-bottom: 10px; } .button-register { width: 375px; margin-left: 15px; background-color: #003d70; color: white; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.2s; cursor: pointer; } .button-register:hover { background-color: #448ac8; color: white; }

Related: See More

BLK• Design System
BS4 Login, Register FORM + Mobile
Register form, html bootstrap4 registration form card panel
register page and login page together fully responsive

Questions / Comments: