"Untitled"
Bootstrap 3.3.0 Snippet by msakore

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 center_div"> <div class="row"> <div class="col-md-4"> <div class="form_main"> <h4 class="heading"><strong>Quick </strong> Pay <span></span></h4> <div class="form"> <form action="contact_send_mail.php" method="post" id="contactFrm" name="contactFrm"> <input type="text" required="" placeholder="Amount" value="" name="amount" class="txt"> <input type="text" required="" placeholder="Vpa" value="" name="vpa" class="txt"> <input type="hidden" value="" name="key"> <input type="text" required="" placeholder="Description" value="" name="description" class="txt"> <input type="submit" value="submit" name="submit" class="txt2"> </form> </div> </div> </div </div> </div>
form_main { width: 100%; } .form_main h4 { font-family: roboto; font-size: 20px; font-weight: 300; margin-bottom: 15px; margin-top: 20px; text-transform: uppercase; } .heading { border-bottom: 1px solid #fcab0e; padding-bottom: 9px; position: relative; } .heading span { background: #9e6600 none repeat scroll 0 0; bottom: -2px; height: 3px; left: 0; position: absolute; width: 75px; } .form { border-radius: 7px; padding: 6px; } .txt[type="text"] { border: 1px solid #ccc; margin: 10px 0; padding: 10px 0 10px 5px; width: 100%; } .txt_3[type="text"] { margin: 10px 0 0; padding: 10px 0 10px 5px; width: 100%; } .txt2[type="submit"] { background: #ffff none repeat scroll 0 0; border: 1px solid #528FF0; border-radius: 25px; color: #000; font-size: 16px; font-style: normal; line-height: 35px; margin: 10px 0; padding: 0; text-transform: uppercase; width: 30%; } .txt2:hover { background: #528FF0 none repeat scroll 0 0; color: #fff; transition: all 0.5s ease 0s; }

Related: See More


Questions / Comments: