templates/Theme/VoetbalRetour/pages/pages_header.html.twig line 1

Open in your IDE?
  1. {# {% extends 'pages/pages_header.html.twig' %} #}
  3. {% import "page/macro/node.html.twig" as node %}
  4. {% import 'page/macro/breadcrumbs.html.twig' as breadcrumbNode %}
  6. {% block content %}
  7.     <div class="d-xl-none mobile-menu" id="o-wrapper">
  8.         <nav id="c-menu--slide-left" class="c-menu c-menu--slide-left">
  9.             <div class="head row">
  10.                 <div class="col-11">
  11.                     <a class="navbar-brand" href="{{ path('homepage') }}" title="{{ site_company_name|default('Get.Noticed') }}">
  12.                         <svg viewBox="0 0 308 58" xmlns:xlink="http://www.w3.org/1999/xlink">
  13.                             <use xlink:href="#svg-logo" title="Voetbalretour logo"></use>
  14.                         </svg>
  15.                     </a>
  16.                 </div>
  17.                 <button class="c-menu__close navbar-toggle">
  18.                     <i class="far fa-times"></i>
  19.                 </button>
  20.             </div>
  21.             <div class="wrapper">
  22.                 <ul class="c-menu__items">
  23.                     {% import "page/macro/mobile_menu.node.html.twig" as mobileNode %}
  25.                     {% for page in pages %}
  26.                         {{ mobileNode.nodeLink(page) }}
  27.                     {% endfor %}
  28.                     <li class="c-menu__item">
  29.                         <a class="" href="/favorieten">
  30.                             <i class="fas fa-star"></i>
  31.                             Favorieten
  32.                         </a>
  33.                     </li>
  34.                 </ul>
  35.             </div>
  36.         </nav><!-- /c-menu slide-left -->
  37.     </div>
  38.     <div id="c-mask" class="c-mask"></div><!-- /c-mask -->
  39.     <header id="header" class="">
  40.         <div class="container-fluid is-content-fluid is-container">
  41.             <div class="head d-none d-xl-block">
  42.                 <div class="flex-group">
  43.                     <a class="navbar-brand" href="{{ path('homepage') }}" title="{{ site_company_name|default('Get.Noticed') }}">
  44.                         <img src="{{ media_asset(config_setting('site_logo')) }}"
  45.                              alt="{{ site_company_name|default('Get.Noticed') }}" class="logo">
  46.                     </a>
  47.                     <nav class="header-nav main-nav">
  48.                         <div id="header-menu">
  49.                             <ul>
  50.                                 {% for page in pages %}
  51.                                     {{ node.nodeLink(page) }}
  52.                                 {% endfor %}
  53.                             </ul>
  54.                         </div>
  55.                     </nav>
  56.                     <nav class="user-nav is-position-relative">
  57.                         <ul class="second-nav">
  58.                             <li>
  59.                                 <a class="is-btn is-btn-icon stroke-small-r" href="/favorieten">
  60.                                     <i class="fas fa-star"></i>
  61.                                     {#<div class="number d-flex justify-content-center align-items-center"><span>2</span></div>#}
  62.                                 </a>
  63.                             </li>
  64.                             <li>
  65.                                 <a class="is-btn stroke-right" href="{{ path('user_login') }}"><i class="fas fa-user icon-before"></i>Mijn VR</a>
  66.                             </li>
  67.                         </ul>
  68.                     </nav>
  69.                 </div>
  70.             </div>
  72.             <div data-component="MenuMobile" class="head mobile d-xl-none">
  73.                 <div class="col-12 flex-group flex-group__mobile">
  74.                     <a class="navbar-brand" href="{{ path('homepage') }}" title="{{ site_company_name|default('Get.Noticed') }}">
  75.                         <img class="logo" src="/uploads/schild.svg" alt="{{ site_company_name|default('Get.Noticed') }}">
  76.                     </a>
  77.                     <nav class="user-nav is-position-relative">
  78.                         <ul class="second-nav">
  79.                             <li>
  80.                                 <a class="is-btn is-btn-icon stroke-small-r" href="/favorieten">
  81.                                     <i class="fas fa-star"></i>
  82.                                 </a>
  83.                             </li>
  84.                             <li>
  85.                                 <a class="is-btn stroke-right" href="{{ path('user_login') }}"><i class="fas fa-user icon-before"></i>Mijn VR</a>
  86.                             </li>
  87.                         </ul>
  88.                     </nav>
  89.                     <button type="button" id="c-button--slide-left" class="navbar-toggle c-button--slide-left is-btn is-btn-icon stroke-small-r is-background-color-accent">
  90.                         <span class="sr-only">Toggle navigation</span>
  91.                         <i class="fa-solid fa-bars"></i>
  92.                     </button>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </header>
  97. {% endblock %}