Hugo - loop split

          {{ range $index, $element :=  first 5 .Site.Menus.functions }}
            <a href="{{.URL}}" class="block leading-tight text-white mb-4 xl:mb-6 hover:text-blue-500">
              {{.Name}}
            </a>
            {{ end }}
          </div>
          <div class="md:w-1/2 lg:w-full xl:w-1/2 xl:px-2">
            {{ range $index, $element :=  first 5 (after 5 .Site.Menus.functions ) }}
            <a href="{{.URL}}" class="block leading-tight text-white mb-4 xl:mb-6 hover:text-blue-500">
              {{.Name}}
            </a>
            {{ end }}