214 lines
6.0 KiB
HTML
214 lines
6.0 KiB
HTML
<!doctype html>
|
|
<html lang="#CODELANG">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<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">
|
|
|
|
<!-- Google Map -->
|
|
|
|
|
|
</div>
|
|
</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>
|
|
<div class="col-md-4 text-12 hide-mobile" style="padding-left:20px;">
|
|
#DESCRIPTION
|
|
|
|
</div>
|
|
|
|
<div style="clear:both"></div>
|
|
<div class="form__input">
|
|
<textarea class="form-control required" placeholder="Message*" name="message"></textarea>
|
|
</div>
|
|
|
|
<div class="g-recaptcha" data-sitekey="6LfvdRIUAAAAADAANS14vYYrJPZQuZbo9MMtbTgn"></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>
|
|
</form>
|
|
<p class="form-message"><span class="message"></span></p>
|
|
|
|
|
|
<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="http://maps.google.com/maps/api/js?key=AIzaSyALU_RxhZsMoCOu4AEebd6QxoLGBa-kq9k"></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> |