"contact 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 ----------> <section class="form"> <div class="container"> <div class="middlePage"> <div class="panel panel-info"> <div class="panel-heading"> <h3 class="panel-title">Contact Form </h3> </div> <div class="panel-body login"> <div class=""> <form method="POST" action="#"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label for="name"> First and last name </label> <input type="text" name="name" required="required" placeholder="First and last name " id="name" class="form-control"> </div> <div class="form-group"> <label for="name"> First and last name </label> <input type="tel" name="mobile" required="required" placeholder="Inter Mobile Number " id="name" class="form-control"> </div> <div class="form-group"> <label for="email"> E. mailing address </label> <div class="input-group"> <span class="input-group-addon add-icon"><span class="glyphicon glyphicon-envelope"></span> </span> <input type="email" name="email_id" required="required" placeholder="E. mailing address" id="email" class="form-control"> </div> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label for="name"> Message </label> <textarea placeholder="Message" required="" onchange="try{setCustomValidity('')}catch(e){}" oninvalid="this.setCustomValidity('Please fill in this field.')" cols="25" rows="9" class="form-control" id="message" name="message"></textarea> </div> </div> <div class="col-sm-12"> <input type="submit" name="send_mail" value="Send message " id="btnContactUs" class="btn btn-primary pull-right btn-new-tab"> </div> </div> </form> </div> </div> </div> </div> </div> </section>
.form{ width:100%; padding-bottom: 20px; } .middlePage { overflow: hidden; width: auto; } .panel-info > .panel-heading { background-color:#00ABE8; color: rgb(255, 255, 255); float: left; width: 100%; } .form-group { margin-top: 20px; } .section-addres { margin: 0; padding: 40px 0 20px; width: 100%; } .col-lft { background: #0d6ebd none repeat scroll 0 0; color: #fff; float: left; font-size: 30px; min-height: 50px; text-align: center; width: 16%; } .col-ryt { margin-left: 25%; }

Related: See More

Questions / Comments: