templates/includes/header.html.twig line 1

Open in your IDE?
  1. {% set isHomepage = '' %}  
  3. {% if document.getProperty("is-homepage") == true %}
  4.     {% set isHomepage = 'apk-is-homepage' %}
  5. {% endif %}
  7. {% if not editmode %}
  8. <header id="header">
  10.     <div class="{{ isHomepage }}">
  11.         <div class="apk-above-header uk-visible@m">
  12.             <div class="uk-container apk-container-1400 uk-position-relative">
  13.                 <div uk-navbar>
  15.                     <div class="uk-navbar-right">
  16.                         <ul class="uk-navbar-nav">
  17.                             <li>
  18.                                 <a href="/{{ app.request.locale }}/rdv-gratuit" class="uk-button uk-margin-small-top">{{ 'Rendez-vous gratuit'|trans }}</a>
  19.                             </li>
  20.                         </ul>
  21.                     </div>
  23.                 </div>
  24.             </div>
  25.         </div>
  27.         <div class="apk-menu-middle uk-visible@m">
  28.             <div class="uk-container apk-container-1400">
  29.                 <div uk-navbar>
  30.                     <div class="uk-navbar-left" style="margin-top: -25px;">
  31.                         <a href="/{{ app.request.locale }}"><img class="apk-logo-header" src="/static/img/logos/logo.png" alt=""></a>
  33.                         {% if document.getProperty("navPublic") == "professionnels" %}
  34.                         <div class="uk-inline">
  35.                             <button class="uk-button {% if document.getProperty("is-homepage") == true %}uk-button-primary{% else %}uk-button-other{% endif %} uk-margin-left" type="button">Je suis professionnel <img uk-svg width="8" src="/static/img/pictos/arrow-down.svg" alt=""></button>
  36.                             <div class="uk-dropdown-large" uk-dropdown style="padding: 15px;">
  37.                                 <ul class="uk-nav uk-dropdown-nav">
  38.                                     <li><a href="/{{ app.request.locale }}/particuliers" style="color: #063F5C;min-height: 0;">{{"Je suis particulier"|trans}}</a></li>
  39.                                 </ul>
  40.                             </div>
  41.                         </div>
  42.                        
  43.                         {% else %}
  45.                          <div class="uk-inline">
  46.                             <button class="uk-button {% if document.getProperty("is-homepage") == true %}uk-button-primary{% else %}uk-button-other{% endif %} uk-margin-left" type="button">Je suis particulier <img uk-svg width="8" src="/static/img/pictos/arrow-down.svg" alt=""></button>
  47.                             <div class="uk-dropdown-large" uk-dropdown style="padding: 15px;">
  48.                                 <ul class="uk-nav uk-dropdown-nav">
  49.                                     <li><a href="/{{ app.request.locale }}/professionnels" style="color: #063F5C;min-height: 0;">{{"Je suis professionnel"|trans}}</a></li>
  50.                                 </ul>
  51.                             </div>
  52.                         </div>
  53.                         {% endif %}
  55.                     </div>
  56.                     <div class="uk-navbar-right">
  57.                         {% include "includes/main-nav.html.twig" %}
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </div>
  64.     <div class="uk-background-muted uk-hidden@m apk-header-mobile">
  65.         <div class="uk-position-z-index" uk-sticky>
  66.             <div class="apk-div-menu-mobile uk-hidden@m">
  67.                 <div class="uk-flex uk-flex-between">
  68.                     <div class="apk-logo-header-mobile">
  69.                         <a href="/{{ app.request.locale }}"><img width="175" src="/static/img/logos/logo.png" alt=""></a>
  70.                     </div>
  71.                     <div class="uk-flex uk-flex-middle">
  72.                         <a class="apk-btn-mobile" uk-toggle="target: #offcanvas-nav-primary"><img uk-svg src="/static/img/pictos/menu-burger.svg" alt=""></a>
  73.                     </div>
  74.                 </div>
  75.             </div>
  77.             <div id="offcanvas-nav-primary" class="apk-menu-mobile" uk-offcanvas="overlay: true; flip: true">
  78.                 <div class="uk-offcanvas-bar uk-flex uk-flex-column">
  79.                     <div class="apk-div-logo-menu-mobile">
  80.                         <a href="/{{ app.request.locale }}"><img class="logo-menu-mobile-offcanvas" src="/static/img/logos/logo.png" alt=""></a>
  81.                     </div>
  83.                     <a class="uk-button uk-margin-small-bottom uk-margin-top apk-button-rdv" href="/{{ app.request.locale }}/rdv-gratuit">{{ 'Rendez-vous gratuit'|trans }}</a>
  85.                     {% include "includes/main-nav-sidebar.html.twig" %}
  87.                     {% if document.getProperty("navPublic") == "professionnels" %}
  88.                     <div class="uk-inline">
  89.                         <button class="uk-button uk-button-other uk-margin-top" type="button">{{"Je suis professionnel"|trans}}<img uk-svg width="8" src="/static/img/pictos/arrow-down.svg" alt=""></button>
  90.                         <div class="uk-dropdown-large" uk-dropdown style="padding: 15px;">
  91.                             <ul class="uk-nav uk-dropdown-nav">
  92.                                 <li><a href="/{{ app.request.locale }}/particuliers" style="color: #063F5C;min-height: 0;">{{"Je suis particulier"|trans}}</a></li>
  93.                             </ul>
  94.                         </div>
  95.                     </div>
  96.                     {% else %}
  97.                     <div class="uk-inline">
  98.                         <button class="uk-button uk-button-other uk-margin-top" type="button">{{"Je suis particulier"|trans}}<img uk-svg width="8" src="/static/img/pictos/arrow-down.svg" alt=""></button>
  99.                         <div class="uk-dropdown-large" uk-dropdown style="padding: 15px;">
  100.                             <ul class="uk-nav uk-dropdown-nav">
  101.                                 <li><a href="/{{ app.request.locale }}/professionnels" style="color: #063F5C;min-height: 0;">{{"Je suis professionnel"|trans}}</a></li>
  102.                             </ul>
  103.                         </div>
  104.                     </div>
  105.                     {% endif %}
  106.                             
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </div>
  112. </header>
  113. {% endif %}
  116. {#{ get_language_switcher_html() }#}