https://www.daniel-moquet.fr/prendre-rendez-vous

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4    <meta charset="UTF-8">
5    <meta http-equiv=X-UA-Compatible content="ie=edge">
6    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>
7    <title>Daniel Moquet, le spécialiste de vos extérieurs</title>
8    <link rel="preconnect" href="https://fonts.googleapis.com">
9    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;900&display=swap" rel="stylesheet">
11            <link rel="apple-touch-icon" sizes="57x57" href="/funnel-rdv/public/img/apple-icon-57x57_dm3r.png">
12        <link rel="apple-touch-icon" sizes="60x60" href="/funnel-rdv/public/img/apple-icon-60x60_dm3r.png">
13        <link rel="apple-touch-icon" sizes="72x72" href="/funnel-rdv/public/img/apple-icon-72x72_dm3r.png">
14        <link rel="apple-touch-icon" sizes="76x76" href="/funnel-rdv/public/img/apple-icon-76x76_dm3r.png">
15        <link rel="apple-touch-icon" sizes="114x114" href="/funnel-rdv/public/img/apple-icon-114x114_dm3r.png">
16        <link rel="apple-touch-icon" sizes="120x120" href="/funnel-rdv/public/img/apple-icon-120x120_dm3r.png">
17        <link rel="apple-touch-icon" sizes="144x144" href="/funnel-rdv/public/img/apple-icon-144x144_dm3r.png">
18        <link rel="apple-touch-icon" sizes="152x152" href="/funnel-rdv/public/img/apple-icon-152x152_dm3r.png">
19        <link rel="apple-touch-icon" sizes="180x180" href="/funnel-rdv/public/img/apple-icon-180x180_dm3r.png">
20        <link rel="icon" type="image/png" sizes="192x192" href="/funnel-rdv/public/img/android-icon-192x192_dm3r.png">
21        <link rel="icon" type="image/png" sizes="32x32" href="/funnel-rdv/public/img/favicon-32x32_dm3r.png">
22        <link rel="icon" type="image/png" sizes="96x96" href="/funnel-rdv/public/img/favicon-96x96_dm3r.png">
23        <link rel="icon" type="image/png" sizes="16x16" href="../public/img/favicon-16x16_dm3r.png">
24        <link rel="manifest" href="/funnel-rdv/public/img/manifest-fb5be1a92e02be9d59ad.json">
25    <meta name="msapplication-TileColor" content="#ffffff">
26    <meta name="msapplication-TileImage" content="/funnel-rdv/public/img/ms-icon-144x144-e412979d861b948dedc3.png">
27    <meta name="theme-color" content="#ffffff">
28    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
29    

29<script>
30      ! function(e, t, a, n, g) {
31        e[n] = e[n] || [], e[n].push({
32          "gtm.start": (new Date).getTime(),
33          event: "gtm.js"
34        });
35        var m = t.getElementsByTagName(a)[0],
36          r = t.createElement(a);
37        r.async = !0, r.src = "https://www.googletagmanager.com/gtm.js?id=GTM-M8Z8KD6", m.parentNode.insertBefore(r, m)
38      }(window, document, "script", "dataLayer")
39    </script>

39
40    <link href="https://www.daniel-moquet.fr/funnel-rdv/dist/styles/styles__moquet-formulaires.css?v=27012026" rel="stylesheet">
41    <link href="https://www.daniel-moquet.fr/funnel-rdv/dist/styles/loading.min.css" rel="stylesheet">
42    <link rel="stylesheet" type="text/css" href="https://www.daniel-moquet.fr/dist/css/AutoCompleteCity.min.css" media="all"/>
43    <link rel="stylesheet" href="https://www.daniel-moquet.fr/funnel-rdv/dist/css/intl-tel-input/21.2.7/intlTelInput.min.css?t=20240429_1736">
44</head>
45    <body class="moquet-funnel">

46<script>
47    window.avDataLayer = window.avDataLayer|| [];
48    window.avtag = window.avtag ||
49        function(_cmd,_p){window.avDataLayer.push({cmd:_cmd,p:_p});};
50    avtag('init', {id:'danielmoquet'});
51</script>

51

52<script async src="https://static.avads.net/avtag.min.js"></script>

