215 lines
6.5 KiB
HTML
215 lines
6.5 KiB
HTML
<!doctype html>
|
|
<html lang="#CODELANG">
|
|
|
|
|
|
|
|
<head>
|
|
#INCLURE "template/gtag.html"
|
|
|
|
<THELIA_SEO type="seo" dossier="#DOSSIER_ID">
|
|
<title>#TITRE</title>
|
|
<meta name="description" content="#METADESC" />
|
|
</THELIA_SEO>
|
|
|
|
|
|
#INCLURE "template/meta.html"
|
|
<script src='https://www.google.com/recaptcha/api.js'></script>
|
|
</head>
|
|
<body class="page-nous-contacter">
|
|
|
|
<div id="page-wrapper">
|
|
|
|
|
|
<a href="./" id="site-logo" class="logo-cube-wrap">
|
|
<img src="template/img/logo-dark.png"/>
|
|
</a>
|
|
|
|
#INCLURE "template/header.html"
|
|
|
|
<div class="pane pane--left" data-pane="left">
|
|
<div class="pane__inner pane-header pane-header--about">
|
|
<!-- <div class="bg-vid gmap" style="background-image: url(#FICHIER)" data-address="3 rue Saint-Charles 75015 Paris">-->
|
|
<!-- </div>-->
|
|
<img src="template/img/google-map.jpg" style="">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="pane pane--right" data-pane="right">
|
|
<div class="pane__inner allow-scroll">
|
|
<div class="pane__content content-container section section--contact">
|
|
<div class="section__content section__content--full">
|
|
|
|
|
|
<THELIA_DOSSIER type="DOSSIER" id="#DOSSIER_ID">
|
|
<div class="section__main section-offset">
|
|
<h2 class="section__title h3 text-uppercase ">#TITRE</h2>
|
|
|
|
|
|
|
|
|
|
<TEST_ex1 variable="#ENV{action}" test="egal" valeur="contact">
|
|
::merci::
|
|
</TEST_ex1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<form action="" method="post">
|
|
<input type="hidden" name="action" value="contact" />
|
|
<input type="hidden" name="formulaire" value="nous-contacter" />
|
|
|
|
<div class="col-md-8">
|
|
<div class="form__input">
|
|
<label for="form--contact__name" class="sr-only">Société*</label>
|
|
<input class="form-control required" name="societe" type="text" placeholder="Société*" required>
|
|
</div>
|
|
<div class="form__input">
|
|
<label for="form--contact__name" class="sr-only">Fonction*</label>
|
|
<input class="form-control required" name="fonction" type="text" placeholder="Fonction*" required>
|
|
</div>
|
|
|
|
<div class="form__input">
|
|
<label for="form--contact__name" class="sr-only">Nom, Prénom*</label>
|
|
<input class="form-control required" name="nom" type="text" placeholder="Nom, Prénom*" required>
|
|
</div>
|
|
|
|
<div class="form__input">
|
|
<label for="form--contact__name" class="sr-only">Email*</label>
|
|
<input class="form-control required" name="email" type="text" placeholder="Email*" required>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div style="clear:both"></div>
|
|
<div class="form__input">
|
|
<textarea class="form-control required" placeholder="Message*" name="message"></textarea>
|
|
</div>
|
|
|
|
|
|
<div id="example3"></div>
|
|
|
|
|
|
|
|
<button class="form__submit btn btn-submit btn-lg" id="contact-submit" type="submit">
|
|
<span class="form__submit__val"><span>::envoyer::</span></span>
|
|
<span class="form__submit__thanks">Thanks! We'll be in touch</span>
|
|
</button>
|
|
<div style="clear:both"></div>
|
|
|
|
<div class="g-recaptcha" data-sitekey="6LfvdRIUAAAAADAANS14vYYrJPZQuZbo9MMtbTgn"></div>
|
|
|
|
|
|
|
|
</form>
|
|
<p class="form-message"><span class="message"></span></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 text-12 hide-mobile" style="padding-left:20px;">
|
|
#DESCRIPTION
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-4 text-12 hide-desktop">
|
|
|
|
<div style="clear:both"></div>
|
|
|
|
<br/> <br/>
|
|
#DESCRIPTION
|
|
|
|
</div>
|
|
|
|
<//TEST_ex1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</THELIA_DOSSIER>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
#INCLURE "template/footer.html"
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
$(document).on('submit', 'form', function(){
|
|
|
|
|
|
var response = grecaptcha.getResponse();
|
|
|
|
|
|
|
|
if (response.length==0){
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<!--<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyAkr2nRW4omYz4xCD0-DQdHPilpPO6T8u0"></script>-->
|
|
<!--<script src="template/js/gmap3.js"></script>-->
|
|
|
|
<!--<script type="text/javascript">-->
|
|
|
|
<!--$(document).ready( function(){-->
|
|
<!--initGmap();-->
|
|
<!--function initGmap(){-->
|
|
<!--var maplocation = $(".gmap").attr("data-address");-->
|
|
<!--jQuery(".gmap").gmap3({-->
|
|
<!--marker: {-->
|
|
<!--address: maplocation,-->
|
|
<!--options: {-->
|
|
<!--icon: "template/img/map-pin.png"-->
|
|
<!--}-->
|
|
<!--},-->
|
|
<!--map:{-->
|
|
<!--options:{-->
|
|
<!--zoom: 17,-->
|
|
<!--zoomControl: true,-->
|
|
<!--mapTypeControl: false,-->
|
|
<!--scaleControl: false,-->
|
|
<!--scrollwheel: false,-->
|
|
<!--navigationControl: true,-->
|
|
<!--streetViewControl: false,-->
|
|
<!--draggable: true,-->
|
|
<!--styles: [-->
|
|
<!--{-->
|
|
<!--"featureType":"all",-->
|
|
<!--"elementType":"all",-->
|
|
<!--"stylers":[-->
|
|
<!--{ "saturation":"-70" }-->
|
|
<!--]-->
|
|
<!--}]-->
|
|
<!--}-->
|
|
<!--}-->
|
|
<!--});-->
|
|
<!--}-->
|
|
<!--});-->
|
|
<!--</script>-->
|
|
|
|
</body>
|
|
</html> |