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> #}
  80.             
  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/deesses" 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>
  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>