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'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">© 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">© 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.