templates/front/inc/header.html.twig line 1

Open in your IDE?
  1. <header class="position-fixed w-100 {% if app.request.attributes.get('_route') == 'front_partner_list' %}header-iris{% endif %}
  2.     {% if app.request.attributes.get('_route') == 'front_contact' or
  3.     app.request.attributes.get('_route') == 'front_page' %}bg-red{% endif %}"
  4.     {% if app.request.attributes.get('_route') != 'front_contact_form' %} style="min-height:170px;"{% endif %}
  5.     >
  6.     <div class="row col-md-2">
  7.         <a href="{{ path('front_home_index') }}" class="container-logo p-2 d-flex justify-content-center align-items-center" id="logoContainer">
  8.             <img src="{{ asset('img/iris-logo.svg') }}" id="risLogo" alt="Logo RIS" style="height:80%;" decoding="async">
  9.         </a>
  10.     </div>
  11.     <div class="col-md-10 header-nav container-1400 m-auto">
  12.         <ul class="h-100 d-flex justify-content-around align-items-center p-0">
  13.             <li><a class="{% if app.request.attributes.get('_route') != 'front_partner_list' %}white{% else %}white{% endif %}
  14.                 {% if app.request.attributes.get('_route') == 'front_home_index' %}active{% endif %}" href="{{ path('front_home_index') }}">Accueil</a></li>
  15.             <li><a class="{% if app.request.attributes.get('_route') != 'front_partner_list' %}white{% else %}grey{% endif %}
  16.                 {% if app.request.attributes.get('_route') == 'fornt_management_locative' %}active{% endif %}" href="{{ path('fornt_management_locative') }}">Gestion Locative</a></li>
  17.             <li><a class="{% if app.request.attributes.get('_route') != 'front_partner_list' %}white{% else %}grey{% endif %}
  18.                 {% if app.request.attributes.get('_route') == 'fornt_management_syndicale' %}active{% endif %}" href="{{ path('fornt_management_syndicale') }}">Syndic de Copropriété</a></li>
  19.             <li><a class="{% if app.request.attributes.get('_route') != 'front_immo_agency' %}white{% else %}active{% endif %}" href="{{ path('front_immo_agency') }}">Garantie Loyers Impayés</a></li>
  20.             <li><a class="{% if app.request.attributes.get('_route') != 'front_partner_list' %}white{% else %}grey{% endif %}
  21.                 {% if app.request.attributes.get('_route') == 'fornt_management_building_maintenance' %}active{% endif %}" href="{{ path('fornt_management_building_maintenance') }}">Entretien bâtiment</a></li>
  22.             <li><a class="{% if app.request.attributes.get('_route') != 'front_job_jobs' %}white{% else %}grey{% endif %}
  23.                 {% if app.request.attributes.get('_route') == 'front_job_jobs' %}active{% endif %}" href="{{ path('front_job_jobs') }}">Jobs</a></li>
  24.             {% if app.request.attributes.get('_route') == 'front_partner_list' %}
  25.                 <li><a href="{{ path('front_contact') }}"><img src="{{ asset('img/icon-envelop-menu-white.svg') }}" decoding="async"></a></li>
  26.             {% elseif app.request.attributes.get('_route') == 'front_contact' %}
  27.                 <li><a class="active" href="{{ path('front_contact') }}"><img src="{{ asset('img/icon-envelop-menu-white.svg') }}" decoding="async"></a></li>
  28.             {% else %}
  29.                 <li><a href="{{ path('front_contact') }}"><img src="{{ asset('img/icon-envelop-menu-white.svg') }}" decoding="async"></a></li>
  30.             {% endif %}
  31.         </ul>
  32.     </div>
  33.     <div class="submenu-fixed position-fixed">
  34.         <ul class="d-flex flex-column p-0 m-0">
  35.             <li class="submenu-link deactive">
  36.                 <div class="red-bg">
  37.                     <a href="{{ path('fornt_management_locative') }}">
  38.                         <img src="{{ asset('img/icon-gestion-locative.svg') }}" decoding="async">
  39.                     </a>
  40.                 </div>
  41.                 <a href="{{ path('fornt_management_locative') }}" class="position-relative">
  42.                     <span>Gestion Locative</span>
  43.                 </a>
  44.             </li>
  45.             <li class="submenu-link deactive position-relative">
  46.                 <div class="red-bg">
  47.                     <a href="{{ path('fornt_management_locative') }}">
  48.                         <img src="{{ asset('img/icon-gestion-copro.svg') }}" decoding="async">
  49.                     </a>
  50.                 </div>
  51.                 <a href="{{ path('fornt_management_syndicale', {'advertType': 'liste'}) }}" class="position-relative">
  52.                     <span>Syndic de Copropriété</span>
  53.                 </a>
  54.             </li>
  55.             <li class="submenu-link deactive">
  56.                 <div class="red-bg">
  57.                     <a href="{{ path('front_immo_agency') }}">
  58.                         <img src="{{ asset('img/icon-entretien.svg') }}" decoding="async">
  59.                     </a>
  60.                 </div>
  61.                 <a href="{{ path('front_immo_agency') }}" class="position-relative">
  62.                     <span>Garantie Loyers Impayés</span>
  63.                 </a>
  64.             </li>
  65.             <li class="submenu-link deactive">
  66.                 <div class="red-bg">
  67.                     <a href="{{ path('fornt_management_building_maintenance') }}">
  68.                         <img src="{{ asset('img/icon-entretien.svg') }}" decoding="async">
  69.                     </a>
  70.                 </div>
  71.                 <a href="{{ path('fornt_management_building_maintenance') }}" class="position-relative">
  72.                     <span>Entretien Bâtiment</span>
  73.                 </a>
  74.             </li>
  75.             <li class="submenu-link deactive">
  76.                 <div class="red-bg">
  77.                     <a href="{{ path('front_job_jobs') }}">
  78.                         <img src="{{ asset('img/icon-entretien.svg') }}" decoding="async">
  79.                     </a>
  80.                 </div>
  81.                 <a href="{{ path('front_job_jobs') }}" class="position-relative">
  82.                     <span>Jobs</span>
  83.                 </a>
  84.             </li>
  85.             <li class="submenu-link deactive">
  86.                 <div class="red-bg">
  87.                     <a href="{{ path('front_contact') }}">
  88.                         <img src="{{ asset('img/icon-users.svg') }}" class="last" style="width: 37px;" decoding="async">
  89.                     </a>
  90.                 </div>
  91.                 <a href="{{ path('front_contact') }}" class="position-relative">
  92.                     <span>Contact</span>
  93.                 </a>
  94.             </li>
  95.         </ul>
  96.     </div>
  97.     <div id="burgerMenu" class="burger-menu position-fixed">
  98.         <div class="bar bar1"></div>
  99.         <div class="bar bar2"></div>
  100.         <div class="bar bar3"></div>
  101.         <i class="fas fa-times fa-2x" id="crossMenu" style="color:#E30613"></i>
  102.     </div>
  103.     <div id="responsiveMenu" class="menu-responsive position-fixed bg-red">
  104.         <ul>
  105.             <li><a class="white" href="{{ path('front_home_index') }}">Accueil</a></li>
  106.             <li><a class="white" href="{{ path('fornt_management_locative') }}">Gestion Locative</a></li>
  107.             <li><a class="white" href="{{ path('fornt_management_syndicale') }}">Syndic de Copropriété</a></li>
  108.             <li><a class="white" href="{{ path('front_immo_agency') }}">Garantie Loyers Impayés</a></li>
  109.             <li><a class="white" href="{{ path('fornt_management_building_maintenance') }}">Entretien Bâtiment</a></li>
  110.             <li><a class="white" href="{{ path('front_job_jobs') }}">Jobs</a></li>
  111.             <li><a href="{{ path('front_contact') }}"><img src="{{ asset('img/icon-envelop-menu-white.svg') }}" decoding="async"></a></li>
  112.         </ul>
  113.     </div>
  114. </header>