templates/FrontBundle/Page/nos-partenaires.html.twig line 1

Open in your IDE?
  1. {% extends 'FrontBundle/layout.html.twig' %}
  3. {% block title %}{{ app_sitename }} - {{ page.metaTitle }}{% endblock %}
  4. {% block description %}{{ page.metaDescription }}{% endblock %}
  8. {% block extra_class %}stack{% endblock %}
  9. {# {% block sub_header %}
  11.     <div class="sub-header">
  12.     <ul>
  13.         <li><a href="/{{app.request.locale }}/informations-pratiques">Informations</a></li>
  14.         <li><a href="/{{app.request.locale }}/mini-suites">Mini-suites</a></li>
  15.         <li class="active"><a href="/{{app.request.locale }}/nos-partenaires">Partenaires</a></li>
  16.     </ul>
  17.   </div>
  19. {% endblock %} #}
  21. {% block stylesheets %}
  22.     <link href="/front/css/owl.carousel.min.css" rel="stylesheet">
  23.     <link href="/front/css/owl.theme.default.min.css" rel="stylesheet">
  24. {% endblock %}
  26. {% block body %}
  30.     <section class="espace-content second info-top">
  32.       <div class="row fluid-menu mb-5">
  33.         <div class="nav-menu">
  34.           <div class="nav-list">
  35.             <div class="overlay" style="top: 195px; height: 37px; width: 145.922px;"></div>
  36.             <ul>
  37.               <li class=""><a href="/{{app.request.locale }}/{{ 'informations-pratiques'|getUrl(app.request.locale) }}">{{ 'infos_menu1'|tr(tr)|raw }}</a></li>
  38.               <li class=""><a href="/{{app.request.locale }}/{{ 'mini-suites'|getUrl(app.request.locale) }}">{{ 'infos_menu2'|tr(tr)|raw }}</a></li>
  39.               <li class="active hover"><a href="/{{app.request.locale }}/{{ 'nos-partenaires'|getUrl(app.request.locale) }}">{{ 'infos_menu3'|tr(tr)|raw }}</a></li>
  40.             </ul>
  41.           </div>
  42.         </div>
  43.       </div>
  45.             <h1 class="text-center mb-4">{{ 'partenaires_title'|tr(tr)|raw }}</h1>
  47.             <p class="mb-4">{{ 'partenaires_desc'|tr(tr)|raw }}</p>
  48.             <a href="/{{app.request.locale }}/{{ 'contact'|getUrl(app.request.locale) }}" class="btn-primary btn-sm text mb-5 mt-4">{{ 'contact_title2'|tr(tr)|raw }} <img src="/front/img/btn-primary-arrow-r.svg" class="arrow" alt="arrow"></a>
  50.         </section>
  52.         <section class="espace-content full mt-0  infos partenaires">
  53.             <div class="content mt-5 pt-5">
  54.                 <h2 class="mb-5 no-bar hotel">{{ 'partenaires_s1_title'|tr(tr)|raw }}</h2>
  56.                 <div class="row pb-5">
  57.                     <div class="col-md-6">
  58.             <h4>{{ 'partenaires_s1_1'|tr(tr)|upper|raw }}</h4>
  59.                         <p>
  60.                             {#<strong>Hôtel La Tour Romaine</strong> – Schweighouse-sur-Moder – <a href="http://www.la-tour-romaine.fr" target="_blank">www.la-tour-romaine.fr</a><br>#}
  61.                             <strong>Hôtel Ernenwein</strong> – Obermodern – <a href="http://www.ernenwein.com" target="_blank">www.ernenwein.com</a><br>
  62.                             <strong>Hôtel Au Lion d’Or</strong> – La Petite Pierre – <a href="http://www.liondor.com" target="_blank">www.liondor.com</a><br>
  63.                             <strong>Hôtel du Herrenstein</strong> – Neuwiller-les-Saverne – <a href="http://www.herrenstein.fr" target="_blank">www.herrenstein.fr</a><br>
  64.                             <strong>Hôtel La Cour du Tonnelier</strong> – Bouxwiller – <a href="http://www.courdutonnelier.fr" target="_blank">www.courdutonnelier.fr</a><br>
  65.                             <strong>Hôtel Restaurant CHAMP’ALSACE</strong> - Haguenau – <a href="http://www.champ-alsace.com" target="_blank">www.champ-alsace.com</a><br>
  66.                             <strong>Hôtel Restaurant Ecluse 34</strong> – Saverne – <a href="http://www.hotelecluse34.com" target="_blank">www.hotelecluse34.com</a><br>
  67.                             <strong>Atolon Park</strong> - Brumath – <a href="http://www.atolon-parkhotel.com" target="_blank">www.atolon-parkhotel.com</a><br>
  68.                             <strong>Hôtellerie du Couvent</strong> – Oberbronn – <a href="http://www.hotellerieducouvent.com" target="_blank">www.hotellerieducouvent.com</a><br>
  70. {#                             <strong>Hôtel ****</strong> Prestige Strasbourg <a href="tel:+33 3 67 29 03 00" target="_blank">Contacter</a><br>
  71.                             <strong>Hôtel **</strong> Strasbourg Mundolsheim (à 25 min) <a href="tel:+33 3 90 22 23 24" target="_blank">Contacter</a><br>
  72.                             <strong>Hôtel **</strong> Strasbourg Aéroport (à 40 min) <a href="tel:+33 3 90 20 22 22" target="_blank">Contacter</a> #}
  73.                         </p>
  74.                     </div>
  75.                     <div class="col-md-6">
  76.             <h4>{{ 'partenaires_s1_2'|tr(tr)|upper|raw }}</h4>
  77.                         <p>
  78.                             <strong>L’ancienne Distillerie</strong> – Kirrwiller – <a href="tel:+33 3 89 58 72 47" target="_blank">{{ 'contact_tel'|tr(tr)|raw }}</a> – <a href="mailto:ancienne.distillerie@orange.fr" target="_blank">ancienne.distillerie@orange.fr</a><br>
  79.                             {#<strong>L’été en Novembre</strong> – Kirrwiller – <a href="http://www.ete-en-novembre.fr" target="_blank">www.ete-en-novembre.fr</a><br>
  80.                             <strong>Gîte au Bonheur des Hirondelles</strong> – Kirrwiller – <a href="http://www.au-bonheur-des-hirondelles.fr" target="_blank">www.au-bonheur-des-hirondelles.fr</a><br>#}
  81.                             <strong>Chez Les Grands Parents</strong> – Kirrwiller – <a href="http://www.bidgrosseltere.com" target="_blank">www.bidgrosseltere.com</a><br>
  82.                             {#<strong>Villa Béatrice</strong> – Hochfelden – <a href="http://www.villa-beatrice.fr" target="_blank">www.villa-beatrice.fr</a><br>
  83.                             <strong>La Forge</strong> - Ringendorf - <a href="http://www.laforge-ringendorf.com" target="_blank">www.laforge-ringendorf.com</a><br>#}
  84.                             <strong>La Ferme ADAM</strong> – Bossendorf - <a href="http://www.ferme-adam.fr" target="_blank">www.ferme-adam.fr</a><br>
  85.               {# <strong>Au fil du Temps</strong> – Imbsheim - <a href="https://www.aufildutemps67.com/" target="_blank">www.aufildutemps67.com</a><br>#}
  86.                         </p>
  87. {#            <h4 class="mt-5">{{ 'partenaires_s1_3'|tr(tr)|upper|raw }}</h4>
  88.             <p>
  89.               <strong>LE 22</strong> – 2 appartements pour 2 à 4 personnes – <a href="https://le22-mietesheim.fr/" target="_blank">www.le22-mietesheim.fr</a>
  90.             </p>#}
  91.                     </div>
  92.                 </div>
  93.             </div>
  94.         </section>
  96.         <section class="espace-content full mt-0 mb-0 grey-bg infos partenaires">
  97.             <div class="content mt-5 pt-4">
  98.                 <h2 class="mb-5 no-bar marcher">{{ 'partenaires_s2_title'|tr(tr)|raw }}</h2>
  101.                 <div class="row pb-5">
  102.                     <div class="col-md-6">
  103.                         <p>
  104.                             <strong class="text-red">{{ 'partenaires_s2_1'|tr(tr)|raw }}</strong>
  105.                         </p>
  106.                         <p class="mt-4">
  107.                             <strong>Pays de Haguenau</strong> – <a href="http://www.tourisme-haguenau-potiers.com" target="_blank">www.tourisme-haguenau-potiers.com</a></br>
  108.                             <strong>Pays de Hanau et du Val de Moder</strong> – <a href="http://www.tourisme-hanau-moder.fr" target="_blank">www.tourisme-hanau-moder.fr</a>
  109.                         </p>
  110.                         <p class="mt-4">
  111.                             <strong class="text-red">{{ 'partenaires_s2_2'|tr(tr)|raw }}</strong>
  112.                         </p>
  113.                         <p class="mt-4">
  114.                             <strong>Féérie de Noël</strong> – Riquewihr – <a href="http://www.feeriedenoel.com" target="_blank">www.feeriedenoel.com</a></br>
  115.                             <strong>MMPARK</strong> – La Wantzenau – <a href="http://www.mmpark.fr" target="_blank">www.mmpark.fr</a></strong>
  116.                         </p>
  117.                         <p class="mt-4">
  118.                             <strong class="text-red">{{ 'partenaires_new'|tr(tr)|raw }}</strong>
  119.                         </p>
  120.                         <p class="mt-4">
  121.                             <strong>Domaine Bohr à Gimbrett</strong> – ( à 20 minutes de Kirrwiller ) – <a href="https://www.domaine-bohr.com/" target="_blank">www.domaine-bohr.com</a></br>
  122.                         </p>
  123. {#                         <p class="mt-4">
  124.                             <strong class="text-red">{{ 'partenaires_s2_3'|tr(tr)|raw }}</strong>
  125.                         </p>
  126.                         <p class="mt-4">
  127.                             <strong>L’écu d’Alsace</strong> – Gresswiller
  128.                         </p> #}
  129.                     </div>
  130.                     <div class="col-md-6">
  131.                         <p>
  132.                             <strong class="text-red">{{ 'partenaires_s2_4'|tr(tr)|raw }}</strong>
  133.                         </p>
  134.                         <p class="mt-4">
  135.                             <strong>S’BASTBERGER STUEWEL</strong> – 25 Rue Pricipale 67330 Imbsheim – <a href="tel:03 88 70 73 75" target="_blank">03 88 70 73 75</a>
  136.                         </p>
  137.                         <p class="mt-4">
  138.                             <strong class="text-red">{{ 'partenaires_s2_5'|tr(tr)|raw }}</strong>
  139.                         </p>
  140.                         <p class="mt-4">
  141.                             <strong>La Villa Meteor</strong> – Hochfelden – <a href="http://www.tourisme-alsace.com" target="_blank">www.tourisme-alsace.com</a></br>
  142.                             <strong>La fabrique à Bretzel</strong> – Gundershoffen – <a href="http://www.boehli.fr" target="_blank">www.boehli.fr</a></br>
  143.                             <strong>Le plan incliné</strong> – Arzviller - <a href="http://www.plan-incline.com" target="_blank">www.plan-incline.com</a></br>
  144.                             <strong>Le musée Lalique</strong> - Winger sur Moder – <a href="http://www.lalique.com" target="_blank">www.lalique.com</a></br>
  145.                             <strong>Le musée de la locomotive à vapeur à 3 Chemin du Sable</strong> - Obermodern
  146.                         </p>
  147.                     </div>
  148.                 </div>
  149.             </div>
  150.         </section>
  152.     {% include 'FrontBundle/Partial/spectacle.html.twig' %}
  154.         {% include 'FrontBundle/Partial/footer.html.twig' %}
  156. {% endblock %}
  158. {% block javascripts %}
  161.   <script type="text/javascript">
  163.     $(document).ready(function() {
  165.       hoverList(document.querySelector('.nav-list ul li.active'));
  167.       $(window).scrollTop(0);
  170.       if( $('.nav-list .overlay').length > 0 ){
  172.         const overlay = document.querySelector('.nav-list .overlay');
  173.         const nav_list = document.querySelectorAll('.nav-list ul li');
  176.         nav_list.forEach((list) => {
  177.           list.addEventListener('mouseover', () => {
  178.             let position = list.getBoundingClientRect();
  179.             overlay.classList.add('active');
  180.             overlay.style.left = position.x + 'px';
  181.             overlay.style.top = position.y + 'px';
  182.             overlay.style.height = position.height + 'px';
  183.             overlay.style.width = position.width + 'px';
  184.           });
  185.           list.addEventListener('mouseout', () => {
  186.             overlay.classList.remove('active');
  187.           });
  188.         });
  190.       }
  194.     });
  196.     function hoverList(list){
  197.       if( $('.nav-list .overlay').length > 0 ){
  198.         const overlay = document.querySelector('.nav-list .overlay');
  199.         let position = list.getBoundingClientRect();
  200.         overlay.classList.add('active');
  201.         overlay.style.left = position.x + 'px';
  202.         // overlay.style.top = position.y + 'px';
  203.         overlay.style.top = $('.nav-list').position().top + 20 + 'px';
  204.         overlay.style.height = position.height + 'px';
  205.         overlay.style.width = position.width + 'px';
  206.       }
  207.     }
  210.     $('.nav-list ul li').on('mouseover', function(){
  211.       $('.nav-list ul li').removeClass('hover');
  212.       $(this).addClass('hover');
  213.     });
  214.     hoverList(document.querySelector('.nav-list ul li.active'));
  215.     setTimeout( function(){hoverList(document.querySelector('.nav-list ul li.active'));}  , 500);
  216.     setTimeout( function(){hoverList(document.querySelector('.nav-list ul li.active'));}  , 1000);
  218.   </script>
  221. {% endblock %}