header.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <header class="mega-menu full-width fixed">
  2. <div class="header">
  3. <nav>
  4. <!-- <label for="drop" class="toggle"><i class="fa fa-bars fa-2x" aria-hidden="true"></i></label>
  5. <div id="logo" style="font-size:1.6rem;">小寶優居</div> -->
  6. <div class="d-inline-flex">
  7. <label for="drop" class="toggle"><i class="fa fa-bars" aria-hidden="true" style="font-size:1.5rem;"></i></label>
  8. <span id="logo">
  9. <a href="/" style="background-color:#fff;">
  10. <img
  11. alt="小寶優居"
  12. src="/img/logo2.png"
  13. height="21px"
  14. width="auto">
  15. </img>
  16. </a>
  17. </span>
  18. </div>
  19. <input type="checkbox" id="drop" />
  20. <ul class="menu">
  21. {{ range .Site.Menus.main }}
  22. {{ if .HasChildren }}
  23. <li>
  24. <!-- First Tier Drop Down -->
  25. <label for="drop-{{ .Name }}" class="toggle">{{ .Name }} +</label>
  26. <a href="{{ .URL }}">{{ .Name }}</a>
  27. <input type="checkbox" id="drop-{{ .Name }}"/>
  28. <ul>
  29. {{ range .Children }}
  30. <li><a href="{{ .URL }}">{{ .Name }}</a></li>
  31. {{ end }}
  32. </ul>
  33. </li>
  34. {{ else }}
  35. <li>
  36. <a title="{{ .Name }}" href="{{ .URL }}">{{ .Name }}</a>
  37. </li>
  38. {{ end }}
  39. {{ end }}
  40. </ul>
  41. </nav>
  42. </div>
  43. </header>