header.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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. {{ if eq .URL "/"}}
  37. <a href="{{ .URL }}" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="首頁" data-vars-event-col2="首頁">{{ .Name }}</a>
  38. {{ else if eq .URL "/room_planner"}}
  39. <a href="{{ .URL }}" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="規劃師服務" data-vars-event-col2="規劃師服務">{{ .Name }}</a>
  40. {{ else if eq .URL "/collection"}}
  41. <a href="{{ .URL }}" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="規劃作品集" data-vars-event-col2="規劃作品集">{{ .Name }}</a>
  42. {{ else if eq .URL "/store_north"}}
  43. <a href="{{ .URL }}" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="門市據點" data-vars-event-col2="門市據點">{{ .Name }}</a>
  44. {{ else if eq .URL "/blog"}}
  45. <a href="{{ .URL }}" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="設計專欄" data-vars-event-col2="設計專欄">{{ .Name }}</a>
  46. {{ else if eq .URL "/frequently_asked_questions"}}
  47. <a href="{{ .URL }}" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="問答集" data-vars-event-col2="問答集">{{ .Name }}</a>
  48. {{ end }}
  49. </li>
  50. {{ end }}
  51. {{ end }}
  52. </ul>
  53. </nav>
  54. </div>
  55. </header>