PageSourceSearch

https://culturezen.com/contact

html culturezen.com collected 2026-10-06 12:36:08 UTC 29,341 bytes, 702 lines download raw bytes

1
2
3<!--pour la page de confirmation-->
4
5
6
7<!DOCTYPE html>
8<html lang="fr">
9<head>
10  
11<meta charset="utf-8">
12<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
13<meta name="viewport" content="width=device-width, initial-scale=1">
14<!--<meta name="description" content="">-->
15<!--<title></title>-->
16<!---->
17<!--  https://github.com/kpumuk/meta-tags-->
18<title>Contact | CultureZen</title> <!--  https://github.com/kpumuk/meta-tags-->
19<meta name="csrf-param" content="authenticity_token" />
20<meta name="csrf-token" content="Xpi6VqXPt/UjynKdolNN5HjRBJlffm7GjUovLmIQplyT00fWzqlV88F6rrzAYDOABjQkQ6vMte1N+iKmQYMc8w==" />
21<meta name="pinterest" content="nopin" />
22
23<link rel="stylesheet" media="all" href="/assets/application-06104cc4dc8884317b9621f75aa1b42181b9f86852fc78b106ea28dda86894eb.css" data-turbolinks-track="reload" />
24<!--<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">-->
25
26<!-- For third-generation iPad with high-resolution Retina display: -->
27<!-- Size should be 144 x 144 pixels -->
28<link rel="apple-touch-icon-precomposed" type="image/png" href="/images/apple-touch-icon-144x144-precomposed.png" sizes="144x144" />
29
30<!-- For iPhone with high-resolution Retina display: -->
31<!-- Size should be 114 x 114 pixels -->
32<link rel="apple-touch-icon-precomposed" type="image/png" href="/images/apple-touch-icon-114x114-precomposed.png" sizes="114x114" />
33
34<!-- For first- and second-generation iPad: -->
35<!-- Size should be 72 x 72 pixels -->
36<link rel="apple-touch-icon-precomposed" type="image/png" href="/images/apple-touch-icon-72x72-precomposed.png" sizes="72x72" />
37
38<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
39<!-- Size should be 57 x 57 pixels -->
40<link rel="apple-touch-icon-precomposed" type="image/png" href="/images/apple-touch-icon-precomposed.png" />
41
42<!-- For all other devices -->
43<!-- Size should be 32 x 32 pixels -->
44<link rel="shortcut icon" type="image/x-icon" href="/assets/favicon-0ce97407163b0f9636e36a37ef490c3e804b28d5408f5dc9b05c05dfc75eada8.png" />
45
46
47<link rel="stylesheet" media="screen" href="/packs/react-hypernova-4427c14bac6c3636231e748c43d93db0.css" />
48
49<!--version non slim de jquery pour garder les effets comme fadeout-->
50<!--
50<script -->
51<!--  src="https://code.jquery.com/jquery-3.4.1.min.js"-->
52<!--  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="-->
53<!--  crossorigin="anonymous">-->
54<!--</script>
54-->
55<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
55
56
57<!--lance  le javascript  qui doit être chargé avec le html comme initWishList-->
58<script src="/assets/header-beaaa27f094181bb3b1995c6d3d18d1ac487d257530a251633d8193bed15f550.js"></script>
58
59<!--type="text/javascript"-->
60
61<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
62<!--[if lt IE 9]>
63
64<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js" type="text/javascript"></script>
64
65<![endif]-->
66
67<!--ajouté pour le SSR hypernova uniquement la première ligne car la 2ème bug-->
68<!--mais mis dans le footer, sinon ça bug car le javascript dot être après le div de markup de hyperova-->
69
70<!--Google fonts-->
71<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Montserrat:300,400,500,600|Open+Sans:300,400" rel="stylesheet">
72
73<!--Fontawesome-->
74<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
75
76<!--ajouté notamment pour reCatcha v3-->
77<!--https://developers.google.com/recaptcha/docs/invisible-->
vendor: 81 bytes, lines 77-79
77
78  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
79  
79<script>
80      function onSubmit(token) {
81          document.getElementById("inquiry-form").submit();
82      }
83  </script>
83
84
85
86<!--ajout le 19/03/2020 pur suivi conversion de google ads-->
87<!-- Google Tag Manager -->
88<script>
vendor: 343 bytes, lines 88-92
88(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
89        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
90    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
91    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
92})(window,document,'script','dataLayer','
92GTM-TVJB3MM
vendor: 3 bytes, line 92
92');
92</script>
92
93<!-- End Google Tag Manager -->
94</head>
95<body >
96<!--CORPS DE LA PAGE]-->
97
98<!--ajout le 19/03/2020 pur suivi conversion de google ads-->
99<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 99-100
99
100<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
100GTM-TVJB3MM
vendor: 101 bytes, lines 100-101
100"
101                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
102<!-- End Google Tag Manager (noscript) -->
103
104
105<!--BARRE DE NAVIGATION -->
106
107<!--Login Management pour les Menu Vendre Mes Prestations et Mon Compte qui n'ont pas de composants react -->
108
109<header>
110  <!--TOP_NAV_BAR FOND VERT-->
111  <nav id="topNavbar" class="navbar navbar-fixed-top" role="navigation">
112    <div class="container-fluid container-smaller">
113      <div class="navbar-header">
114
115      </div>
116
117      <!--    <div class="collapse navbar-collapse">-->
118      <ul class="nav navbar-nav navbar-right">
119        <li class="text-menu-top">
120          <!--        BLOC DE RECHERCHE SIMPLE-->
121          <!--BLOC DE RECHERCHE SIMPLE-->
122<form action="/search" method="POST" class="search-input-container">
123<!--  comportement sur clic sur la loupe dans common js : lance le submit-->
124  <i class="fas fa-search"></i>
125  <input autocomplete="off" name="[search]words" placeholder="Recherche" type="text">
126  <input name="[search]wish_list_id" type="hidden" value="2279922">
127  <input type="submit" class="hidden" id="submit" >
128</form>
129        </li>
130        <li class="text-menu-top"><a href="/devis">Demande de devis</a></li>
131        <li class="text-menu-top"><a href="/rappel">Je souhaite être rappelé</a></li>
132
133
134        <!--        MON COMPTE-->
135        <!--_mon_compte.html.erb-->
136<!--paramètre mobile: true/false suivant que l'on est en mode lg ou autre-->
137<!--        UTILISATEUR CONNECTé-->
138  <li class="text-menu-top" id="top-nav-connexion-dropdown">
139    <a id="top-nav-login-link" class="" style="cursor:pointer; ">
140      Mon compte</a>
141  </li>
142
143
144
145
146        <li class="social-network social-circle">
147          <a target="_blank" href="https://www.facebook.com/culturezen" title="Facebook"><i class="fab fa-facebook-f"></i></a>
148        </li>
149        <li class="social-network social-circle">
150          <a target="_blank" href="https://www.instagram.com/culturezen_animations/" title="Instagram"><i class="fab fa-instagram"></i></a>
151        </li>
152        <!--          <li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>-->
153        <!--          <li><a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus"></i></a></li>-->
154        <!--          <li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>-->
155      </ul>
156    </div>
157    <!--  </div>-->
158  </nav>
159
160  <!--FIRST_NAV_BAR AVEC LOGO-->
161  <nav id="firstNavbar" class="navbar navbar-fixed-top " role="navigation">
162    <div class="container-fluid container-smaller">
163      <div class="navbar-header">
164        <!--      masque le content et le footer et change la couleur de fond quand affichage menu mobile-->
165        <button type="button" class="navbar-toggle navbar-right" data-toggle="collapse" data-target="#myNavbar" onclick="$('footer').hide();$('.content').hide();$('body').addClass('green-background');">
166          <i class="fas fa-bars"></i>
167          <!--                <span class="icon-bar"></span>-->
168          <!--                <span class="icon-bar"></span>-->
169          <!--                <span class="icon-bar"></span>-->
170        </button>
171        <a class="navbar-brand logo" href="https://culturezen.com/"><img id="logo-culturezen" src="/assets/logo-culturezen-2f239690cc1bb1991db822c1b77754573295fffa0b0514122aa34fab98814004.png"></a>
172      </div>
173
174
175      <!--      MENU MOBILE-->
176      <div class="collapse navbar-collapse" id="myNavbar">
177        <ul class="nav navbar-nav navbar-right">
178          <!-- restore le content et le footer et  la couleur de fond blanche quand fermeture menu mobile-->
179          <li class="text-menu-first hidden-lg times" onclick="$('footer').show();$('.content').show();$('body').removeClass('green-background')">
180            <i class="fas fa-times" onclick="$('#myNavbar').removeClass('in');"></i></li>
181          <li class="text-menu-first hidden-lg">
182            <div class="underline">
183              <!--BLOC DE RECHERCHE SIMPLE-->
184<form action="/search" method="POST" class="search-input-container">
185<!--  comportement sur clic sur la loupe dans common js : lance le submit-->
186  <i class="fas fa-search"></i>
187  <input autocomplete="off" name="[search]words" placeholder="Recherche" type="text">
188  <input name="[search]wish_list_id" type="hidden" value="2279922">
189  <input type="submit" class="hidden" id="submit" >
190</form>
191            </div>
192          </li>
193          <li class="text-menu-first"><a class="font-regular" href="/" id="home">ACCUEIL</a></li>
194          <li class="text-menu-first"><a class="font-regular" href="/nous" id="nous">QUI SOMMES-NOUS</a></li>
195          <li class="dropdown text-menu-first" onclick="if (screen.width < 1200) {
196              //     inverse le chevron seulement en mode mobile
197              var chevron = $('#animations .fas');
198              if (chevron.hasClass('fa-chevron-up')) {chevron.removeClass('fa-chevron-up').addClass('fa-chevron-down')
199                  } else {
200                  chevron.removeClass('fa-chevron-down').addClass('fa-chevron-up')}
201              }">
202
203            <!--          <a class="font-regular" href ="#" ></a>-->
204            <a class="dropdown-toggle font-regular" data-toggle="dropdown" href="#" id="animations" data-hover="dropdown">NOS
205              ANIMATIONS<i class="fas fa-chevron-up hidden-lg"></i></a>
206
207            <!--            <span class="caret"></span></a>-->
208            <ul class="dropdown-menu">
209                <li><a href="/thematique/animation-de-soiree">Animation de soirée</a></li>
210                <li><a href="/thematique/animation-beaute">Beauté</a></li>
211                <li><a href="/thematique/atelier-bien-etre">Bien-être</a></li>
212                <li><a href="/thematique/boissons-etonnantes">Boisson</a></li>
213                <li><a href="/thematique/animation-chandeleur">Chandeleur</a></li>
214                <li><a href="/thematique/ateliers-culinaires">Culinaire</a></li>
215                <li><a href="/thematique/animation-diy">Do It Yourself</a></li>
216                <li><a href="/thematique/animation-ete">Eté</a></li>
217                <li><a href="/thematique/animation-fetes-des-meres">Fête des mères</a></li>
218                <li><a href="/thematique/animation-culinaire">Gourmandise</a></li>
219                <li><a href="/thematique/gourmandises-glacees">Gourmandises glacées</a></li>
220                <li><a href="/thematique/nos-animations-speciale-haloween">Halloween</a></li>
221                <li><a href="/thematique/animation-dietetique">Healthy</a></li>
222                <li><a href="/thematique/animation-developpement-durable-entreprise">Nature</a></li>
223                <li><a href="/thematique/animation-noel">Noël</a></li>
224                <li><a href="/thematique/animation-paques">Pâques</a></li>
225                <li><a href="/thematique/animation-olfaction">Parfumées</a></li>
226                <li><a href="/thematique/animation-printemps">Printemps</a></li>
227                <li><a href="/thematique/animation-saint-valentin">Saint Valentin</a></li>
228                <li><a href="/thematique/animation-sur-stand">Stand</a></li>
229                <li><a href="/thematique/animation-originale">Originale</a></li>
230            </ul>
231          </li>
232          <li class="text-menu-first">
233            <a class="font-regular" href="/wishlist" id="wishlist">MA WISHLIST</a>
234            <span id="wishlist-count">0</span></li>
235          <!--        au démarrage on cache le compteut si wishlist est vide-->
236            
236<script>$("#wishlist-count").hide();</script>
236
237          <li class="text-menu-first"><a class="font-regular" href="/blog" id="blog">BLOG</a></li>
238<!--          <li class="text-menu-first hidden-lg"><a class="font-regular" id="top-nav-login-link-mobile">MON COMPTE</a>-->
239<!--          </li>-->
240
241          <!--_mon_compte.html.erb-->
242<!--paramètre mobile: true/false suivant que l'on est en mode lg ou autre-->
243<!--        UTILISATEUR CONNECTé-->
244  <li class="text-menu-first hidden-lg" id="top-nav-connexion-dropdown">
245    <a id="top-nav-login-link-mobile" class="font-regular" style="cursor:pointer; text-transform:uppercase">
246      Mon compte</a>
247  </li>
248
249
250
251          <li class="text-menu-first"><a class="font-regular" href="/contact" id="contact">CONTACT</a></li>
252
253
254        </ul>
255      </div>
256    </div>
257  </nav>
258
259
260  <!--ACCES DEVIS / ETRE RAPPELE A DROITE-->
261  <div class="no-print" id="sideMenuClosed" onclick="$('#sideMenuClosed').hide();$('#sideMenuOpen').show(); ">
262    <!--<div id="sideMenuClosed" onclick="alert('ok')">-->
263    <div class="chevron">
264      <i class="fas fa-chevron-left"></i></div>
265  </div>
266  <div class="no-print" id="sideMenuOpen" onclick="$('#sideMenuOpen').hide();$('#sideMenuClosed').show();">
267    <div>
268      <a href="/devis">Demande de devis</a>
269    </div>
270    <div>
271      <a href="/rappel">Être rappelé</a>
272    </div>
273    <i class="fas fa-chevron-right"></i>
274  </div>
275  <!--
275<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
275-->
276  <!--
276<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
276-->
277</header>
278<!--BARRE DE NAVIGATION -->
279
280<!--BARRE DE NAVIGATION CONTEXTUELLE -->
281
282
283<!--SOUS LA BARRE DE NAVIGATION]-->
284<div class="content">
285  <!--SLIDER NOUVEAUTE-->
286  
287
288
289  <!--  <div class="container-fluid container-smaller">-->
290  <!--    <div class="row">-->
291
292  <!--      <div class="col-lg-12 col-no-padding">-->
293    <div class="inquiry-block contact">
294    <!--    <img src=""/>-->
295    <picture class="lozad " data-iesrc="/assets/pages/contact-lg-108707539215f6407fccb1a5409dd3a109cb7160c50c416be12c2c0d442385bf.jpg"><source media="(min-width: 1200px)" srcset="/assets/pages/contact-lg-108707539215f6407fccb1a5409dd3a109cb7160c50c416be12c2c0d442385bf.jpg"><source media="(min-width: 992px)" srcset="/assets/pages/contact-md-26d2793cc61221f42b5dff9d9464e8c2cd03c3929a234113f2d3cc3f119f22bf.jpg"><source media="(min-width: 768px)" srcset="/assets/pages/contact-sm-d672e4e45be5520c3e76ca45121f3f873a24b508fcb43113ebe05bbd1d7596dd.jpg"><source media="(max-width: 768px)" srcset="/assets/pages/contact-xs-2e5f7374a34dae68983c9a2482666df9588cd1b21699deb126fbfc1249b519b1.jpg"></picture><noscript><img src="/assets/pages/contact-lg-108707539215f6407fccb1a5409dd3a109cb7160c50c416be12c2c0d442385bf.jpg"></noscript>>
296    <!--    <div class="fond"></div>-->
297    <div class="text-block">
298      <!--CONTACT FORM utilisé avec layour inquiry -->
299
300<!--l'anchor est utilisé pour le scrolltotop-->
301
302<script>
303    // met en gras le menu Contact
304    $("#contact").removeClass('font-regular').addClass("font-bold")
305</script>
305
306
307
308<div class="row">
309  <div class="col-md-12 col-lg-5 col-other ">
310    <div class="box">
311      <div class="title header-title">
312        Nos coordonnées
313      </div>
314      <hr class="small-title-underline header-hr">
315      <div class="details-block">
316        <div class="title">adresse</div>
317        <div class="details">CultureZen</div>
318        <div class="details">Up Today SARL</div>
319        <div class="details">36 rue Scheffer</div>
320        <div class="details">75116 Paris</div>
321        <div class="details">France</div>
322        <div class="details">SIRET 42900010200047</div>
323        <div class="title">téléphone</div>
324        <div class="details phone">
325          <a href="tel:+33134843213">01 34 84 32 13</a>
326        </div>
327        <div class="title">urgence</div>
328        <div class="details phone">
329          <a href="tel:+33609684111">06 09 68 41 11</a>
330        </div>
331        <div class="title">email</div>
332        <div class="details email"><a href="mailto:[email protected]">[email protected]</a></div>
333      </div>
334    </div>
335  </div>
336  <div class="col-md-12 col-lg-7 col-form">
337    <div class="title header-title">
338      Votre demande d&#39;information
339    </div>
340    <hr class="small-title-underline header-hr">
341      <form method="POST" action="/contact" id="inquiry-form">
342
343  <!--  ELEMENTS DE RECHERCHE-->
344
345  <!--          COMPANY-->
346  <div class="fieldset">
347    <label>Entreprise:</label>
348    <input class="" name="[inquiry]company" placeholder="Entreprise" value="" type="text" id="company_inquiry">
349    <div class="field-errors"></div>
350  </div>
351  
351<script>
352      //   workaround to stop chrome to autofill this field 29/08/2019
353      // https://stackoverflow.com/questions/29931712/chrome-autofill-covers-autocomplete-for-google-maps-api-v3
354      // $('#autocomplete').focus(function () {
355      //     $(this).attr('autocomplete', 'new-password');
356      // });
357      $('#company_inquiry').focus(function () {
358          // alert('ok');
359          $('#autocomplete').attr('autocomplete', 'new-password');
360      });
361
362  </script>
362
363
364  <!--          NAME-->
365  <div class="fieldset">
366    <label>Nom:</label>
367    <input class="" name="[inquiry]name" placeholder="Nom" value="" type="text" id="name_inquiry">
368    <div class="field-errors"></div>
369  </div>
370
371  <!--          FIRST_NAME-->
372  <div class="fieldset">
373    <label>Prénom:</label>
374    <input class="" name="[inquiry]first_name" placeholder="Prénom" value="" type="text" id="first_name_inquiry">
375    <div class="field-errors"></div>
376  </div>
377
378  <!--          EMAIL : contact -->
379    <div class="fieldset">
380      <label>Email:</label>
381      <input class="" name="[inquiry]email" placeholder="Email" value="" type="email" id="email_inquiry">
382      <div class="field-errors"></div>
383    </div>
384  <!--          PHONE-->
385  <div class="fieldset">
386    <label>Téléphone:</label>
387    <input class="" name="[inquiry]phone" placeholder="Téléphone" value="" type="tel" id="phone_inquiry">
388    <div class="field-errors"></div>
389  </div>
390
391
392  <!--          MESSAGE-->
393    <div class="fieldset">
394          <textarea class="" cols="5" name="[inquiry]message" placeholder="En quoi pouvons nous vous aider ?" id="message_inquiry"></textarea>
395      <div class="field-errors"></div>
396    </div>
397
398
399  <!--          HEURE DE RAPPEL-->
400
401  <input name="[inquiry]tag" value="contact" type="hidden">
402  <div class="btn-wrap">
403<!--    <button class="btn-inquiry action-btn">envoyer</button>-->
404    <button class="btn-inquiry action-btn g-recaptcha" data-sitekey="6LfydKwUAAAAAHT4x_WpoEQVwY5yG4NOI8a4VSZo" data-callback='onSubmit'>envoyer</button>
405  </div>
406</form>
407
408  </div>
409  <div class="baseline">Créons un lien ensemble !</div>
410</div>
411
412
413
414    </div>
415    <div class="padding"></div>
416  </div>
417
418  <!--  pour les render show-->
419  
420
421
422
423  
423<script>
424      function scrollToFormTop() {
425          // seulement pour les desktop
426          if (screen.width >= 1200) {
427              $('html, body').stop().animate({scrollTop: $(".text-block").offset().top - $('#firstNavbar').outerHeight() - $('#topNavbar').outerHeight()}, 150);
428          }
429      }
430
431      // SUPRRIME lA MARGE BLANCHE AU DESSU DU FOOTER AU BOUT DE 1MS pour laisser le temps au footer de s'afficher
432      setTimeout(function () {
433          $(".footer-container").css("marginTop", 0)
434      }, 1);
435
436      // REPOSITION LE FORMULAIRE AU DEMARRAGE
437      scrollToFormTop();
438
439      // REPOSITION LE FORMULAIRE SUR CLIC OU KEYPRESS POUR CERTAINS FORMULAIRE
440      $('.contact input, .rappel input').keypress(function () {
441          scrollToFormTop()
442      }).click(function () {
443          scrollToFormTop()
444      });
445
446      // AFFICHE LE LABEL DES INPUTS QUAND LE CHAMPS EST REMPLI SANS ERREUR
447      $('.inquiry-block input').on('input', function (event) {
448          // console.log(".inquiry-block input[name='" + event.target.name + "']");
449          var input = $(".inquiry-block input[name='" + event.target.name + "']");
450          var label = input.prev();
451          var fieldErrors = input.next().text();
452          // console.log(event.target.value);
453          // console.log(event.target.value.length);
454          if (event.target.value.length > 0 && fieldErrors.length === 0) {
455              label.fadeIn();
456          } else {
457              label.hide();
458          }
459      });
460
461      // DESACTIVE LE SUBMIT SUR ENTER POUR LES INQUIRIES
462
463      $(".inquiry-block form input").keypress(function (e) {
464          //Enter key
465          if (e.which == 13) {
466              return false;
467          }
468      });
469  </script>
469
470  <!--#cf partial dan views application avec eventuellement une customisation-->
471  <!--      </div>-->
472
473  <!--    </div><!--/row-->
474  <!--  </div> <!-- /container -->
475</div><!-- /content -->
476
477
478<!--SCROLL BUTTON dans common.js.erb-->
479<!--<button onclick="scrollToTopFn()" id="scrollToTopBtn" title="Go to top"><i class="icon-chevron-up"></button>-->
480<a onclick="scrollToTopFn()" id="scrollToTopBtn" class="no-print"><i class="fas fa-chevron-up"></i></a>
481
482<!--PIED DE PAGE]-->
483<footer>
484
485  <!--BARRE DE NAVIGATION DU BAS -->
486
487  
488
489<!--BOTTOM_NAV_BAR-->
490
491<!--<nav class="navbar navbar-inverse navbar-fixed-bottom bottom_bar"  style="border-radius:0px">-->
492    <!--<div class="container-fluid">-->
493
494        <!--<ul class="nav navbar-nav navbar-left">-->
495            <!--<li><span class="navbar-text">&copy; Event Shopping 2017-->
496        <!--</ul>-->
497    <!--</div>-->
498<!--</nav>-->
499
500
501  <!--le javascript est tout en bas : common.js.erb et hypernova-->
502
503<div class="container-fluid footer-container no-print">
504  <div class="row">
505    <div class="col-md-12 col-lg-4 footer-col-contact">
506      <div>
507        <div class="footer-title">CONTACT</div>
508        <hr class="footer-hr">
509        <div class="footer-text-contact">
510          <i class="fas fa-map-marker-alt"></i>
511          <div class="text-details">
512            <div>36 rue Scheffer</div>
513            <div>75116 Paris</div>
514          </div>
515        </div>
516        <div class="footer-text-contact">
517          <i class="fas fa-phone "></i>
518          <div class="text-details phone">
519            <a href="tel:+33134843213">01 34 84 32 13</a>
520          </div>
521        </div>
522        <div class="footer-text-contact">
523          <i class="fas fa-envelope"></i>
524          <div class="text-details email"><a href="mailto:[email protected]">[email protected]</a>
525          </div>
526        </div>
527      </div>
528    </div>
529    <div class="col-md-12 col-lg-4 footer-col-thematiques">
530      <div>
531        <div class="footer-title">NOS THÉMATIQUES</div>
532        <hr class="footer-hr">
533        <div class="row">
534          <div class="col-xs-6">
535            <div><a href="/thematique/animation-noel">Animation Noel en entreprise</a></div>
536            <div><a href="/thematique/animation-saint-valentin">Animation Saint-Valentin</a></div>
537            <div><a href="/thematique/animation-chandeleur">Animation Chandeleur</a></div>
538            <div><a href="/thematique/animation-printemps">Animation Printemps</a></div>
539            <div><a href="/thematique/animation-ete">Animation Eté</a></div>
540<!--            <div><a href="#">Pâques</a></div>-->
541<!--            <div><a href="#">Fêtes des mères</a></div>-->
542          </div>
543          <div class="col-xs-6">
544<!--            <div class="col-second"><a href="#">Team Building</a></div>-->
545<!--            <div class="col-second"><a href="#">Séminaire</a></div>-->
546            <div class="col-second"><a href="/thematique/animation-de-soiree">Animation de soirée d'entreprise</a></div>
547            <div class="col-second"><a href="/thematique/animation-sur-stand">Animation stand et salon</a></div>
548            <div class="col-second"><a href="/thematique/animation-paques">Animation Pâques</a></div>
549            <div class="col-second"><a href="/thematique/animation-fetes-des-meres">Animation fête des mères</a></div>
550<!--            <div class="col-second"><a href="#"><i class="fas fa-plus-circle"></i> de thématiques</a></div>-->
551          </div>
552        </div>
553      </div>
554    </div>
555    <div class="col-md-12 col-lg-4 footer-col-villes">
556      <div>
557        <div class="footer-title">NOS VILLES</div>
558        <hr class="footer-hr">
559        <div class="ville">Paris
560<!--          <a href="#">Paris</a>-->
561        </div>
562        <div class="ville">Lille
563<!--          <a href="#">Lille</a>-->
564        </div>
565        <div class="ville">Lyon
566<!--<a href="#">Lyon</a>-->
567        </div>
568        <div class="ville">Marseille
569<!--          <a href="#">Marseille</a>-->
570        </div>
571      </div>
572    </div>
573  </div>
574  <div class="bottom-line">
575    <div style="font-weight: 500">&copy; 2024 CultureZen</div>
576    <div class="spacer">|</div>
577    <div><a href="/mentions-legales">Mentions légales</a></div>
578    <div class="spacer">|</div>
579    <div><a href="#">Nous rejoindre</a></div>
580    <div class="spacer">|</div>
581    <div><a href="#">Liens utiles</a></div>
582    <div class="spacer">|</div>
583    <div><a href="/contact">Contact</a></div>
584  </div>
585</div>
586
587
588<!--LOZAD : lazyloading-->
589<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js">
590</script>
vendor: 1 bytes, line 590
590
591<script>
592    var observer = lozad(); // lazy loads elements with default selector as '.lozad'
593    observer.observe();
594</script>
594
595
596<script src="/assets/application-e81012d31fd193da1ae5aa4da1a60b594ee79b240694e765296857404b3c0a4c.js"></script>
596
597<!--lance tout le javascript  sauf common.je déplacé à la fin du footer-->
598
599<!--JQUERY MOBILE-->
600<!--utilisé pour slider les carousel - fonction définie dans common.js-->
601<!--
601<script type="text/javascript" src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">-->
602<!--</script>
602-->
603
604
605
606
607
608
609<!-- GOOGLE API -->
610<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDWocRY7eV5X6mgNJSvBunYNqUk330I4bM&libraries=places&callback=initAutocomplete"
611        async defer></script>
611
612<!--script GOOGLE PLACES AUTOCOMPLETE dans google_maps.js-->
613
614
615<!--REACT / HYPERNOVA-->
616<!--ajouté pour le SSR hypernova uniquement la première ligne car la 2ème bug-->
617<!--mais mis dans le footer, sinon ça bug car le javascript dot être après le div de markup de hyperova-->
618<!--TRES IMPORTANT : mettre javascript_pack_tag après le render-->
619      <div data-hypernova-key="PopUpLauncher" data-hypernova-id="fa4619f9-026b-4910-8e5e-1efdf21ef88e"></div>
620      
620<script type="application/json" data-hypernova-key="PopUpLauncher" data-hypernova-id="fa4619f9-026b-4910-8e5e-1efdf21ef88e"><!--{"brand":"CultureZen","individualId":8}--></script>
620
621
622<script src="/packs/react-hypernova-2219ab2c8af11b2e50f4.js"></script>
622
623
624
625<!--GOOGLE ANALYTICS-->
626  
626<script>
vendor: 490 bytes, lines 626-639
626
627      (function (i, s, o, g, r, a, m) {
628          i['GoogleAnalyticsObject'] = r;
629          i[r] = i[r] || function () {
630              (i[r].q = i[r].q || []).push(arguments)
631          }, i[r].l = 1 * new Date();
632          a = s.createElement(o),
633              m = s.getElementsByTagName(o)[0];
634          a.async = 1;
635          a.src = g;
636          m.parentNode.insertBefore(a, m)
637      })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
638
639      ga('create', '
639UA-47742653-1
vendor: 55 bytes, lines 639-642
639', 'culturezen.com');
640      ga('send', 'pageview');
641
642  
642</script>
642
643
644<!--SCREEN ORIENTATION CHANGE MANAGEMENT-->
645<script>
646    var previousOrientation = window.orientation;
647    var checkOrientation = function () {
648        if (window.orientation !== previousOrientation) {
649            previousOrientation = window.orientation;
650// orientation changed, do your magic here
651            <!--UTILE DANS LE CAS OU ON A LE MENU MOBILE POUR UN ECRAN <=1200 et QU'ON TOURNE l'ECRAN-->
652            if ($("#myNavbar").hasClass('in')) { //menu mobile affiché
653                if (screen.width >= 1200) {
654                    $('footer').show();
655                    $('.content').show();
656                    $('body').removeClass('green-background')
657                } else {
658                    $('footer').hide();
659                    $('.content').hide();
660                    $('body').addClass('green-background')
661                }
662            }
663            // DESACTIVE LE CAROUSEL DE LA PAGE ANIMATION
664            // QUI REPRESENTE LES SUGGESTIONS EN MODE MOBILE
665            var c = $("#carousel-others");
666            if (c.length) {
667                if (screen.width >= 1200) {
668                    console.log('cycle');
669                    c.carousel("cycle");
670                } else {
671                    console.log('pause');
672                    c.carousel("pause");
673                }
674
675            }
676            // TESTIMONIES SLIDER CYCLING
677            // if (screen.width < 1200) {
678            //     window.setInterval(rightSlide, 5000);
679            // }
680        }
681    };
682
683    window.addEventListener("resize", checkOrientation, false);
684    window.addEventListener("orientationchange", checkOrientation, false);
685
686    // (optional) Android doesn't always fire orientationChange on 180 degree turns
687    setInterval(checkOrientation, 2000);
688
689</script>
689
690
691 <!--avec hypernova eventuellement-->
692  <!--BARRE DE NAVIGATION DU BAS-->
693
694
695</footer>
696
697
698<!--yield :javascript -->
699
700</body>
701</html>
702

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.