<header class="site-header">
        <div class="site-header__wrap">
          <a href="{{ site.link }}" class="site-header__site-title">
            <h1>Linde Virtual <br/>Academy</h1>
          </a>
          <div class="site-header__logo-wrap mobile">
            <img class="site-header__logo" src="{{ theme.link }}/frontend/img/linde-logo-mobile.png" alt="Linde logo" />
          </div>
          <button class="hamburger hamburger--squeeze" type="button">
            <span class="hamburger-box">
              <span class="hamburger-inner"></span>
            </span>
          </button>
          <nav class="site-header__nav">
            <ul class="site-header__main-nav">

              {% for item in menu.main.get_items %}
              <li class="site-header__item {{ item.current ? 'active' }}">

                {%  if (item.link starts with '#') and (fn('is_front_page') == false)  %}
                    <a href="{{ site.link }}{{ item.link }}" class="site-header__link">{{ item.title }}</a>
                {% else %}
                    <a href="{{ item.link }}" class="site-header__link">{{ item.title }}</a>
                {% endif %}
              </li>
              {% endfor %}
              <li class="site-header__item nav-btn">
                <a href="{{ site.link }}/form/" class="site-header__link nav-btn__link btn btn--hollow modal-form-trigger" onClick="gtag('event', 'form_open', { 'event_category' : 'Get Started click', 'event_label' : 'Get started - Header' });"><span>Get started</span></a>
              </li>
            </ul>
          </nav>
          <a href="{{ site.link }}" class="site-header__logo-wrap desktop">
            <picture>
              <source srcset="{{ theme.link }}/frontend/img/linde-logo.png" media="(min-width: 992px)">
              <img class="site-header__logo" src="{{ theme.link }}/frontend/img/linde-logo-mobile.png" alt="Linde logo" />
            </picture>
          </a>
      </div>
    </header>