52<header class="moquet-funnel__header">
53
54    <div class="moquet-funnel__header__logo">
55        <a href="https://www.daniel-moquet.fr">
56            <img class="logo__daniel-moquet" src="https://www.daniel-moquet.fr/funnel-rdv/public/img/logo-daniel-moquet-e2141438cbc0b13bebc4.png" alt="Daniel Moquet le spécialiste de vos extérieurs">
57        </a>
58        <div class="moquet-funnel__logoSplit">
59            <a id="num-vert" href="tel:0800500045" class="numVert">
60                <span class="horaires">Du lundi au vendredi, de 9H à 19H</span>
61                <img class="svg" src="https://www.daniel-moquet.fr/funnel-rdv/public/img/numero-vert-daniel-moquet-c782a617b3c303225055.png" alt="">
62                <span class="fixe">Appel gratuit depuis un poste fixe</span>
63            </a>
64        </div>
65    </div>
66
67</header>
68<div class="moquet-funnel__form__outer">
69
70        <form class="u-form-standard moquet-funnel__form" method="POST" action="/prendre-rendez-vous?step=2" data-interact="form" id="formRdvTelDoc">
71        <input type="hidden" value="rdv" name="origine" id="origineForm">
72        <div class="moquet-funnel__form__inside">
73            <div class="moquet-funnel__form__corpus">
74                                <h1 class="title title--niv1">Je prends <strong>rendez-vous</strong></h1>
75
76                <div class="moquet-funnel__form__steps">
77                    <span data-step-ariane="1" class="moquet-funnel__form__steps__link moquet-funnel__form__steps__link--active">1. Projet</span>
78                    <span data-step-ariane="2" class="moquet-funnel__form__steps__link">2. Coordonnées</span>
79                    <span data-step-ariane="3" class="moquet-funnel__form__steps__link">3. Rendez-vous</span>
80                    <span data-step-ariane="4" class="moquet-funnel__form__steps__link">4. Confirmation</span>
81                </div>
82                <div class="moquet-funnel__step" data-step="1">
83
84    <h2 class="title title--niv2">Mon projet concerne</h2>
85
86        <div class="message">
87    <span class="message__icon"><svg class="svg__info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M14.65 18H3.35A3.35 3.35 0 0 1 0 14.65V3.35C0 1.5 1.5 0 3.35 0h11.3C16.5 0 18 1.5 18 3.35v11.3C18 16.5 16.5 18 14.65 18ZM3.35 1.45a1.9 1.9 0 0 0-1.9 1.9v11.3c0 1.05.85 1.9 1.9 1.9h11.3a1.9 1.9 0 0 0 1.9-1.9V3.35a1.9 1.9 0 0 0-1.9-1.9H3.35Z"/><path d="M9.1 8.16c.36 0 .65.24.65.54v3.87c0 .3-.29.54-.65.54s-.65-.24-.65-.54V8.7c0-.3.29-.54.65-.54ZM9.1 5.04c.36 0 .65.27.65.61v.56c0 .34-.29.61-.65.61s-.65-.27-.65-.61v-.56c0-.34.29-.61.65-.61Z"/></svg>
88</span>
89    <span class="message__label">Vous pouvez choisir plusieurs projets</span>
90</div>
91
92<div class="moquet-funnel__step__domaine moquet-funnel__step__domaine--picto">
93    <div class="moquet-funnel__form__choices mb-40">
94                                    <label for="terrasse" class="moquet-funnel__form__choice moquet-funnel__form__choice--allees">
95                    <input
96                        id="terrasse"
97                        data-watch="checkboxNeed"
98                        type="checkbox"
99                        name="besoin-allees[]"
100                        value="terrasse"
101                                                    required
102                    />
103                    <span class="moquet-funnel__form__choice__label">
104                    <img src="funnel-rdv/public/img/formulaire/terrasse.svg" alt="">
105                    <span>Terrasse, Plage de piscine</span>
106                </span>
107                </label>
108                            <label for="cour-allees" class="moquet-funnel__form__choice moquet-funnel__form__choice--allees">
109                    <input
110                        id="cour-allees"
111                        data-watch="checkboxNeed"
112                        type="checkbox"
113                        name="besoin-allees[]"
114                        value="cour-allees"
115                                                    required
116                    />
117                    <span class="moquet-funnel__form__choice__label">
118                    <img src="funnel-rdv/public/img/formulaire/cour-allees.svg" alt="">

119                    <span>Cour, Allée</span>
120                </span>
121                </label>
122                                                <label for="pergola-store-banne" class="moquet-funnel__form__choice moquet-funnel__form__choice--clotures">
123                    <input
124                        id="pergola-store-banne"
125                        data-watch="checkboxNeed"
126                        type="checkbox"
127                        name="besoin-clotures[]"
128                        value="pergola-store-banne"
129                                                    required
130                    />
131                    <span class="moquet-funnel__form__choice__label">
132                    <img src="funnel-rdv/public/img/formulaire/pergola-store-banne.svg" alt="">
133                    <span>Pergola, Store Banne</span>
134                </span>
135                </label>
136                            <label for="carport" class="moquet-funnel__form__choice moquet-funnel__form__choice--clotures">
137                    <input
138                        id="carport"
139                        data-watch="checkboxNeed"
140                        type="checkbox"
141                        name="besoin-clotures[]"
142                        value="carport"
143                                                    required
144                    />
145                    <span class="moquet-funnel__form__choice__label">
146                    <img src="funnel-rdv/public/img/formulaire/carport.svg" alt="">
147                    <span>Carport</span>
148                </span>
149                </label>
150                            <label for="portail-cloture" class="moquet-funnel__form__choice moquet-funnel__form__choice--clotures">
151                    <input
152                        id="portail-cloture"
153                        data-watch="checkboxNeed"
154                        type="checkbox"
155                        name="besoin-clotures[]"
156                        value="portail-cloture"
157                                                    required
158                    />
159                    <span class="moquet-funnel__form__choice__label">
160                    <img src="funnel-rdv/public/img/formulaire/portail-cloture.svg" alt="">
161                    <span>Portail, Clôture</span>
162                </span>
163                </label>
164                                                <label for="entretien-du-jardin" class="moquet-funnel__form__choice moquet-funnel__form__choice--jardins">
165                    <input
166                        id="entretien-du-jardin"
167                        data-watch="checkboxNeed"
168                        type="checkbox"
169                        name="besoin-jardins[]"
170                        value="entretien-du-jardin"
171                                                    required
172                    />
173                    <span class="moquet-funnel__form__choice__label">
174                    <img src="funnel-rdv/public/img/formulaire/entretien-du-jardin.svg" alt="">
175                    <span>Entretien du jardin</span>
176                </span>
177                </label>
178                            <label for="amenagement-du-jardin" class="moquet-funnel__form__choice moquet-funnel__form__choice--jardins">
179                    <input
180                        id="amenagement-du-jardin"
181                        data-watch="checkboxNeed"
182                        type="checkbox"
183                        name="besoin-jardins[]"
184                        value="amenagement-du-jardin"
185                                                    required
186                    />
187                    <span class="moquet-funnel__form__choice__label">
188                    <img src="funnel-rdv/public/img/formulaire/amenagement-du-jardin.svg" alt="">
189                    <span>Aménagement du jardin</span>
190                </span>
191                </label>
192                            <label for="creation-gazon" class="moquet-funnel__form__choice moquet-funnel__form__choice--jardins">
193                    <input
194                        id="creation-gazon"
195                        data-watch="checkboxNeed"
196                        type="checkbox"
197                        name="besoin-jardins[]"
198                        value="creation-gazon"
199                                                    required
200                    />

201                    <span class="moquet-funnel__form__choice__label">
202                    <img src="funnel-rdv/public/img/formulaire/creation-gazon.svg" alt="">
203                    <span>Création gazon</span>
204                </span>
205                </label>
206                                                <label for="spa" class="moquet-funnel__form__choice moquet-funnel__form__choice--piscines">
207                    <input
208                        id="spa"
209                        data-watch="checkboxNeed"
210                        type="checkbox"
211                        name="besoin-piscines[]"
212                        value="spa"
213                                                    required
214                    />
215                    <span class="moquet-funnel__form__choice__label">
216                    <img src="funnel-rdv/public/img/formulaire/spa.svg" alt="">
217                    <span>Piscine et Spa</span>
218                </span>
219                </label>
220                        </div>
221</div>
222
223    <div class="moquet-funnel__form__input">
224        <label for="besoin-message">Message complémentaire</label>
225        <textarea name="besoin-message" id="besoin-message" cols="30" rows="10"></textarea>
226    </div>
227
228    <input type="hidden" name="step" value="2"/>
229
230    <div class="moquet-funnel__messages" data-interact="funnel-messages"></div>
231
232    <div class="moquet-funnel__step__validate">
233        <input type="hidden" name="stepsubmitted" value="1">
234                <button data-checked="0" data-interact="btn-submit-step-1" class="button-nav-step button-nav-step--next">
235            Suivant (Mes coordonnées)
236        </button>
237    </div>
238</div>
239
240<!-- JS POUR LES BESOINS AVEC CHECKBOXES CACHEES -->

