templates/FrontBundle/Partial/menu.html.twig line 1

Open in your IDE?
  2. <style>
  3.   .main-menu .artist {
  4.     position: relative;
  5.     top: inherit;
  6.     margin-top: -76px;
  7.     transition: all 0.5s ease-out;
  8.   }
  10.   .menu-visu:hover img {
  11.     transform: scale(1.05);
  12.     cursor: pointer;
  13.   }
  14.   .main-menu .submenu a{
  15.     margin: 0 0 10px 0;
  16.   }
  17.   @media (max-width: 430px){
  18.     .main-menu a.item-mobile{
  19.       margin-bottom: 3.03rem !important;
  20.     }
  21.   }
  22. </style>
  24. <div class="main-menu">
  27.   <div class="header">
  28.     <a href="/{{app.request.locale}}" class="logo"><img src="/front/img/logo-r.svg" alt="{{app_sitename}}" /></a>
  30.     <div class="menu-left">
  31.       <div href="#" class="locale">
  32.         {{ app.request.locale|upper }}
  33.         <ul>
  34.           {% if app.request.locale != 'fr' %}<li><a href="/fr/{{ (fr_url is defined) ? fr_url : page.slug|getUrl('fr') }}">FR</a></li>{% endif %}
  35.           {% if app.request.locale != 'de' %}<li><a href="/de/{{ (de_url is defined) ? de_url : page.slug|getUrl('de') }}">DE</a></li>{% endif %}
  36.           {% if app.request.locale != 'en' %}<li><a href="/en/{{ (en_url is defined) ? en_url : page.slug|getUrl('en') }}">EN</a></li>{% endif %}
  37.         </ul>
  38.       </div>
  39.       <a href="/{{app.request.locale }}/mon-compte"><img width="27px" src="/front/img/user-icon-r.svg" alt="Mon compte" /></a>
  40.     </div>
  42.     <div class="menu-right">
  44.       <div class="menu-order"><a href="/{{app.request.locale }}/{{ 'reservation'|getUrl(app.request.locale) }}">{{ 'general_reserver'|tr(tr)|raw }}</a></div>
  46.       <div class="search">
  47.         <img src="/front/img/search-r.svg" alt="search" />
  48.         <form class="search_form" role="search" method="get" id="searchformMenu" action="/" autocomplete="off">
  49.           <input type="text" value="" name="s" class="field" id="searchInputMenu" onkeyup="" placeholder="&nbsp;">
  50.         </form>
  51.         <div id="datafetch">
  52.         </div>
  53.       </div>
  55.       <div class="menu-icon">
  56.         <input class="menu-icon__cheeckbox" type="checkbox" />
  57.         <div>
  58.           <span></span>
  59.           <span></span>
  60.         </div>
  61.       </div>
  62.     </div>
  63.   </div>
  65.   <div class="content container">
  67.     <div class="row">
  68.       <div class="col-md-4">
  69.         <a href="#" class="item has-submenu no-arrow">{{ 'menu_rp'|tr(tr)|raw }}</a>
  70.         <div class="submenu">
  71.           <a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}">{{ 'menus_tarifs_btn'|tr(tr)|raw }}</a>
  72.           <a href="/{{app.request.locale }}/{{ 'informations-pratiques'|getUrl(app.request.locale) }}">{{ 'menu_infos'|tr(tr)|raw }}</a>
  73.           <a href="/{{app.request.locale }}/{{ 'faq'|getUrl(app.request.locale) }}">{{ 'menu_faq'|tr(tr)|raw }}</a>
  74.           <a href="/{{app.request.locale }}/{{ 'nos-espaces'|getUrl(app.request.locale) }}">{{ 'menu_espaces'|tr(tr)|raw }}</a>
  75.           <a href="/{{app.request.locale }}/{{ 'notre-histoire'|getUrl(app.request.locale) }}">{{ 'menu_histoire'|tr(tr)|raw }}</a>
  76.         </div>
  77.         <a href="#" class="item has-submenu no-arrow">{{ 'menu_spectacles'|tr(tr)|raw }}</a>
  78.         <div class="submenu">
  79.           {# <a href="/{{app.request.locale }}/spectacle/frenesie">Frénésie 2022 / 2023</a> #}
  81.           <a href="/{{ app.request.locale }}/spectacle/le-parfum-des-etoiles">Parfum d'étoiles 2025/2026</a>
  82.           {#<a href="/{{ app.request.locale }}/spectacle/deesses">Déesses 2024/2025</a>#}
  83.           <a href="/{{app.request.locale }}/{{ 'spectacles-speciaux'|getUrl(app.request.locale) }}#concerts">{{ 'menu_concerts'|tr(tr)|raw }}</a>
  84.           <a href="/{{app.request.locale }}/{{ 'spectacles-speciaux'|getUrl(app.request.locale) }}#noel">{{ 'menu_noel'|tr(tr)|raw }}</a>
  85.           <a href="/{{app.request.locale }}/{{ 'spectacles-speciaux'|getUrl(app.request.locale) }}#evenements">{{ 'menu_evenements'|tr(tr)|raw }}</a>
  86.           {# <a href="/{{app.request.locale }}/{{ 'spectacles-speciaux'|getUrl(app.request.locale) }}">Dates spéciales</a> #}
  87.           <a href="/{{app.request.locale }}/{{ 'spectacles-precedents'|getUrl(app.request.locale) }}">{{ 'menu_passes'|tr(tr)|raw }}</a>
  88.         </div>
  90.         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}" class="item" style="margin-bottom: 71px;">{{ 'menu_bons'|tr(tr)|raw }}</a>
  92.       </div>
  93.       <div class="col-md-4">
  94.         <a href="/{{app.request.locale }}/{{ 'espace-entreprises'|getUrl(app.request.locale) }}" class="item item-mobile" style="margin-bottom: 56px;">{{ 'menu_entreprises'|tr(tr)|raw }}</a>
  95.         <a href="/{{app.request.locale }}/{{ 'reservation'|getUrl(app.request.locale) }}" class="item item-mobile" style="margin-bottom: 58px;">{{ 'menu_reserver'|tr(tr)|raw }}</a>
  96.         <a href="https://miss-alsace.fr" target="_blank" class="item item-mobile" style="margin-bottom: 58px;">Miss Alsace</a>
  97.         <a href="/{{app.request.locale }}/{{ 'offres-emploi'|getUrl(app.request.locale) }}" class="item item-mobile" style="margin-bottom: 58px;">{{ 'menu_emploi'|tr(tr)|raw }}</a>
  98.         <a href="/{{app.request.locale }}/{{ 'actualites'|getUrl(app.request.locale) }}" class="item item-mobile" style="margin-bottom: 58px;">{{ 'menu_actu'|tr(tr)|raw }}</a>
  99.         <a href="/{{app.request.locale }}/{{ 'contact'|getUrl(app.request.locale) }}" class="item mb-0 item-mobile">{{ 'menu_contact'|tr(tr)|raw }}</a>
  100.       </div>
  101.       <div class="col-md-4">
  102.         <a href="/{{ app.request.locale }}/spectacle/le-parfum-des-etoiles" class="menu-visu">
  103.           <img src="/front/img/2025/menu-parfum-etoiles-2-2026.png" alt="menu-artist" class="artist" />
  104.         </a>
  105.       </div>
  106.     </div>
  107.   </div>
  108.   
  109.   <ul class="second-menu">
  110.     <li class="button"><a href="{{ absolute_url('/front/deroulement-spectacle.pdf') }}" target="_blank">{{ 'btn_deroulement'|tr(tr)|raw }} <img src="/front/img/espaces-down-link-r-small.svg" alt="Déroulement d'un évènement"></a></li>
  111.     <li><a href="{{ absolute_url('/newsletter/2024.pdf') }}" target="_blank">newsletter</a></li>
  112.     <li><a href="https://www.facebook.com/royalpalacekirrwilleroff" target="_blank">facebook</a></li>
  113.     <li><a href="https://www.instagram.com/royalpalacekirrwiller/" target="_blank">instagram</a></li>
  114.     <li><a href="https://www.linkedin.com/company/le-royal-palace-kirrwiller/about/" target="_blank">linkedin</a></li>
  115.     {# <li><a href="/{{app.request.locale }}/{{ 'actualites'|getUrl(app.request.locale) }}">{{ 'menu_actu'|tr(tr)|raw }}</a></li> #}
  116.   </ul>
  117.   <span class="arrow"></span>
  118. </div>