templates/base.html.twig line 88

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale|split('_')[0] }}">
  3. <head>
  4.     {# @see https://docs.sulu.io/en/2.2/reference/twig-extensions/functions/sulu_snippet_load_by_area.html #}
  5.     {% set webspaceSettings = sulu_snippet_load_by_area('webspace_settings') %}
  6.     <!-- Google Tag Manager -->
  7.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  8.     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  9.     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  10.     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  11.     })(window,document,'script','dataLayer','GTM-KX8WMVQ');</script>
  12.     <!-- End Google Tag Manager -->
  14.     <meta charset="utf-8">
  15.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  16.     <meta name="viewport" content="width=device-width, initial-scale=1">
  17.     <meta name="google-site-verification" content="xUV_6MVahLqejNqZEWoASzns124eMZQ24KiRfNrW2yg" />
  18.     {% block meta %}
  19.         {% include 'includes/meta.html.twig' %}
  20.     {% endblock %}
  22.     {% block style -%}
  23.         {#<link rel="stylesheet" href="{{ asset('/build/website/css/main.css') }}">#}
  24.         <link rel="stylesheet" type="text/css" href="{{ asset('/assets/css/fonts.css')}}" />
  25.         <link rel="stylesheet" href="https://use.typekit.net/icm3oad.css">
  26.         <link rel="stylesheet" href="{{ asset('/assets/css/fontello.css')}}" />
  27.         <link rel="stylesheet" href="{{ asset('/assets/css/animate.css')}}" />
  28.         <link type="text/css" rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" />
  29.         <link href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" rel="stylesheet">
  30.         <link rel="stylesheet" type="text/css" href="{{ asset('/assets/css/custom_styles.css')}}" />  
  31.         <link rel="stylesheet" type="text/css" href="{{ asset('/assets/css/css_mobile.css')}}" />
  32.     {% endblock %}
  34. </head>
  35. <body>
  36.     <!-- Google Tag Manager (noscript) -->
  37.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KX8WMVQ"
  38.     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  39.     <!-- End Google Tag Manager (noscript) -->
  40.     <div class="menu-mob-overlay"></div> 
  41.     {% if false %}
  42.     <div class="modal pr-0" tabindex="-1" role="dialog" id="modal-reserve">
  43.         <div class="modal-dialog modal-dialog-centered" role="document">
  44.             <div class="modal-content px-3">
  45.                 <div class="modal-header align-items-center position-relative justify-content-center pt-md-5 row no-gutters">
  46.                     <div class="col-sm-5 col-12 pr-3 text-center">
  47.                         <a href="/">
  48.                             <img src="{{ asset('/assets/images/logo.svg')}}" alt="" class="">
  49.                         </a>
  50.                     </div>
  51.                     <h4 class="col-sm-7 col-12 modal-title pr-sm-4 line-h-100 text-center text-sm-left">Réservez une journée d'essai gratuite <span class="d-block font-12">Découvrez votre futur espace de coworking et rencontrez nos coworkers</span></h4>
  52.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  53.                         <span aria-hidden="true">&times;</span>
  54.                     </button>
  55.                 </div>
  56.                 <div class="modal-body block-form-site px-md-5 px-3 mt-3">
  57.                     <form name="dynamic_form1" method="post" action="/reservation">
  58.                         <div class="width-full width-is-last"><label for="dynamic_form3_firstName">Prénom / Nom</label><input type="text" id="dynamic_form1_text" name="dynamic_form3[firstName]"></div>
  59.                         <div class="width-full"><label for="dynamic_form3_email" class="required">Email</label><input type="email" id="dynamic_form1_email" name="dynamic_form3[email]" required="required"></div>
  60.                         <div class="width-full width-is-last"><label for="dynamic_form3_phone">Téléphone</label><input type="tel" id="dynamic_form1_phone" name="dynamic_form3[phone]"></div>
  61.                         <div class="width-half width-is-last">
  62.                             <label for="dynamic_form3_recaptcha">Captcha</label>
  63.                             <script src="https://www.google.com/recaptcha/api.js?hl=fr"></script>
  64.                             <div class="g-recaptcha" data-theme="light" data-size="normal" data-type="image" data-sitekey="6LdiSzolAAAAAOsKiJ60STvh2n3UxlQMPAcpIX40"></div>
  65.                         </div>
  67.                         <input type="hidden" id="dynamic_form3_locale" name="dynamic_form3[locale]" value="fr">
  68.                         <input type="hidden" id="dynamic_form3_type" name="dynamic_form3[type]" value="page">
  69.                         <input type="hidden" id="dynamic_form3_typeId" name="dynamic_form3[typeId]" value="10cf6f78-cde8-4d20-8bbb-d67d6f757567">
  70.                         <input type="hidden" id="dynamic_form3_formId" name="dynamic_form3[formId]" value="3">
  71.                         <input type="hidden" id="dynamic_form3_formName" name="dynamic_form3[formName]" value="form">
  72.                         <input type="hidden" id="dynamic_form3_checksum" name="dynamic_form3[checksum]" value="R+fK8RYkSi4/TMc+7AsdFM3WKrkgkltJy+juufktCANFOeHPKz4SVQW7RXAurIMj3iIz5/J625d4lWg9lY5GRQ==">
  74.                         <div class="pt-3 text-center"><button type="submit" class="btn-link transition-bgcolor bg-green-s minw-sm border-0">Valider</a></div>
  75.                     </form>
  76.                     <div class="pt-2 text-center"><em>Nous vous contactons rapidement pour convenir d'une date ensemble</em></div>
  77.                 </div>
  78.             </div>
  79.         </div>
  80.     </div>
  81.     {% endif %}
  82.     {#POPUP#}
  83.     <div class="goToTop bg-gradient-orange bg-gradient-hover transition-bgcolor"><img src="{{ asset('/assets/images/top_go.png')}}" alt="" /></div>
  84.     <main class="big-wrapper">
  85.         {% set title = content.title|default %}
  86.         {% if title != 'Détails' %}
  87.             <header class="header-body">
  88.                 {% block header %}
  89.                     {% include 'includes/navbar.html.twig' %}
  90.                 {% endblock %}
  91.             </header>
  92.         {% endif %}
  93.         {% block content %}
  94.             {% set title = content.title|default %}
  95.             <section class="page-content {{ title == 'Détails' ? 'mt-3' : '' }}">
  96.                 {% if title != 'Détails' %}
  97.                     {% block contentHeader %}
  98.                         {% include 'includes/header.html.twig' %}
  99.                     {% endblock %}
  100.                 {% else %}
  101.                     <div class="text-center">
  102.                         <img src="{{ asset('/assets/images/logo.svg')}}" alt="" />
  103.                     </div>
  104.                 {% endif %}
  105.                 {% block contentBody %}{% endblock %}
  106.             </section>
  107.         {% endblock %}
  108.         {% if title != 'Détails' %}
  109.             <footer>
  110.                 {% block footer %}
  111.                     {% include 'includes/footer.html.twig' %}
  112.                 {% endblock %}
  113.             </footer>
  114.         {% endif %}
  115.     </main>
  118.     {% block javascripts %}
  119.         {% if date("now") < date("2025-06-13") %}
  120.             <script>
  121.                 document.addEventListener('DOMContentLoaded', function () {
  122.                     if (!localStorage.getItem('popup_shown_clim')) {
  123.                         const popup = document.createElement('div');
  124.                         popup.innerHTML = `
  125.                             <div id="popup-clim" style="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:9999;">
  126.                               <div style="background:white;padding:2rem;max-width:600px;border-radius:8px;text-align:center;">
  127.                                 <h2>Chers coworkers,</h2>
  128.                                 <p>Nous souhaitons vous informer qu’une intervention est prévue dans nos locaux pour l’installation de la climatisation du <strong>mardi 10 au jeudi 12 juin</strong>.</p>
  129.                                 <p>Des nuisances sonores pourraient survenir pendant cette période. Nous mettons tout en œuvre pour limiter la gêne et vous remercions par avance pour votre compréhension !</p>
  130.                                 <p>Merci de votre patience</p>
  131.                                 <buttonc class="btn-link transition-bgcolor bg-green-s minw-sm border-0" onclick="document.getElementById('popup-clim').remove();" style="cursor: pointer;">Fermer</buttonc>
  132.                               </div>
  133.                             </div>
  134.                           `;
  135.                         document.body.appendChild(popup);
  136.                         localStorage.setItem('popup_shown_clim', 'true');
  137.                     }
  138.                 });
  139.             </script>
  140.         {% endif %}
  142.         {#<script src="{{ asset('/build/website/js/main.js') }}" async></script>#}
  143.         <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  144.         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
  145.         <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  146.         <script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.5.1/dist/simpleParallax.min.js"></script>
  147.         <script src=" https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script>
  148.         <script src="{{ asset('/assets/js/scripts.js?v2') }}" async></script>
  149.         <script type="application/ld+json">
  150.         {
  151.         "@context": "https://schema.org",
  152.         "@type": "LocalBusiness",
  153.         "name": "Panda Coworking",
  154.         "image": "https://panda-coworking.com/assets/images/logo.svg",
  155.         "@id": "",
  156.         "url": "https://panda-coworking.com/",
  157.         "telephone": "0451580805",
  158.         "address": {
  159.             "@type": "PostalAddress",
  160.             "streetAddress": "54 Rue Chevreul",
  161.             "addressLocality": "Lyon",
  162.             "postalCode": "69007",
  163.             "addressCountry": "FR"
  164.         },
  165.         "geo": {
  166.             "@type": "GeoCoordinates",
  167.             "latitude": 45.7474184,
  168.             "longitude": 4.8424403
  169.         },
  170.         "openingHoursSpecification": {
  171.             "@type": "OpeningHoursSpecification",
  172.             "dayOfWeek": [
  173.             "Monday",
  174.             "Tuesday",
  175.             "Wednesday",
  176.             "Thursday",
  177.             "Friday",
  178.             "Saturday",
  179.             "Sunday"
  180.             ],
  181.             "opens": "00:00",
  182.             "closes": "23:59"
  183.         }
  184.         }
  185.         </script>
  187.     {% endblock %} 
  188. </body>
  189. </html>