templates/themes/theme/common/site-header.html.twig line 1

Open in your IDE?
  1. <header class="site-header" id="site-header">
  2.     <div class="container">
  3.         <nav class="site-navbar items-stretch">
  4.             <a class="logo flex-0" href="/">
  5.                 <img class="hidden md:inline-block logo-1" src="{{ imageCache(asset('build/images/kas-scaffolding-logo.png'), 'cropResize', 600, 232)  }}" alt="Logo" width="300" height="116" loading="lazy" />
  6.                 <img class="inline-block md:hidden logo-2" src="{{ imageCache(asset('build/images/kas-logo-square.png'), 'cropResize', 232, 232)  }}" alt="Logo" width="80" height="80" loading="lazy" />
  7.             </a>
  9.             <div class="lg:text-right flex-1 pl-[70px] flex flex-col justify-center lg:justify-end">
  10.                 <div class="flex justify-end items-center lg:mb-6 header-hide">
  11.                     <a class="text-white font-black text-3xl lg:text-4xl xl:text-lg contact-deets" title="phone" href="tel:{{ renderSetting(2, 'content') }}">
  12.                         <i class="fa-solid fa-circle-phone mr-2"></i><span class="hidden xl:inline-block">{{ renderSetting(2, 'content') }}</span>
  13.                     </a>
  14.                      <a class="text-white font-black text-3xl lg:text-4xl xl:text-lg ml-4 md:ml-6 lg:ml-10 contact-deets" title="email" href="mailto:{{ renderSetting(3, 'content') }}">
  15.                         <i class="fa-solid fa-circle-envelope mr-2"></i><span class="hidden xl:inline-block">{{ renderSetting(3, 'content') }}</span>
  16.                     </a>
  17.                     <div class="relative ml-4 md:ml-6 lg:ml-10 search-box">
  18.                         <form action="/search" method="get">
  19.                             <label class="sr-only" for="search">Site Search</label>
  20.                             <input class="search-input mr-4 xl:mr-6 hidden lg:block" type="text" id="search" name="search-terms">
  21.                             <button type="submit" title="search"><i class="fa-regular fa-magnifying-glass text-2xl md:text-3xl lg:text-lg font-bold"></i></button>
  22.                         </form>
  23.                     </div>
  24.                 </div>
  25.                 <div class="site-navbar__list lg:text-right" id="top_menu">
  26.                     <div class="container lg:p-0">
  27.                         {{ render(controller('App\\Controller\\MenuDefaultController::fetchMenu', { 'identifier':'Top', 'currentUrl': app.request.pathinfo })) }}
  28.                     </div>
  29.                 </div>
  30.             </div>
  32.             <button class="site-navbar__toggler ml-6" type="button" data-toggle="collapse" data-target="#top-menu" aria-controls="top-menu" aria-expanded="false" aria-label="Toggle navigation">
  33.                 <span class="site-navbar__toggler--line"></span>
  34.                 <span class="site-navbar__toggler--line"></span>
  35.                 <span class="site-navbar__toggler--line"></span>
  36.             </button>
  38.         </nav>
  39.     </div>
  40. </header>