<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 ----------> <section class="py-5 bg-primary"> <div class="container"> <div class="row"> <div class="col-md-8"> <div class="card shadow"> <div class="card-body"> <div class="row"> <div class="col-md-12 "> <h5>Booking Form</h5> <hr> <div class="form-group"> <form class="signup" action="#" method="post"> <div class="form-group"> <input type="text" class="form-control" placeholder="First & Last Name"> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Email Address"> </div> <div class="form-group"> <input type="number" class="form-control" placeholder="Phone No."> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Pickup Address"> </div> <div class="form-group"> <div class="checkbox"> <label> <input type="checkbox"> Please accept the terms and conditions to proceed with your request. </label> </div> </div> <div class="form-group"> <input type="submit" class="btn btn-success " value="SUBMIT"> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> </section>