"Sign up, register form bootstrap 4, bootstrap4 registration form card"
Bootstrap 4.0.0 Snippet by muhamadsobari198

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css"> <div class="container"> <br> <p class="text-center">More bootstrap 4 components on <a href="http://bootstrap-ecommerce.com/"> Bootstrap-ecommerce.com</a></p> <hr> <div class="row justify-content-center"> <div class="col-md-12"> <form> <div class="form-row"> <div class="col form-group"> <label>Name </label> <input type="text" class="form-control" placeholder=""> </div> <!-- form-group end.// --> <div class="col form-group"> <label>Nationality</label> <input type="text" class="form-control" placeholder=" "> </div> <!-- form-group end.// --> </div> <!-- form-row end.// --> <div class="form-group"> <label>Organisation</label> <input type="text" class="form-control" placeholder=""> </div> <!-- form-group end.// --> <div class="form-row"> <div class="form-group col-md-12 mb-0"> <label>Please click your organisation anture in below options.</label> </div> <div class="form-group col-md-3"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">International School</label> </div> </div> <div class="form-group col-md-3"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Bilingual School</label> </div> </div> <div class="form-group col-md-3"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Other Education Group</label> </div> </div> </div> <!-- form-group end.// --> <div class="form-group"> <label>Title</label> <input type="email" class="form-control" > </div> <!-- form-group end.// --> <div class="form-group"> <label>Function</label> <input type="email" class="form-control" > </div> <!-- form-group end.// --> <div class="form-group"> <label>Email Address</label> <input type="email" class="form-control" > </div> <!-- form-group end.// --> <div class="form-row"> <div class="form-group col-md-6"> <label>Phone Number</label> <input type="text" class="form-control"> </div> <!-- form-group end.// --> <div class="form-group col-md-6"> <label>Mobile Number</label> <input type="text" class="form-control"> </div> <!-- form-group end.// --> </div> <!-- form-row.// --> <div class="form-row"> <div class="form-group col-md-12 mb-0"> <label>Which options are you interested in? Please click.</label> </div> <div class="form-group col-md-3"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled"> Inspiring Learning<br> Conference</label> </div> </div> <div class="form-group col-md-3"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Workshop</label> </div> </div> <div class="form-group col-md-3"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Teach Training <br>Programme</label> </div> </div> <div class="form-group col-md-3"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Consultancy Service</label> </div> </div> </div> <!-- form-group end.// --> <div class="form-row"> <div class="form-group col-md-12 mb-0"> <label>For Inspiring Learning Conference, please choose below keynotesession you woul like to follow :</label> </div> <div class="col-md-12"> <div class="form-row"> <div class="form-group col-md-2"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled"> Day 1</label> </div> </div> <div class="form-group col-md-10"> <label>1. Middle Leadership</label><br> <label>2. Leading inspiring learning in early years</label> </div> </div> <div class="form-row"> <div class="form-group col-md-2"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled"> Day 2</label> </div> </div> <div class="form-group col-md-10"> <label>1. Middle Leadership</label><br> <label>2. Leadership: what works?</label> <label>3. Inspiring early years education: the role of the adult</label><br> <label>4. intergrationg East and West in the classroom</label> <label>5. English development in a bilingual context.</label> <label>6. LSC recruitment</label><br> </div> </div> <div class="form-row"> <div class="form-group col-md-2"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled"> Day 2</label> </div> </div> <div class="form-group col-md-10"> <label>1. Middle Leadership</label><br> <label>2. Leading learning in a bilingual school</label> <label>3. Research method: leading research in a school context.</label><br> <label>4. Inspiring learning environment</label> <label>5. Inspiring leaning in a early year's bilingual context.</label> </div> </div> <div class="form-row"> <div class="form-group col-md-2"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled"> Day 4</label> </div> </div> <div class="form-group col-md-10"> <label>1. Middle Leadership</label><br> <label>2. Developing a bilingual curriculum</label> </div> </div> </div> <div class="form-group col-md-3"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Other Education Group</label> </div> </div> </div> <!-- form-group end.// --> <div class="form-row"> <div class="form-group col-md-12 mb-0"> <label>For workshops, please choose below options:</label> </div> <div class="form-group col-md-6"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled"> For workshops, please choose below options: </label> </div> </div> <div class="form-group col-md-6"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Research Methods: Leading research in a school context</label> </div> </div> <div class="form-group col-md-6"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Safeguarding: International best practices</label> </div> </div> <div class="form-group col-md-6"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Excellence in Early Years provision: The role of the adult</label> </div> </div> <div class="form-group col-md-6"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Effective strategies for English language acquisition</label> </div> </div> <div class="form-group col-md-6"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">Early Years Education: Developments in EYFS</label> </div> </div> </div> <!-- form-group end.// --> <div class="form-row"> <div class="form-group col-md-12 mb-0"> <label>For Teacher Training Programme, please choose which programme you would like to explore</label> </div> <div class="form-group col-md-12"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled"> PGCE</label> </div> </div> <div class="form-group col-md-12"> <div class="custom-control custom-checkbox custom-control-inline"> <input type="checkbox" class="custom-control-input" id="" > <label class="custom-control-label" for="customCheckDisabled">QTS</label> </div> </div> </div> <!-- form-group end.// --> <div class="form-group"> <div class="form-group"> <button type="submit" class="btn btn-primary btn-block"> Register </button> </div> <!-- form-group// --> <small class="text-muted">By clicking the 'Sign Up' button, you confirm that you accept our <br> Terms of use and Privacy Policy.</small> </form> </div> <!-- row.//--> </div> </div> <!--container end.//--> <br><br> <article class="bg-secondary mb-3"> <div class="card-body text-center"> <h3 class="text-white mt-3">Bootstrap 4 UI KIT</h3> <p class="h5 text-white">Components and templates <br> for Ecommerce, marketplace, booking websites and product landing pages</p> <br> <p><a class="btn btn-warning" target="_blank" href="http://bootstrap-ecommerce.com/"> Bootstrap-ecommerce.com <i class="fa fa-window-restore "></i></a></p> </div> <br><br> </article>

Related: See More


Questions / Comments: