Initial commit
This commit is contained in:
225
www/template/nous-contacter.html
Normal file
225
www/template/nous-contacter.html
Normal file
@@ -0,0 +1,225 @@
|
||||
<!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 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="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>
|
||||
Reference in New Issue
Block a user