<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 ----------> <form> <h3>HAVE A QUESTION?</h3> <div class="row"> <div class="col-md-12"> <center> <p>For any further queries and doubts, kindly fill in the details given below and hit send. </p> </center> <div class="form-group"> <label for="exampleInputEmail1">Enter Your Name</label> <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Name"> </div> <div class="form-group"> <label for="exampleInputPassword1">Enter Your Phone</label> <input type="number" class="form-control" id="exampleInputPassword1" placeholder="Phone"> </div> <div class="form-group"> <label for="exampleInputPassword1">Enter Your Email</label> <input type="number" class="form-control" id="exampleInputPassword1" placeholder="Email"> </div> <div class="form-group"> <label for="exampleInputPassword1">Select Your Course</label> <select class="form-control"> <option>Select</option> <option>B.ED</option> <option>D.E.L.ED</option> </select> </div> <div class="form-group"> <label for="exampleInputPassword1">Your Message</label> <textarea class="form-control" rows="3" placeholder="Type Your message"></textarea> </div> <button type="submit" class="btn btn-primary">Send Message</button> </div> </div> </form>

form { border: 1px solid #ddd; max-width: 440px; margin: 0 auto; border-radius: 5px; position: relative; overflow: hidden; } form h3 { background: #1F487C; color: #fff; padding: 11px; text-align: center; font-size: 20px; } form p { font-size: 14px; line-height: 20px; color: #767676; } form label { font-weight: 600; font-size: 13px; color: #646464; } form .form-group { margin-bottom: 10px; } form .row { padding: 6px 30px 30px 30px; } .form-control{ border: 1px solid #dbdbdb; } .form-group .form-control:focus { outline: none; box-shadow: none; background: #fff; border-color: @primary-color; } /* FOR MODAL */ .close { color: #fff; opacity: 1; background: #14345c !important; position: absolute; width: 22px; height: 22px; border-radius: 50px; z-index: 1; top: 15px; right: 15px; } .close span { position: relative; top: -2px; font-weight: 400; }