templates/layouts/includes/header.html.twig line 1

Open in your IDE?
  1. <header{% if editmode %} class="editmode--header" %}{% endif %}>
  2.     
  3.     {% if not document is defined or not document %} 
  4.         {% set document = pimcore_document(1) %} 
  5.     {% endif %} 
  6.     
  7.     {% set mainNavigation = app_navigation_data_links(document, pimcore_document(1)) %}
  9.     <div class="inner">
  10.         <div class="row between-lg between-md between-sm between-xs middle-lg middle-md middle-sm middle-xs">
  11.             
  12.             <div class="col-lg-3 col-md-3 col-sm-3 col-xs-5">
  13.                 <a href="/">
  14.                     {{ source("@torq_static/img/logo.svg") }}
  15.                 </a>
  16.             </div>
  18.             <div class="hamburger-container col-lg-9 col-md-9 col-sm-9 col-xs-7 row middle-lg middle-md middle-sm middle-xs">
  19.                 <nav class="nav">
  20.                     <ul>
  21.                         {% for page in mainNavigation %} {% set navigationDocument = page.getDocument() %} 
  22.                         {% if page.isVisible() %} 
  23.                         {% if page.hasPages() %}
  24.                         <li style="margin-bottom:0;">
  25.                             <div tabindex="0" class="dropdown" style="margin-left:0;">
  26.                                 
  27.                                 <button class="dropbtn">
  28.                                     {{ page.getTitle() }}
  29.                                     <i style="display: block" class="fa fa-caret-down"></i>
  30.                                 </button>
  31.                                 
  32.                                 <div tabindex="1" class="dropdown-content">
  33.                                     
  34.                                     <div class="row">
  35.                                         
  36.                                         <div class="column">
  37.                                             <div class="padding-2em cta-box text-align-center border-radius-10">
  38.                                                 <h3 style="margin-bottom: 0; color: #fff;">Ready to get started?</h3>
  39.                                                 <a href="{% if torqService is defined and not torqService.getShowForm() %}/contact{% else %}#contact{% endif %}" class="btn light--ghost text-align-center" style="align-self: flex-start">Talk to an expert</a>
  40.                                             </div>
  41.                                         </div>
  42.                                         
  43.                                         {% set navigationDocumentChildPages = page.getPages() %} 
  44.                                         
  45.                                         {% for navigationDocumentChildPage in navigationDocumentChildPages %}
  46.                                         {% if navigationDocumentChildPage.isVisible() %}
  47.                                         <div class="column">
  48.                                             
  49.                                             {% if navigationDocumentChildPage.getUri() is not empty %}
  50.                                             <a href="{{ navigationDocumentChildPage.getUri() }}">
  51.                                                 <h3>{{ navigationDocumentChildPage.getLabel() }}</h3>
  52.                                             </a>
  53.                                             {% else %}
  54.                                             <h3>{{ navigationDocumentChildPage.getLabel() }}</h3>
  55.                                             {% endif %} 
  56.                                             
  57.                                             {% if navigationDocumentChildPage.hasPages() %}
  58.                                             <ul>
  59.                                                 {% for navigationDocumentChildChildPage in navigationDocumentChildPage.getPages() %}
  60.                                                 {% if navigationDocumentChildChildPage.isVisible() %}
  61.                                                 <li>
  62.                                                     <a href="{{ navigationDocumentChildChildPage.getUri() }}">
  63.                                                         {{ navigationDocumentChildChildPage.getLabel() }}
  64.                                                     </a>
  65.                                                 </li>
  66.                                                 {% endif %}
  67.                                                 {% endfor %}
  68.                                             </ul>
  69.                                             {% endif %}
  71.                                         </div>
  72.                                         {% endif %}
  73.                                         {% endfor %}
  75.                                     </div>
  77.                                 </div>
  79.                             </div>
  80.                         </li>
  81.                         {% else %}
  82.                         <li style="margin-bottom: 12px;">
  83.                             <a href="{{ page.getUri() }}">{{ page.getLabel() }}</a>
  84.                         </li>
  85.                         {% endif %} 
  86.                         {% endif %} 
  87.                         {% endfor %}
  88.                     </ul>
  89.                 </nav>
  91.                 <div class="theme-toggle" style="display: none;">
  92.                     <button class="light-theme-button">
  93.                         <i class="fa fa-sun-o" title="Light Theme"></i>
  94.                     </button>
  95.                     <button class="dark-theme-button active">
  96.                         <i class="fa fa-moon-o" title="Dark Theme"></i>
  97.                     </button>
  98.                 </div>
  99.                 
  100.                 <!-- MOBILE HAMBURGER ICON -->
  101.                 <div class="hamburger-icon" id="icon">
  102.                     <div class="icon-1" id="a"></div>
  103.                     <div class="icon-2" id="b"></div>
  104.                     <div class="icon-3" id="c"></div>
  105.                     <div class="clear">
  106.                 </div>
  107.                 <!-- / MOBILE HAMBURGER ICON -->
  108.             </div>
  109.         </div>
  110.         </div>
  111.   </header>
  112. </header>