CINXE.COM
<!DOCTYPE html> <html lang="en" dir=""> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title></title> <link rel="alternate" hreflang="en" href="/en/contact/"/> <link rel='stylesheet' id='style-main-css' href="../../assets/css/style.css" type='text/css' media='all' /> <link rel='stylesheet' href="../../assets/css/contact-form.css" type='text/css' media='all' /> <link rel='stylesheet' id='fonts-css' href="../../assets/css/fonts/fonts.css" type='text/css' media='all' /> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script type='text/javascript' src="../../assets/js/sparna.js"></script> <!-- Jetpack Open Graph Tags --> <meta property="og:type" content="website" /> <meta property="og:title" content="Sparna" /> <meta property="og:description" content="Web de donn茅es | Architecture de l'informations | Acc猫s aux connaissances" /> <meta property="og:url" content="http://www.sparna.fr/" /> <meta property="og:site_name" content="Sparna" /> <meta property="og:image" content="../../assets/images/logo.png" /> <meta property="og:locale" content="en" /> <meta name="twitter:card" content="summary" /> </head> <body class="page page-id-2 page-template-default"> <div class="interieur"> <header id="header"> <div id="logo"><a href="/fr" title = "Sparna"><img src="../../assets/images/logo.png" alt = "" /></a></div> <nav id = "menu"> <div class="menu-menu-principal-container"> <ul id="menu-menu-principal" class="nav-menu"> <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page page_item page-item-46 menu-item-48"><a href="/en/">Home</a></li> <li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="/en/references">Use cases</a></li> <li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="/en/formations">Training offers</a></li> <li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10"><a href="/en/team">The team</a></li> <li id="menu-item-9" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9"><a href="/en/contact">Contact</a></li> <li id="menu-item-50" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-50"><a href="http://blog.sparna.fr" target="_blank">Blog</a></li> <li> <div class="menu-menu-principal-container"> <a href="/fr/contact/" lang="fr" hreflang="fr"><img src="/assets/images/FR.png" alt =""/></a> </div> </li> </ul> </div> </nav> </header> <section id = "contenu"> <h1>Contact <br/>Us</h1> <h2>Have a question ?</h2> <p>Would you like to find out more about our training courses and references? Do you have a business problem related to web data? Just want to say hello? <strong>Use the form below</strong>, it sends me an e-mail, and I'll get back to you as soon as possible!</p> <script src="https://www.google.com/recaptcha/api.js"></script> <div role="form" class="wpcf7" id="wpcf7-f43-o1" lang="fr-FR" dir="ltr"> <div class="screen-reader-response"></div> <form name="" action="" id="contact-form" method="post" class="wpcf7-form"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="43"> <input type="hidden" name="_wpcf7_version" value="4.2"> <input type="hidden" name="_wpcf7_locale" value="fr_FR"> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f43-o1"> <input type="hidden" name="_wpnonce" value="10bba91abe"> </div> <p> <label>Last name / First name <span>(*)</span> :</label> <span class="wpcf7-form-control-wrap your-name"> <input type="text" name="your-name" id="name-input" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="(*) required" required> </span> </p> <p> <label>Email <span>(*)</span> :</label> <span class="wpcf7-form-control-wrap your-email"> <input type="email" name="your-email" id="email-input" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="(*) required" required> </span> </p> <p> <label>Subject <span>(*)</span> :</label> <span class="wpcf7-form-control-wrap your-subject"> <input type="text" name="your-subject" id="subject-input" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="(*) required" required> </span> </p> <p> <label>Message <span>(*)</span> :</label> <span class="wpcf7-form-control-wrap your-message"> <textarea name="your-message" id="description-input" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="(*) required" required></textarea> </span> </p> <p> <input type="submit" id="submit" onClick="submitToAPI(event)" value="Envoyer" class="wpcf7-form-control wpcf7-submit"> <img class="ajax-loader" src="http://www.sparna.fr/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Envoi en cours ..." style="visibility: hidden;"> </p> <div id="msgReponse" class="wpcf7-response-output"></div> <div class="wpcf7-response-output wpcf7-display-none"></div> </form> </div> <!-- for call the function AWS--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> // function send email function submitToAPI(e) { e.preventDefault(); // Section of validation // Name var Namere = /[A-Za-z]{1}[A-Za-z]/; if (!Namere.test($("#name-input").val())) { alert ("Le nom ne peut pas contenir moins de 2 caract猫res"); return; } // Email validation if ($("#email-input").val()=="") { alert ("Veuillez entrer votre email"); return false; } var reeamil = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,6})?$/; if (!reeamil.test($("#email-input").val())) { alert ("Veuillez entrer une adresse e-mail valide"); return false; } // Subject validation if ($("#subject-input").val()=="") { alert ("Entrez votre sujet"); return false; } // Message validation if ($("#description-input").val()=="") { alert ("Entrer votre message......"); return false; } // All is OK - execeute send email var URL = "https://lyy1bpmcy3.execute-api.eu-central-1.amazonaws.com/v1/sparna_email_forward"; var name = $("#name-input").val(); var email = $("#email-input").val(); var subject = $("#subject-input").val(); var desc = $("#description-input").val(); var data = { name : name, email : email, subject : subject, desc : desc }; $.ajax({ type: "POST", // The URL is from API Gateway url : URL, dataType: "json", crossDomain: "true", contentType: "application/json; charset=utf-8", data: JSON.stringify(data), success: function (result) { const alertMessage = document.getElementById("msgReponse"); const wrapper = document.createElement('div'); wrapper.id = "alertMsg"; const img_test = "<img class=\"aligncenter wp-image-10 size-full\" src=\"../../assets/images/contact_qui.png\" alt=\"\">"; wrapper.innerHTML = ['<div>',' <div>'+img_test+' '+'E-mail envoy茅 avec succ猫s, Appuyez sur le botton pour sortir <button type="button" onClick="btnClose(event)" class="wpcf7-form-control">Fermer</button></img></div>','</div>'].join(''); alertMessage.append(wrapper); }, error: function() { const alertMessage = document.getElementById("msgReponse"); const wrapper = document.createElement('div'); wrapper.id = "alertMsg"; const img_test = "<img class=\"aligncenter wp-image-10 size-full\" src=\"../../assets/images/logo.png\" alt=\"\">"; wrapper.innerHTML = ['<div>',' <div>'+img_test+' '+'Il y a eu a probleme pour envoyer l\'e-mail, Appuyez sur le botton pour sortir <button type="button" onClick="btnClose(event)" class="wpcf7-form-control">Fermer</button></img></div>','</div>'].join(''); alertMessage.append(wrapper); //show an error message //alert("UnSuccessfull"); } }); } function btnClose(e) { document.getElementById("contact-form").reset(); location.reload(); document.getElementById("msgReponse").reset() } /* const check_name = document.getElementById("#name-input"); if (!check_name.checkValidity() || check_name.value === null) { alert(check_name.validationMessage); btnClose(event); } */ </script> <div id="carte"> <img src="../../assets/images/carte.png " alt=""> <h3>Sparna Tours</h3> <p>30 rue Andr茅 Theuriet<br>37000 Tours</p> </div> </section> </div> <footer id = "footer"> <div class = "interieur"> <section class = "colonne"> <div class="menu-menu-principal-container"> <ul id="menu-menu-principal-1" class="nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page page_item page-item-46 menu-item-48"><a href="/">Home</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="/en/references">Use cases</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="/en/formations">Training offers</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10"><a href="/en/qui-suis-je">The team</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9"><a href="/en/contact">Contact</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-50"><a href="http://blog.sparna.fr" target="_blank">Blog</a></li> </ul> </div> </section> <section class = "colonne double"></section> <section class = "colonne double"> <h5><a class="rsswidget" href="http://blog.sparna.fr/feed"><img style="border:0" width="14" height="14" src="../../assets/images/rss.png " alt="RSS"></a> <a class="rsswidget" href="http://blog.sparna.fr/">Last articles from the blog</a></h5> <ul> <li><a href="https://blog.sparna.fr/2024/01/15/cordis-a-sparql-endpoint-is-born/">CORDIS : a SPARQL endpoint is born聽!</a></li> <li><a href="https://blog.sparna.fr/2023/03/13/2013-2023-tis-skosplays-birthday/">2013-2023聽: 鈥楾is SKOSPlay!鈥檚 Birthday聽!</a></li> <li><a href="https://blog.sparna.fr/2022/10/31/sparnatural-a-semweb-pro-2022-le-8-novembre/">Sparnatural 脿 SemWeb.pro 2022 le 8 novembre</a></li> <li><a href="https://blog.sparna.fr/2022/10/18/dashboards-from-sparql-knowledge-graphs-using-looker-studio-google-data-studio/">Dashboards from SPARQL knowledge graphs using Looker Studio (Google Data Studio)</a></li> <li><a href="https://blog.sparna.fr/2022/07/20/clean-json-ld-from-rdf-using-framing/">Clean JSON(-LD) from RDF using Framing</a></li> </ul> </section> </div> </footer> </body> </html>