https://geotrek.fr/contact.html

1<!doctype html>
2<html class="no-js" lang="fr">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <title>Geotrek, gérez et valorisez vos sentiers et activités touristiques</title>
7    <meta name="title" content="Geotrek, gérez et valorisez vos sentiers et activités touristiques" />
8    <meta name="description" content="Suite logicielle webmapping composée d’un outil métier SIG, d’un site internet et d’une application mobile" />
9    <meta name="viewport" content="width=device-width, initial-scale=1" />
10    <meta name="keywords" content="geotrek, SIG, logiciel randonnée, application randonnée" />
11
12    <link rel="shortcut icon" href="/assets/img/favicon.ico">
13
14    <meta property="og:title" content="Geotrek-website"/>
15    <meta property="og:url" content="http://geotrek.fr"/>
16    <meta property="og:description" content="Geotrek website"/>
17    <meta property="og:image" content="http://geotrek.fr/assets/img/og-img.png"/>
18
19    <link href='https://fonts.googleapis.com/css?family=Raleway:400,500,700' rel='stylesheet' type='text/css'>
20    <link rel="stylesheet" href="/assets/css/geotrek.css" media="screen">
21
22    <link rel="stylesheet" type="text/css" href="./assets/js/leaflet/leaflet.css"> <!-- leaflet style -->
23    <link rel="stylesheet" type="text/css" href="./assets/js/leaflet/L.Control.Basemaps.css"> <!-- style plugin fond de carte -->
24    <link rel="stylesheet" href="./assets/js/leaflet/Leaflet.Base64Legend-master/L.Control.Base64Legend.css" /> <!-- style plugin l -->
25    <link href='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css' rel='stylesheet' />
26
27  </head>
28  <body class="contact">
29
30    <header class="header header--contact">
31    <nav class="menu" data-menu>
32    <a href="#" class="menu--mobile" data-toggle-menu>
33        <span class="menu__bar"></span>
34        <span class="menu__bar"></span>
35        <span class="menu__bar"></span>
36    </a>
37    <ul class="menu__liste">
38      
39        <li><a href="/index.html" title="Accueil Geotrek" class="menu__liste__item--logo"><img src="/assets/img/logo.svg" alt="Geotrek"></a></li>
40      
41      
42      <li><a class="menu__liste__item " href="/index.html" title="Accueil">Accueil</a></li>
43      
44      <li><a class="menu__liste__item " href="/produit.html" title="Produits">Produits</a></li>
45      
46      <li><a class="menu__liste__item " href="/utilisateurs.html" title="Utilisateurs">Utilisateurs</a></li>
47      
48      <li><a class="menu__liste__item " href="/apropos.html" title="À propos">À propos</a></li>
49      
50      <li><a class="menu__liste__item " href="/rencontres.html" title="Rencontres Geotrek">Rencontres Geotrek</a></li>
51      
52      <li><a class="menu__liste__item " href="/ressources.html" title="Ressources">Ressources</a></li>
53      
54      <li><a class="menu__liste__item menu__liste__item--active" href="/contact.html" title="Contact">Contact</a></li>
55      
56
57      
58      
59      
60      <li class="menu__lang">
61        
62        <a href="/contact-en.html" class="menu__lang__item en">en</a>
63        
64      </li>
65      
66      <li class="menu__lang">
67        
68        <a href="/contact-es.html" class="menu__lang__item es">es</a>
69        
70      </li>
71      
72      <li class="menu__lang">
73        
74        <span class="menu__lang__item fr">fr</span>
75        
76      </li>
77       
78    </ul>
79</nav>
80
81
82    <div class="header__content contact__header">
83        <h1 class="page__title">Créer votre Geotrek ?</h1>
84        <h2 class="page__subtitle">Nos experts sont là pour répondre à vos questions</h2>
85    </div>
86</header>
87
88<section class="contact__content">
89    <div class="grid">
90        <div class="grid__item grid__item--30">
91            <h3 class="title title--medium">Contact</h3>
92            <p>Nous vous invitons à nous donner les grandes lignes de votre projet, et nous nous ferons un plaisir de vous contacter afin de bien saisir vos besoins.</p>
93        </div>
94        <div class="grid__item grid__item--70">
95            <h3 class="title contact__content__title">Parlez-nous de votre projet</h3>
96            <input class="button" type="submit" value="Nous contacter" id="feedback-form"/>
97        </div>
98    </div>
99</section>
100

101<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

101

102<script id="zammad_form_script" src="https://zammad.makina-corpus.net/assets/form/form.js"></script>

102

103<script>
104    $(function() {
105        $('#feedback-form').ZammadForm({
106            messageTitle: 'Formulaire de Contact',
107            messageSubmit: 'Envoyer',
108            messageThankYou: 'Merci pour votre requête  (#%s) ! Nous vous recontacterons dans les meilleurs délais.',
109            modal: true
110        });
111    });
112</script>

112
113
114
115    
116    <footer class="footer">
117    <div class="footer__wrapper">
118        <ul class="footer__sitemap">
119            <li class="footer__sitemap__title">Docs</li>
120            <li><a href="https://geotrek.readthedocs.io" target="_blank">Documentation</a></li>
121            <li><a href="https://www.youtube.com/playlist?list=PLHLOpkozXefCg3gPfCKdmfNqTxG6TAcVH" target="_blank">Tutoriaux</a></li>
122            <li><a href="https://github.com/GeotrekCE/Geotrek-admin/issues" target="_blank">Signaler une erreur</a></li>
123        </ul>
124
125        <ul class="footer__sitemap">
126            <li class="footer__sitemap__title">Communauté</li>
127            <li><a href="https://github.com/GeotrekCE" target="_blank">Développement</a></li>
128            <li><a href="https://weblate.makina-corpus.net" target="_blank">Traduction</a></li>
129            <li><a href="https://groups.google.com/forum/#!forum/geotrek-fr" target="_blank">Forum</a></li>
130            <li><a href="https://matrix.to/#/%23geotrek:matrix.org" target="_blank">Discussion instantanée</a></li>
131        </ul>
132
133        <ul class="footer__sitemap">
134            <li class="footer__sitemap__title">Connexion</li>
135            <li><a href="https://github.com/GeotrekCE" target="_blank">Github</a></li>
136            <li><a href="https://www.linkedin.com/company/geotrek-application" target="_blank">Linkedin</a></li>
137            <li><a href="https://www.youtube.com/playlist?list=PLHLOpkozXefCg3gPfCKdmfNqTxG6TAcVH" target="_blank">Youtube</a></li>
138        </ul>
139
140        <div class="footer__mentions">
141            <a href="contact.html" class="button footer__mentions__button">Nous contacter</a>
142            <div class="mentions__licence">Makina Corpus Territoires 2012-2026<br/>Code sous licence BSD. Docs sous Apache&nbsp;2
143            </div>
144        </div>
145    </div>
146</footer>
147
148    
149
150    

150<script type="text/javascript" src="/assets/js/geotrek.js"></script>

150
151
152    <!-- Google Analytics -->
153    

153<script>

153
154      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
155      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
156      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
157      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
158      ga('create', '

158UA-40919875-1

158', 'auto');
159      ga('send', 'pageview');
160    

160</script>

160
161
162
163  </body>
164</html>