"CONTACT FORM"
Foundation 6.3.1 Snippet by testing223

<link href="//cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/foundation.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <section class="docto4 fixview" id="contactnos" > <div class="container" style="background-color: #e0dae2;max-width: 100%"> <h1 style="text-align: center;font-weight: bold;" >CONTACT US</h1><br> <div class="row" style="padding: 1%;" > <div class="col-md-12" > <div class="well well-sm" > <form > <div class="row" > <div class="col-md-12" > <div class="form-group"> <label for="name"> Nom et Prénom</label> <div class="input-group"> <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span> </span> <input type="text" class="form-control" id="name" placeholder="Nom et Prénom" required="required" /> </div></div> <div class="form-group"> <label for="email"> Adresse e-mail </label> <div class="input-group"> <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span> </span> <input type="email" class="form-control" id="email" placeholder="Entrer un email" required="required" /></div> </div> <div class="form-group"> <label for="subject"> Sujet </label> <div class="input-group"> <span class="input-group-addon"><span class="glyphicon glyphicon-hand-up"></span> </span> <select id="subject" name="subject" class="form-control" required="required"> <option value="na" selected="">Choisissez-en un: </option> <option value="service">Service clientèle général</option> <option value="suggestions">Suggestions</option> <option value="product">autres</option> </select> </div> </div></div><br><br> <div class="col-md-12"> <div class="form-group"> <label for="name"> Message</label> <textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required" placeholder="Message"></textarea> </div> </div> <div class="col-md-12" > <button type="submit" class="btn btn-primary pull-right" id="btnContactUs" style="text-align: center;"> Envoyer le message</button> </div> </div> </form> </div> </div> </div> </div> </section>
.fixview::before { display: block; height: 55px; content: ""; }

Related: See More


Questions / Comments: