/
home
/
faureele
/
forum
/
pages
/
contact
/
Upload File
HOME
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <title>JUBILE 2018 - FAURE Transport - Emploi</title> <!-- Bootstrap core CSS --> <link href="../../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="../../css/full-slider.css" rel="stylesheet"> <link rel="stylesheet" href="../../css/style.css"> <link rel="stylesheet" href="../../css/pages.css"> <link rel="icon" type="image/png" href="../../favicon.png" /> <link rel="stylesheet" href="../../assets/css/main.css"> <script src='https://www.google.com/recaptcha/api.js'></script> </head> <body> <!-- Navigation --> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <div class="container"> <a class="navbar-brand" href="../../index.php"><img class="logo-ft" src="../../img/logo/FAURETRANSPORT.png" alt=""> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="../../index.php">Accueil</a> </li> <li class="nav-item"> <a class="nav-link" href="../pgm/">Programme</a> </li> <li class="nav-item"> <a class="nav-link" href="../partenariat/">Partenaires</a> </li> <li class="nav-item"> <a class="nav-link" href="../infos/">Infos Pratique </a> </li> <li class="nav-item"> <a class="nav-link" href="../signup/">Inscription</a> </li> <li class="nav-item active"> <a class="nav-link" href="../contact/">Contact</a> <span class="sr-only">(current)</span> </li> </ul> </div> </div> </nav> <header> <!-- One --> <section id="One" class="wrapper style3" style="background-image: url('img/contact.jpg'); background-position:left !important; padding: 14rem 0 10rem 0;"> <div class="inner"> <header class="align-center"> <!-- <p>Le Dimanche 15 avril</p> --> <h1 class="page-h1-img">Contact</h1> </header> </div> </section> </header> <!-- maps --> <section class="py-5 maps-section"> <div class="container"> <h2>Adresse & Carte</h2> <p class="chapo"><strong>FAURE Transport</strong> <br>680 Route d'Heyrieux, Valencin 38540</p> </div> <div class="container"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2791.1046418196584!2d5.046056815858503!3d45.60854107910276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47f4d05a142c46e7%3A0x800d2fa6e01034de!2s680+Route+d'Heyrieux%2C+38540+Valencin!5e0!3m2!1sfr!2sfr!4v1536066215899" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> </div> </section> <!-- Section séparatrice --> <section class="py-5 color-py2"> <div class="container text-center text-white"> <h2 class="chapo">Vous avez une question ?<br> N'hésitez pas à nous contacter via le <a href="#form" title="formulaire">formulaire</a> de contact.</h2> </div> </section> <!-- Page Content --> <section class="py-5" id="form"> <div class="container"> <h2>Formulaire de contact</h2> <!-- Opérationnel le Jeudi 6 Septembre 2018 à 14h30 --> <form id="form_contact" class="form-horizontal" action="form/send.php" method="post"> <div class="row uniform"> <div class="6u 12u$(xsmall)"> <h5>Votre nom* :</h5> <input type="text" name="name" value="" placeholder="Nom*" class="form-control input-contact" id="name_contact" required /> </div> <div class="6u$ 12u$(xsmall)"> <h5>Votre prénom* :</h5> <input type="text" name="firstname" value="" placeholder="Prénom*" class="form-control input-contact" id="firstname_contact" required /> </div> <div class="6u 12u$(xsmall)"> <h5>Votre mail* :</h5> <input type="email" name="mail" value="" placeholder="Mail*" class="form-control input-contact" id="mail_contact" /> </div> <div class="6u$ 12u$(xsmall)"> <h5>Votre téléphone* :</h5> <input id="phone_contact" type="tel" class="form-control input-contact" name="phone" placeholder="Téléphone*" pattern="^((\+\d{1,3}(-| )?\(?\d\)?(-| )?\d{1,5})|(\(?\d{2,6}\)?))(-| )?(\d{3,4})(-| )?(\d{4})(( x| ext)\d{1,5}){0,1}$" title="0680503021" required> </div> <div class="12u$"> <h5>Votre objet* :</h5> <input type="text" name="object" value="" placeholder="Objet*" class="form-control input-contact" id="object_contact" required /> </div> <div class="12u$"> <h5>Votre message* :</h5> <textarea id="textarea_contact" name="message" rows="6" cols="80" class="form-control textarea-contact" placeholder="Message" required></textarea> </div> <div class="12u$" style="display:none;"> <!-- <div class="g-recaptcha" data-sitekey="6LdNCEoUAAAAABRCKZpnd7pWhxLlbSclhwZX16I3"></div> --> <input id="mail" type="email" class="form-control" name="email" placeholder="email@meail.fr" style="color:black;"> </div> <div class="12u$"> <ul class="actions"> <!-- mettre le captcha une fois en ligne avec nom de dommaine --> <div class="g-recaptcha" data-sitekey="6Le4am8UAAAAAI-TEHqei89TfinaDmJp8M-xLm3G"></div> <br><br> <!-- <button class="g-recaptcha" data-sitekey="6LfsAEoUAAAAABXt8nrriW5vVcuQM1Pl1m5BLDAH" data-callback="YourOnSubmitFn" id="valider" name="valider">Valider</button> --> <li><input type="submit" value="Envoyer" name="valide_form_contact" id="valider_contact" class="form-control"/></li> </ul> </div> </div> </form> <!-- <p class="chapo valide_message">Votre message a bien été envoyé, merci.</p> --> <!-- <p class="chapo error_message">Une erreur s'est produite, merci de rééssayer ultérieurement.</p> --> <div id="bloc_errors"> <?php // index.php?error=noname if($_GET['ok'] == "send"){ echo " <div id='openModal' class='modalDialog'> <div> <a href='#openModal' title='Fermer' class='close'>X</a> <h2>Formulaire de contact</h2> <p>Votre mail a bien été envoyé, vous recevrez une réponse rapidement.<br>Merci.</p> <a href='#openModal' title='Fermer' class='close-button'><button type='button' class='btn btn-dark' style='color:white!important;'>Fermer</button></a> </div> </div> "; } if($_GET['ko'] == "send"){ echo " <div id='openModal' class='modalDialog'> <div style='background-color:red !important; color:white!important;'> <a href='#openModal' title='Close' class='close'>X</a> <h2>Formulaire de contact</h2> <p>Une erreur technique est survenue lors de l'envoi de votre message. Veuillez rééssayer ultérieurement.<br>Merci.</p> <a href='#openModal' title='Close' class='close-button'><button>Fermer</button></a> </div> </div> "; } ?> </div> </div> </section> <!-- Scroll to top --> <div class="srcollToTop"> <a href="#" class="scrollup" title="Retour en haut de page"> <i class="fa fa-chevron-circle-up fa-4x" aria-hidden="true"></i> </a> </div> <!-- Footer --> <footer class="py-5 bg-dark"> <div class="container"> <p class="m-0 text-left text-white"></p> <br> <div class="row"> <div class="col-sm text-white border-right-footer bloc-div-footer"> <h4 class="text-center">Liens du site</h4> <ul> <li><a href="/pages/pgm/" target="_blank" title="page le programme" class="nav-footer-link">Découvrez le programme de la journée</a></li> <li><a href="/pages/partenariat/" target="_blank" title="page nos partenaires" class="nav-footer-link">Nos partenaires de l'évènement</a></li> <li><a href="/pages/infos/" target="_blank" title="page infos pratique" class="nav-footer-link">Infos Pratique</a></li> <li><a href="/pages/signup/" target="_blank" title="page inscription" class="nav-footer-link">Inscrivez-vous sans attendre !</a></li> <li><a href="/pages/contact/" target="_blank" title="page contact" class="nav-footer-link">Contactez-nous !</a></li> </ul> </div> <div class="col-sm text-white bloc-div-footer"> <h4 class="text-center">Liens utiles</h4> <ul> <li><a href="http://www.fauretransport.fr/" target="_blank" title="page FAURE Transport" class="nav-footer-link">FAURE Transport</a></li> <li><a href="https://www.pole-emploi.fr/annuaire/villefontaine-38171" target="_blank" title="page pôle-emploi" class="nav-footer-link">Pôle-Emploi Villefontaine</a></li> </ul> </div> </div> <p class="m-0 text-center text-white"> © <?php echo date("Y"); ?> FAURE TRANSPORT</p> </div> <!-- /.container --> </footer> <!-- Bootstrap core JavaScript --> <script src="../../vendor/jquery/jquery.min.js"></script> <script src="../../assets/js/scrollup.js"></script> <script src="../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script type="text/javascript"> $(function(){ $('#body').click(function(){ $('#closemodal').hide() // AFFICHE ET CACHE A CHAQUE CLIQUE SUR LE BOUTTON }); }); </script> </body> </html>