templates/layout/navigation.html.twig line 1

Open in your IDE?
  1. {# Navigation #}
  2. <header class="main--navigation{% if app.request.attributes.get('_route') == "home" %} mode--transparent{% endif %}">
  3.     <div class="navigation--wrapper">
  5.         {# Mobile #}
  6.         <div class="mobile--offcanvas">
  7.             <ul class="mobile--nav" role="menubar" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
  8.                 <li class="mobile-nav--item" role="menuitem"><a itemprop="url" class="nav--link{% if path('news_index') %} is--active{% endif %}" href="{{ path('news_index') }}" title="Neuigkeiten"><span itemprop="name">News</span></a></li>
  9.                 <li class="mobile-nav--item" role="menuitem"><a itemprop="url" class="nav--link{% if path('club_index') %} is--active{% endif %}" href="{{ path('club_index') }}" title="Über den Verein"><span itemprop="name">Über den Verein</span></a></li>
  10.                 <li class="mobile-nav--item" role="menuitem"><a itemprop="url" class="nav--link{% if path('management_index') %} is--active{% endif %}" href="{{ path('management_index') }}" title="Der Vorstand des Cor Tennisclub Rheda e.V."><span itemprop="name">Vorstand</span></a></li>
  11.                 <li class="mobile-nav--item" role="menuitem"><a itemprop="url" class="nav--link{% if path('training_index') %} is--active{% endif %}" href="{{ path('training_index') }}" title="Trainer des Cor Tennisclub Rheda e.V."><span itemprop="name">Training</span></a></li>
  12.                 <li class="mobile-nav--item" role="menuitem"><a itemprop="url" class="nav--link{% if path('teams_index') %} is--active{% endif %}" href="{{ path('teams_index') }}" title="Mannschaften des Cor Tennisclub Rheda e.V."><span itemprop="name">Mannschaften</span></a></li>
  13.                 <li class="mobile-nav--item" role="menuitem"><a itemprop="url" class="nav--link{% if path('calendar_index') %} is--active{% endif %}" href="{{ path('calendar_index') }}" title="Termine und Kalender"><span itemprop="name">Termine</span></a></li>
  14.                 <li class="mobile-nav--item" role="menuitem"><a itemprop="url" class="nav--link{% if path('membership_index') %} is--active{% endif %}" href="{{ path('membership_index') }}" title="Mitgliedschaft"><span itemprop="name">Mitgliedschaft</span></a></li>
  15.                 <li class="mobile-nav--item" role="menuitem"><a itemprop="url" class="nav--link{% if path('contact_index') %} is--active{% endif %}" href="{{ path('contact_index') }}" title="Kontakt"><span itemprop="name">Kontakt</span></a></li>
  16.             </ul>
  17.         </div>
  19.         {# Main menu #}
  20.         <div class="main--menu">
  21.             <div class="logo--holder">
  22.                 <a class="logo--link" href="{{ path('home') }}">
  23.                     <div class="nav--logo">
  24.                         <svg width="107" height="50" viewBox="0 0 107 50" fill="none" xmlns="http://www.w3.org/2000/svg">
  25.                             <path d="M32.3756 26.8313V14.521C32.3756 14.521 27.334 12.1459 21.0591 12.1459C16.9924 12.1459 0 14.521 0 30.7147C0 47.2373 17.42 49.2952 21.1671 49.2952C26.5893 49.2952 32.3756 46.9201 32.3756 46.9201V34.0695C32.3756 34.0695 27.7522 36.1204 24.2987 36.2285C20.8429 36.3365 16.7035 35.1361 16.5061 30.7147C16.3088 26.2933 20.8312 24.9166 24.1907 24.7827C27.6512 24.6418 32.3756 26.8313 32.3756 26.8313Z" fill="currentColor"/>
  26.                             <path d="M73.6711 26.8313V14.521C73.6711 14.521 78.7127 12.1459 84.9877 12.1459C89.0543 12.1459 106.047 14.521 106.047 30.7147C106.047 47.2373 88.6291 49.2952 84.8796 49.2952C79.4575 49.2952 73.6711 46.9201 73.6711 46.9201V34.0695C73.6711 34.0695 78.2946 36.1204 81.748 36.2285C85.2038 36.3365 89.3433 35.1361 89.5406 30.7147C89.738 26.2933 85.2132 24.9166 81.8561 24.7827C78.3956 24.6418 73.6711 26.8313 73.6711 26.8313Z" fill="currentColor"/>
  27.                             <path d="M36.057 21.489L57.7199 0V16.9549H68.6699V26.2416H57.7199L57.6917 32.0725C57.6564 34.3396 58.8428 37.039 62.4067 36.8252C66.2877 36.5902 68.6699 34.342 68.6699 34.342V46.8684C68.6699 46.8684 60.7857 50 56.1435 50C49.9883 50 42.6445 45.4635 42.2122 41.0374C41.6859 35.6529 42.0712 26.244 42.0712 26.244H36.0547V21.489H36.057Z" fill="currentColor"/>
  28.                         </svg>
  29.                     </div>
  30.                 </a>
  31.             </div>
  33.             {# Navigation #}
  34.             <nav>
  35.                 <ul class="desktop--menu" role="menubar" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
  36.                     <li role="menuitem"><a itemprop="url" class="nav--link{% if path('news_index') %} is--active{% endif %}" href="{{ path('news_index') }}" title="Neuigkeiten"><span itemprop="name">News</span></a></li>
  37.                     <li role="menuitem"><a itemprop="url" class="nav--link{% if path('club_index') %} is--active{% endif %}" href="{{ path('club_index') }}" title="Über den Verein"><span itemprop="name">Über den Verein</span></a></li>
  38.                     <li role="menuitem"><a itemprop="url" class="nav--link{% if path('management_index') %} is--active{% endif %}" href="{{ path('management_index') }}" title="Der Vorstand des Cor Tennisclub Rheda e.V."><span itemprop="name">Vorstand</span></a></li>
  39.                     <li role="menuitem"><a itemprop="url" class="nav--link{% if path('training_index') %} is--active{% endif %}" href="{{ path('training_index') }}" title="Trainer des Cor Tennisclub Rheda e.V."><span itemprop="name">Training</span></a></li>
  40.                     <li role="menuitem"><a itemprop="url" class="nav--link{% if path('teams_index') %} is--active{% endif %}" href="{{ path('teams_index') }}" title="Mannschaften des Cor Tennisclub Rheda e.V."><span itemprop="name">Mannschaften</span></a></li>
  41.                     <li role="menuitem"><a itemprop="url" class="nav--link{% if path('calendar_index') %} is--active{% endif %}" href="{{ path('calendar_index') }}" title="Termine und Kalender"><span itemprop="name">Termine</span></a></li>
  42.                     <li role="menuitem"><a itemprop="url" class="nav--link{% if path('membership_index') %} is--active{% endif %}" href="{{ path('membership_index') }}" title="Mitgliedschaft"><span itemprop="name">Mitgliedschaft</span></a></li>
  43.                     <li role="menuitem"><a itemprop="url" class="nav--link{% if path('contact_index') %} is--active{% endif %}" href="{{ path('contact_index') }}" title="Kontakt"><span itemprop="name">Kontakt</span></a></li>
  44. {#                    <li role="menuitem"><a itemprop="url" class="nav--button" href="{{ path('news_index') }}" title="Aktuelles"><span itemprop="name">Aktuelles</span></a></li>#}
  45.                     <li role="menuitem"><a itemprop="url" class="nav--button" href="https://rheda.tennisplatz.info/" title="Platzbuchung" target="_blank"><span itemprop="name">Platzbuchung</span></a></li>
  46.                 </ul>
  48.                 <ul class="mobile--menu">
  49. {#                    <li><a class="nav--button" href="{{ path('news_index') }}" title="Aktuelles">Aktuelles</a></li>#}
  50.                     <li><a class="nav--button" href="https://rheda.tennisplatz.info/" title="Platzbuchung" target="_blank">Platzbuchung</a></li>
  51.                     <li>
  52.                         <div class="mobile-menu--icon">
  53.                             <span></span>
  54.                             <span></span>
  55.                             <span></span>
  56.                             <span></span>
  57.                         </div>
  58.                     </li>
  59.                 </ul>
  60.             </nav>
  61.         </div>
  62.     </div>
  63. </header>