"Untitled"
Bootstrap 4.1.1 Snippet by ThePupoMaster

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ----------> <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="card" style="width: 45%; padding: 30px; min-width: 650px; max-width: 900px" align="left"> <form> <div class="form-group row"> <div class="col-12"> <label>Login Information</label> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="fa fa-envelope"></i> </div> </div> <input id="new-email" name="email" placeholder="Enter your Email" type="text" required="required" class="form-control"> </div> </div> </div> <div class="form-group row"> <div class="col-12"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="fa fa-user-circle"></i> </div> </div> <input id="new-user" name="user" placeholder="Create a Username" type="text" required="required" class="form-control"> </div> </div> </div> <div class="form-group row"> <div class="col-6"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="fa fa-unlock"></i> </div> </div> <input id="new-password" name="new-password" placeholder="Create a Password" type="text" required="required" class="form-control"> </div> </div> <div class="col-6"> <input id="conf-new-password" name="conf-new-password" placeholder="Confirm Password" type="text" required="required" class="form-control"> </div> </div> <br> <div class="form-group row"> <div class="col-6"> <label>Account Information</label> <input id="new-first-name" name="first-name" placeholder="First Name" type="text" required="required" class="form-control"> </div> <div class="col-6"> <label> <br> </label> <input id="new-last-name" name="last-name" placeholder="Last Name" type="text" required="required" class="form-control"> </div> </div> <div class="form-group row"> <div class="col-7"> <input id="new-school" name="school-name" placeholder="School Name" type="text" required="required" class="form-control"> </div> <div class="col-5"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text">Grade</div> </div> <select id="grade" name="grade-select" class="custom-select" required="required"> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> </div> </div> </div> <div class="form-group row"> <div class="col-7"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text">Preferred Learning Style</div> </div> <select id="learning-style" name="learning-style-select" class="custom-select" required="not-required"> <option value="none">None</option> <option value="visual">Visual</option> <option value="auditory">Auditory</option> <option value="kinesthetic">Kinesthetic</option> <option value="verbal">Verbal</option> <option value="logical">Logical</option> </select> </div> </div> <div class="col-5"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text">Course Code</div> </div> <input id="course-code" name="course-code" placeholder="..." type="text" class="form-control"> </div> </div> </div> <br> <div class="form-group row"> <div class="col-1"> <button name="register" type="submit" class="btn btn-primary">Register</button> </div> </div> </form> </div> </div> </body> </html>

Related: See More

Paper Kit 2 PRO

Questions / Comments: