<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> <div class="project-request"> <div class="container"> <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12"> <div class="RequestForm"> <h2>Request a Proposal</h2> <div class="Forms"> <form> <div class="form-group"> <input class="form-control" placeholder="Name" type="text"> </div> <div class="form-group"> <input class="form-control" placeholder="Email Address" type="email"> </div> <div class="form-group"> <input class="form-control" placeholder="Contact Number" type="text"> </div> <div class="form-group"> <input class="form-control" placeholder="Budget" type="text"> </div> <div class="form-group"> <textarea class="form-control" placeholder="Product Description" rows="5"></textarea> </div> <button type="submit">SEND AN ENQUIRY</button> </form> </div> </div> </div> </div> </div> </section>

/*Request Form*/ .RequestForm h2 { background-color: #28aae1; color: #fff; text-align: center; margin: 0px; text-transform: capitalize; padding: 50px 0px; font-weight: 400; } .RequestForm .Forms { padding: 20px 15px 30px; } .RequestForm .Forms form { box-shadow: 0px 1px 3px #ddd; padding: 0px 40px 50px; } .RequestForm .Forms form .form-control { border: none; border-radius: 0px; border-bottom: 1px solid #efefef; background-color: transparent; box-shadow: none; height: 40px; } .RequestForm .Forms form textarea.form-control { height: auto; resize: none; } .RequestForm .Forms form button { border: none; background-color: #28aae1; color: #fff; text-align: center; width: 100%; padding: 11px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; border-radius: none; outline: 0; } .RequestForm .Forms form button:hover { background-color: #232323; color: #fff; } .RequestForm .Forms form .form-control::-moz-placeholder { color: #c7c7c7; opacity: 1 } .RequestForm .Forms form .form-control:-ms-input-placeholder { color: #c7c7c7 } .RequestForm .Forms form .form-control::-webkit-input-placeholder { color: #c7c7c7 }