<header class="flex justify-between py-10 font-semibold ">
  <div>
    <a class="hover:underline" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
  </div>
  <nav>
    <ul class="flex list-none">
      {{ range .Site.Menus.main }}
        <li class="mr-7 last:mr-0">
          <a class="hover:underline" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
        </li>
      {{ end }}
    </ul>
  </nav>
</header>
