"Contact form"
Bootstrap 3.3.0 Snippet by quaisar

<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"> <form name="frm1" method="post" action=""> <div class="form-part"> <ul> <li> <div class="form-group shaddow"> <div class="input-group"> <span class="input-group-addon no-radius"><i class="fa fa-user"></i></span> <input type="text" class="form-control no-radius" aria-describedby="inputGroupSuccess1Status" placeholder="Name*" name="fname" required="required"> </div> </div> </li> <li> <div class="form-group"> <div class="input-group shaddow"> <span class="input-group-addon no-radius"><i class="fa fa-envelope"></i></span> <input type="text" required="required" name="femail" placeholder="Email*" aria-describedby="inputGroupSuccess1Status" class="form-control no-radius"> </div> </div> </li> <li> <div class="form-group"> <div class="input-group shaddow"> <span class="input-group-addon no-radius"><i class="fa fa-mobile"></i></span> <input type="text" class="form-control no-radius" aria-describedby="inputGroupSuccess1Status" placeholder="Phone*" name="fphone" required="required"> </div> </div> </li> <li> <textarea placeholder="Message*" rows="3" class="form-control no-radius shaddow"></textarea> </li> <li> <input type="submit" class="btn submit-btn shaddow" value="Send"> </li> </ul> </div> </form> </div> </div>
li{ list-style:none; } .submit-btn{ margin-top: 20px; border-radius: 0px; background: rgb(255,0,0); color: #ccc; } .fa-mobile{ font-size: 20px; } input[type="text"]{ border-radius: 0px; } textArea{ border-radius: 0px; resize: vertical; } .input-group-addon{ border-radius: 0px; color: rgb(255,0,0); }

Related: See More


Questions / Comments: