templates/includes/header.html.twig line 1

Open in your IDE?
  1. <header id="main-header">
  3.     {% if not document.property('is-homepage') %}
  5.     <div class="apk-top-bar uk-visible@m">
  6.         <div class="uk-container apk-container-1400 uk-text-right">
  7.             
  8.             <div style="padding:5px">
  9.                 {% if document.property('companyFacebook') %}
  10.                 <a href="{{ document.property('companyFacebook') }}" target="_blank" class="uk-icon-button atp-btn-facebook" title="facebook" rel="nofollow">
  11.                     <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="facebook"><path  d="M11,10h2.6l0.4-3H11V5.3c0-0.9,0.2-1.5,1.5-1.5H14V1.1c-0.3,0-1-0.1-2.1-0.1C9.6,1,8,2.4,8,5v2H5.5v3H8v8h3V10z"></path></svg>
  12.                 </a>
  13.                 {% endif %}
  14.                 {% if document.property('companyInstagram') %}
  15.                 <a href="{{ document.property('companyInstagram') }}" target="_blank" class="uk-icon-button atp-btn-instagram" title="instagram" rel="nofollow">
  16.                     <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="instagram"><path d="M13.55,1H6.46C3.45,1,1,3.44,1,6.44v7.12c0,3,2.45,5.44,5.46,5.44h7.08c3.02,0,5.46-2.44,5.46-5.44V6.44 C19.01,3.44,16.56,1,13.55,1z M17.5,14c0,1.93-1.57,3.5-3.5,3.5H6c-1.93,0-3.5-1.57-3.5-3.5V6c0-1.93,1.57-3.5,3.5-3.5h8 c1.93,0,3.5,1.57,3.5,3.5V14z"></path><circle cx="14.87" cy="5.26" r="1.09" fill="currentColor"></circle><path fill="currentColor" d="M10.03,5.45c-2.55,0-4.63,2.06-4.63,4.6c0,2.55,2.07,4.61,4.63,4.61c2.56,0,4.63-2.061,4.63-4.61 C14.65,7.51,12.58,5.45,10.03,5.45L10.03,5.45L10.03,5.45z M10.08,13c-1.66,0-3-1.34-3-2.99c0-1.65,1.34-2.99,3-2.99s3,1.34,3,2.99 C13.08,11.66,11.74,13,10.08,13L10.08,13L10.08,13z"></path></svg>
  17.                 </a>
  18.                 {% endif %}
  19.                 {% if document.property('companyLinkedin') %}
  20.                 <a href="{{ document.property('companyLinkedin') }}" target="_blank" class="uk-icon-button atp-btn-linkedin" title="linkedin" rel="nofollow">
  21.                     <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="linkedin"><path d="M5.77,17.89 L5.77,7.17 L2.21,7.17 L2.21,17.89 L5.77,17.89 L5.77,17.89 Z M3.99,5.71 C5.23,5.71 6.01,4.89 6.01,3.86 C5.99,2.8 5.24,2 4.02,2 C2.8,2 2,2.8 2,3.85 C2,4.88 2.77,5.7 3.97,5.7 L3.99,5.7 L3.99,5.71 L3.99,5.71 Z"></path><path d="M7.75,17.89 L11.31,17.89 L11.31,11.9 C11.31,11.58 11.33,11.26 11.43,11.03 C11.69,10.39 12.27,9.73 13.26,9.73 C14.55,9.73 15.06,10.71 15.06,12.15 L15.06,17.89 L18.62,17.89 L18.62,11.74 C18.62,8.45 16.86,6.92 14.52,6.92 C12.6,6.92 11.75,7.99 11.28,8.73 L11.3,8.73 L11.3,7.17 L7.75,7.17 C7.79,8.17 7.75,17.89 7.75,17.89 L7.75,17.89 L7.75,17.89 Z"></path></svg>
  22.                 </a>
  23.                 {% endif %}
  24.                 {% if document.property('companyYoutube') %}
  25.                 <a href="{{ document.property('companyYoutube') }}" target="_blank" class="uk-icon-button atp-btn-youtube" title="youtube" rel="nofollow"> 
  26.                     <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="youtube"><path d="M15,4.1c1,0.1,2.3,0,3,0.8c0.8,0.8,0.9,2.1,0.9,3.1C19,9.2,19,10.9,19,12c-0.1,1.1,0,2.4-0.5,3.4c-0.5,1.1-1.4,1.5-2.5,1.6 c-1.2,0.1-8.6,0.1-11,0c-1.1-0.1-2.4-0.1-3.2-1c-0.7-0.8-0.7-2-0.8-3C1,11.8,1,10.1,1,8.9c0-1.1,0-2.4,0.5-3.4C2,4.5,3,4.3,4.1,4.2 C5.3,4.1,12.6,4,15,4.1z M8,7.5v6l5.5-3L8,7.5z"></path></svg>
  27.                 </a>            
  28.                 {% endif %}
  29.             </div>
  30.         </div>
  31.     </div>
  32.         
  33.     {% endif %}
  35.     <div class="apk-header uk-visible@m">
  36.         <div class="uk-container apk-container-1400 uk-position-relative">
  37.             <div class="uk-navbar" uk-navbar>
  38.                 <div class="uk-navbar-left">
  39.                     <a href="/{{ app.request.locale }}" title="{{"logo-title-header"|trans}}">
  40.                         <img loading="lazy" src="/static/img/logos/MANGOGEM_sans_baseline.svg" width="232" height="45" class="apk-website-logo apk-logo-plain" alt="{{"Your website name"|trans}}" uk-svg />
  41.                         <img loading="lazy" src="/static/img/logos/logo_mangogem_white.svg" width="232" height="45" class="apk-website-logo apk-logo-white" alt="{{"Your website name"|trans}}" uk-svg />
  42.                     </a>
  43.                 </div>
  44.                 <div class="uk-navbar-right">
  46.                     {% if not document.property('is-homepage') %}
  47.                     <div class="apk-header-cta-btn uk-visible@m">
  48.                         <a href="/{{ app.request.locale }}/request-a-demo" class="uk-button uk-button-primary">{{"Request a demo"|trans}}</a>
  49.                     </div>
  50.                     {% endif %}
  51.                     <div class="uk-visible@m">
  52.                         {% include "includes/main-nav.html.twig" %}
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </div>
  59.     <div class="uk-background-muted uk-hidden@m apk-header-mobile uk-sticky" uk-sticky="end: !.uk-height-large; show-on-up: true; animation: uk-animation-slide-top">
  60.         <div class="uk-position-z-index">
  61.             <div class="apk-div-menu-mobile uk-hidden@m">
  62.                 <div class="uk-flex uk-flex-between">
  63.                     <div class="apk-logo-header-mobile">
  64.                         <a href="/{{ app.request.locale }}" title="{{"logo-title-header"|trans}}"><img src="/static/img/logos/MANGOGEM_sans_baseline.svg" width="232" height="45" class="apk-website-logo" alt="{{"Your website name"|trans}}" uk-svg /></a>
  65.                     </div>
  66.                     <div class="uk-flex uk-flex-middle">
  67.                         <button class="apk-mobile-nav uk-float-right uk-hidden@l" type="button" uk-toggle="target: #offcanvas-nav-mobile" title="menu">
  68.                             <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="menu"><rect fill="currentColor" x="2" y="4" width="16" height="1"></rect><rect fill="currentColor" x="2" y="9" width="16" height="1"></rect><rect fill="currentColor" x="2" y="14" width="16" height="1"></rect></svg>
  69.                         </button>
  70.                     </div>
  71.                 </div>
  72.             </div>
  74.             <div id="offcanvas-nav-mobile" class="apk-menu-mobile" uk-offcanvas="overlay: true; flip: true">
  75.                 <div class="uk-offcanvas-bar uk-flex uk-flex-column">
  77.                     <a href="/{{ app.request.locale }}" title="{{"logo-title-header"|trans}}"><img src="/static/img/logos/MANGOGEM_sans_baseline.svg" width="232" height="45" class="apk-website-logo" alt="{{"Your website name"|trans}}" uk-svg /></a>
  79.                     {% include "includes/main-nav-sidebar.html.twig" %}
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     </div>
  87. </header>
  90. {#{ get_language_switcher_html() }#}