"Contact Form"
Bootstrap 3.0.0 Snippet by kastya

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 id="Contact-form"> <br> <div class="container"> <div class="contact-header" align="center"> <h2>Cotact Form</h2> <p>Lorem ipsum dolor sit amet</p> </div> <!-- Form --> <form> <div class="row"> <div class="col-md-4 col-sm-4"> <h4 align="center"><strong>Company Name,</strong></h4> <p align="center"><strong>Address:</strong> Abcd, Near XYZ,<br>Country<br><br><strong>Contact:</strong> +91-123456987</p> </div> <div class="col-md-4 col-sm-4 "> <div class="form-group"> <label for="exampleInputUsername">Name</label> <input type="email" class="form-control" id="exampleInputUsername" placeholder=" Enter Your Name"> </div> <div class="form-group"> <label for="exampleInputEmailId">Email-id</label> <input type="password" class="form-control" id="exampleInputEmailId" placeholder="Enter email-id"> </div> <div class="form-group"> <label for="exampleInputnumber">Mobile-no</label> <input type="password" class="form-control" id="exampleInputnumber" placeholder="Enter 10 Digit Mobile-no "> </div> </div> <div class="col-md-4 col-sm-4"> <div class="form-group"> <label for="exampleInputtext">Subject</label> <input type="password" class="form-control" id="exampleInputtext" placeholder="Enter Message title"> </div> <div class="form-group"> <label for="inputMessage">Message</label> <textarea class="form-control" for="inputMessage" placeholder="Enter Your Message"></textarea> </div> <div> <button type="button" class="btn btn-md btn-default submit"><i class="fa fa-paper-plane" aria-hidden="true"></i> Submit Message</button> </div> <br> </div> </div> </form> </section>
/*topography*/ h1,h2,h3,h4{ font-family: 'Mirza', cursive; } p,label{ font-family: 'Roboto', sans-serif; } .navbar{ font-family: 'Roboto', sans-serif; } #Contact-form{ margin: 0px; padding: 0px; width: 100%; background: #383838; color: #fff; } form{ margin: 30px auto; } textarea.form-control { height: 135px; } .submit{ width: 150px; } /*Footer*/ footer{ background: #E6E6E6; height: 80px; width: 100vw; } .brand-name { padding-top: 30px; } footer .fa{ font-size: 22px; } .social{ padding-top: 30px; } .fa-space{ padding-left: 20px; } /*Media Queries*/ @media (max-width: 460px){ footer{ height: 120px; } .social{ padding-top: 10px; float: left; text-align: center; } }

Related: See More


Questions / Comments: