<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-4"> <div class="row"> <div class="col-md-12"> <div class="card shadow-lg"> <div class="card-body"> <div class="filter-sidebar "> <h3>Book a ride</h3> <div class="form-group"> <input type="text" class="form-control" placeholder="First & Last Name"> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Phone No."> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Location"> </div> <div class="form-group"> <select class="form-control" id="make1"> <option selected>Make</option> <option>Ford</option> <option>Hyundai</option> <option>Kia</option> <option>Honda</option> <option>Skoda</option> </select> </div> <div class="form-group"> <select class="form-control" id="make1"> <option selected>Model</option> <option>Accord</option> <option>Camry</option> <option>Civic</option> <option>Rapid</option> <option>Octavia</option> </select> </div> <hr> <button type="btn" class="btn btn-danger">Book Now</button> <button type="btn" class="btn btn-dark">+91-8899445577</button> <div class="pb-3"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section>