241<script type="text/javascript">
242  window.addEventListener('load', e => {
243    const checkboxesNeed = document.querySelectorAll('[data-watch="checkboxNeed"]');
244    const nbNeedChecked = Array.from(document.querySelectorAll('[data-step="1"] input[type="checkbox"]:checked')).length;
245    let checkedNeed = nbNeedChecked;
246
247    function removeRequiredCheckboxesNeed() {
248      Array.from(checkboxesNeed).map(checkb => {
249        (checkedNeed > 0 || nbNeedChecked > 0) ? checkb.removeAttribute('required') : checkb.setAttribute('required', 'true');
250      })
251    }
252
253    for (const checkboxNeed of Array.from(checkboxesNeed)) {
254      checkboxNeed.addEventListener('change', e => {
255        e.preventDefault();
256        checkedNeed = e.currentTarget.checked ? checkedNeed + 1 : checkedNeed - 1;
257        removeRequiredCheckboxesNeed();
258      })
259    }
260    if (nbNeedChecked > 0) {
261      removeRequiredCheckboxesNeed();
262    }
263  })
264</script>

264
265                <div class="moquet-funnel__form__input moquet-funnel__form__input__street">
266                    <label for="street">Rue <b>*</b></label>
267                    <input name="street" id="street" type="text">
268                </div>
269            </div>
270
271        </div>
272
273    </form>
274
275</div>
276
277        <input type="hidden" id="url_site" name="url_site" value="https://www.daniel-moquet.fr/funnel-rdv/"/>
278        <footer class="moquet-funnel__footer">
279            <div class="moquet-funnel__footer__annexes">
280                <a href="https://www.daniel-moquet.fr/mentions" target="_blank">Mentions légales</a>
281            </div>
282        </footer>
283    </body>
284</html>
285    

285<script type="text/javascript" src="https://www.daniel-moquet.fr/funnel-rdv/dist/js/jquery-1.8.2.min.js"></script>

285
286    

286<script type="text/javascript" src="https://www.daniel-moquet.fr/funnel-rdv/dist/js/underscore-1.13.6.min.js"></script>

286

287<script type="text/javascript">
288  window.url_site = 'https://www.daniel-moquet.fr/funnel-rdv/';
289  const form = document.querySelector('[data-interact="form"]');
290
291  window.sha256 = async function (message) {
292      // encode as UTF-8
293      const msgBuffer = new TextEncoder().encode(message);
294
295      // hash the message
296      const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer);
297
298      // convert ArrayBuffer to Array
299      const hashArray = Array.from(new Uint8Array(hashBuffer));
300
301      // convert bytes to hex string
302      return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
303  }
304
305  window.gtag = function () {
306      dataLayer.push(arguments);
307  }
308
309  const freePhoneNumEl = document.getElementById('num-vert');
310  freePhoneNumEl.addEventListener('click', () => {
311      window.gtag(
312          'event',
313          'clic_numero_vert',
314          {
315              'event_category': 'telephone',
316              'event_label': 'numero_vert',
317              'value': 1
318          }
319      );
320  })
321</script>

321

322<script type="text/javascript" src="https://www.daniel-moquet.fr/funnel-rdv/public/js/messages.js"></script>

322

323<script type="text/javascript" src="https://www.daniel-moquet.fr/funnel-rdv/public/js/controle_champ_front.js"></script>

323
324<script src="https://www.google.com/recaptcha/api.js" async defer></script>
325    

325<script type="text/javascript" src="https://www.daniel-moquet.fr/funnel-rdv/public/js/form_project_types.js"></script>

325