<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 id="contact" class="container-fluid bg-grey well contact"> <div class="row"> <div class="col-sm-5 "> <h2 >Contactez-nous pour plus d'infos :</h2> <h5><span class="glyphicon glyphicon-map-marker dark "></span> <em>Brazzaville, CG</em></h5> <h5><span class="glyphicon glyphicon-phone dark "></span><em> +242 XX-XXX-XX-XX</em></h5> <h5><span class="glyphicon glyphicon-envelope dark "></span><em> nom@gmail.com</em></h5> <h5><span class="glyphicon glyphicon-user dark "></span><em> GENC(Groupe 5)</em></h5> <div class="footer-col col-md-4"> <h4>Reseaux Sociaux</h4> <ul class="list-inline col-sm-2" > <li> <a href="#" class="btn-social btn-outline"><span class="sr-only" >Facebook</span><i class="fa fa-fw fa-facebook" ></i></a> </li> <li> <a href="#" class="btn-social btn-outline"><span class="sr-only">Google Plus</span><i class="fa fa-fw fa-google-plus"></i></a> </li> <li> <a href="#" class="btn-social btn-outline"><span class="sr-only">Twitter</span><i class="fa fa-fw fa-twitter"></i></a> </li> </ul> <ul class="list-inline col-sm-push-3 col-sm-2"> <li> <a href="#" class="btn-social btn-outline"><span class="sr-only">Linked In</span><i class="fa fa-fw fa-linkedin-square"></i></a> </li> <li> <a href="#" class="btn-social btn-outline"><span class="sr-only">Whatsapp</span><i class="fa fa-fw fa-whatsapp"></i></a> </li> <li> <a href="#" class="btn-social btn-outline"><span class="sr-only">Instagram</span><i class="fa fa-fw fa-instagram"></i></a> </li> </ul> </div> </div> <form class="col-sm-5 slideanim" action="#" method="POST" > <fieldset> <legend class="text-center">LAISSEZ-NOUS UN MESSAGE</legend> <div class="row"> <div class="col-sm-push-1 col-sm-5 form-group"> <input class="form-control" id="nom" name="nom" placeholder="Nom" type="text" required> </div> <div class="row"> <div class="col-sm-push-1 col-sm-5 form-group"> <input class="form-control" id="prenom" name="prenom" placeholder="Prenom" type="text" required> </div> <div class="col-sm-6 form-group col-sm-push-3"> <input class="form-control" id="email" name="email" placeholder="Email" type="email" required> </div> </div> <div class="form-group col-sm-12"> <textarea class="form-control" id="message" name="message" placeholder="Message" rows="6"></textarea><br> </div> <div class="row"> <div class="col-sm-12 form-group"> <button class="btn btn-primary pull-right" type="submit">Envoyer</button> </div> </div> </div> </fieldset> </form> </div> </div> </div>