"quick form"
Bootstrap 4.1.1 Snippet by SANTANU CHOWDHURY

<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 ----------> <div class="container"> <div class="row"> <div class="col-md-6"> <form class="form-area"> <h3>Register below to get a call back.</h3> <div class="form-group"> <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Name"> </div> <div class="form-group"> <input type="text" class="form-control" id="exampleInputPassword1" placeholder="Phone"> </div> <div class="form-group"> <input type="Email" class="form-control" id="exampleInputPassword1" placeholder="Email"> </div> <a type="submit" class="btn btn-primary">Submit</a> </form> </div> <div class="col-md-6"> <div class="form-area"> <h3>Try your FREE Trial Today</h3> <form> <div class="form-group"> <label for="exampleInputEmail1">Your Name (required)</label> <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Name"> </div> <div class="form-group"> <label for="exampleInputEmail1">Your Email (required)</label> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email"> </div> <div class="form-group"> <label for="exampleInputEmail1">Phone Number</label> <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Name"> </div> <a class="btn btn-primary">Submit</a> </form> </div> </div> </div> </div>
.form-area { max-width: 342px; margin: 0 auto; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding: 44px 28px 36px; background-color: #fff; border-radius: 4px; } .form-area h3 { color: #2874a6; line-height: 1.3; font-size: 22px; margin-bottom: 14px; font-family: 'Poppins', sans-serif; } .form-area .btn { margin-top: 0px; padding: 8px 26px !important; font-size: 14px; color:#fff !important; } .form-group .form-control:focus { outline: none; box-shadow: none; background: #fff; border-color: #2874a6; } .form-control { padding: 12px 20px; height: 38px; border-radius: 0px; } .form-group { margin-bottom: 10px; } .btn-primary { padding: 8px 36px; border-radius: 50px; font-size: 16px; background-color: #2874a6; border-color: transparent; margin-top: 15px; } .btn-primary:hover { background-color: #1e577d; border-color: transparent; }

Related: See More

Questions / Comments: