<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/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="body2"> <div class="form-group"> <label class="form-label" for="name">Your Name :</label> <input class="form-control" data-label="Name" required="" data-msg="Please enter name." type="text" name="name" id="name" placeholder="Enter your name" aria-required="true"> </div> <div class="form-group"> <label class="form-label" for="name">Your Email :</label> <input class="form-control" data-label="Name" required="" data-msg="Please enter name." type="text" name="name" id="name" placeholder="Enter your Email" aria-required="true"> </div> <div class="form-group"> <label class="form-label" for="name">Your Phone Number :</label> <input class="form-control" data-label="Name" required="" data-msg="Please enter name." type="text" name="name" id="name" placeholder="Enter Your Phone Number" aria-required="true"> </div> <div class="form-group"> <label class="form-label" for="message">Additional Details :</label> <textarea class="form-control" data-label="Message" required="" data-msg="Please enter your message." name="message" id="message" placeholder="Ener Any Additional Details" cols="30" rows="10" aria-required="true"></textarea> </div> <button type="submit" class="button primar">Get My Free Quote</button> <p class="three">*Your details are kept confidential</p> </div> </div> </div>

.boddy { margin-top: 33px; border: 1px solid rgba(255, 255, 255, .25); width: 376px; margin-left: 76px; background: #fc0; border-radius: 4px; height: 109px; } p.two { font-size: 13px; line-height: 39px; width: 100%; display: block; font-weight: 300; letter-spacing: 1px; } .boddy h4 { font-size: 30px; font-weight: bold; letter-spacing: 2px; margin: 13px; } .body2 { border: 1px solid rgba(255, 255, 255, .25); width: 377px; background: rgba(37, 40, 42, 0.8); height: 551px; margin-left: 75px; } input#name { width: 87%; margin-left: 24px; } label.form-label { color: white; float: left; padding: 0px 21px; margin-top: 17px; } textarea#message { height: 110px; width: 87%; margin-left: 24px; } button.button.primar { border-radius: 7px; width: 230px; margin-left: 13px; height: 45px; background: gold; border: 1px solid gold; margin-top: 11px; font-size: 18px; font-weight: bold; } p.three { margin-top: 13px; color: white; margin-left: 18px; } button.button.primar:hover { background: #f1d127; }