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

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>
  8. <div class="lg:text-right flex-1 pl-[70px] flex flex-col justify-center lg:justify-end">
  9. <div class="flex justify-end items-center lg:mb-6 header-hide">
  10. <a class="text-white font-black text-3xl lg:text-4xl xl:text-lg contact-deets" title="phone" href="tel:{{ renderSetting(2, 'content') }}">
  11. <i class="fa-solid fa-circle-phone mr-2"></i><span class="hidden xl:inline-block">{{ renderSetting(2, 'content') }}</span>
  12. </a>
  13. <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') }}">
  14. <i class="fa-solid fa-circle-envelope mr-2"></i><span class="hidden xl:inline-block">{{ renderSetting(3, 'content') }}</span>
  15. </a>
  16. <div class="relative ml-4 md:ml-6 lg:ml-10 search-box">
  17. <form action="/search" method="get">
  18. <label class="sr-only" for="search">Site Search</label>
  19. <input class="search-input mr-4 xl:mr-6 hidden lg:block" type="text" id="search" name="search-terms">
  20. <button type="submit" title="search"><i class="fa-regular fa-magnifying-glass text-2xl md:text-3xl lg:text-lg font-bold"></i></button>
  21. </form>
  22. </div>
  23. </div>
  24. <div class="site-navbar__list lg:text-right" id="top_menu">
  25. <div class="container lg:p-0">
  26. {{ render(controller('App\\Controller\\MenuDefaultController::fetchMenu', { 'identifier':'Top', 'currentUrl': app.request.pathinfo })) }}
  27. </div>
  28. </div>
  29. </div>
  30. <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">
  31. <span class="site-navbar__toggler--line"></span>
  32. <span class="site-navbar__toggler--line"></span>
  33. <span class="site-navbar__toggler--line"></span>
  34. </button>
  35. </nav>
  36. </div>
  37. </header>