"form"
Bootstrap 3.3.0 Snippet by jaikesh yadav

<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-7"> <div class="contact_form"> <h3 class="heading"><strong>Quick</strong> Contact <span></span></h3> <div class="con_form"> <form action="action.php?flg=tr" method="post" id="contactFrm" name="contactFrm"> <input type="text" required="" placeholder="Your Name" value="" tabindex="1" name="name" class="con_txt"> <input type="text" required="" placeholder="Your Phone No" tabindex="2" value="" name="mobile" class="con_txt"> <input type="text" required="" placeholder="Your Email" tabindex="3" value="" name="email" class="con_txt"> <textarea placeholder="Your Message" name="message" type="text" class="con_txt_3" tabindex="4"></textarea> <input type="submit" value="Submit" name="submit" class="con_txt2"> <input type="submit" value="clear" name="" class="con_txt2"> </form> </div> </div> </div> </div> </div>
.contact_form { width: 100%; } .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; } .con_form { padding: 0; width: 99%; } .con_txt[type="text"] { margin: 10px 4px; padding: 10px; width: 204px; } .con_txt_3[type="text"] { height: 200px; margin: 10px 4px; padding: 10px; width: 99%; } .con_txt2[type="submit"] { background: #000 none repeat scroll 0 0; border: medium none; border-radius: 27px; color: rgb(255, 255, 255); display: inline-block; font-size: 14px; font-weight: bold; margin: 10px; padding: 7px 20px; text-transform: uppercase; transition: all 0.45s ease-in-out 0s; } .con_txt2[type="submit"] { background: #000 none repeat scroll 0 0; border: medium none; border-radius: 27px; color: rgb(255, 255, 255); display: inline-block; font-size: 14px; font-weight: bold; margin: 10px; padding: 7px 20px; text-transform: uppercase; transition: all 0.45s ease-in-out 0s; } .con_txt2:hover { background: #f2af1f none repeat scroll 0 0; color: #000; transition: all 0.5s ease 0s; }

Related: See More


Questions / Comments: