<header class="header">
	<div class="container navigation">
		<div class="row d-lg-flex flex-lg-nowrap">
			{{ $imageresource := resources.Get "img/logo.png" }}
			{{ $imagefile := $imageresource.Resize "350x60" }}
			<div class="header__logo-col col d-flex justify-content-center align-items-center">
				<a class="header__logo" href="{{ "/" | relURL }}">
					<img src="{{ $imagefile.RelPermalink }}" width="297" height="49" alt="OpenPOWER">
				</a>
			</div>
			<div class="header__menu-col col">
				<nav class="navbar navbar-expand-lg header__menu-nav" id="nav-menu-container">
					<ul class="nav-menu header__menu d-lg-flex justify-content-center list-unstyled">
						{{ range .Site.Menus.navbar }}
						{{ if eq .Identifier "groups" }}
						<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
							<ul class="list-unstyled">
								{{ range $.Site.Pages }}
								{{ $group := .Param "wgtype" }}
								{{ if eq $group "twg" }}
									<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
									{{ end }}
									{{ if eq $group "sig" }}
										<li class="header__menu-item"> <a href="{{ .Permalink }}">{{ .Title }}</a></li>
									{{ end }}
								{{ end }}
							</ul>
							{{ else }}
							{{ if .HasChildren }}
						<li class="header__menu-item menu-has-children">
					        <a href="{{ .URL }}">{{ .Name }}</a>
							<ul class="">
								{{ range .Children }}
								{{ if .HasChildren }}
								<li class="header__menu-item menu-has-children">
									    <a href="{{ .URL }}">{{ .Name }}</a>
												<ul class="">
													{{ range .Children }}
													<li class="header__menu-item"><a href="{{ .URL }}">{{ .Name }}</a></li>
													{{ end }}
												</ul>
								</li>
								{{ else }}
								<li class="header__menu-item">
									<a href="{{ .URL }}">
										{{ if .Pre }}
										<i class={{ .Pre }}></i>&nbsp;&nbsp;
										{{ end }}
										{{ .Name }}
										{{ if .Post }}
										&nbsp;&nbsp;<i class="{{ .Post }}"></i>
										{{ end }}
									</a>
								</li>
								{{ end }}
								{{ end }}
							</ul>
							{{ else }}
						<li class="header__menu-item {{lower .Name }}" ><a href="{{ .URL }}">{{ .Name }}</a></li>
						{{ end }}
						{{ end }}
						{{ end }}
						<li class="header__menu-item"><a href="/contact/"><i class="envelope icon"></i>&nbsp;Contact</a></li>
					    <div class="mobile-view-social-join pt-3">
							<div class="social__list mobile-view pt-1 pb-2"><a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span
										class="visually-hidden">Twitter</span></a><a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span
										class="visually-hidden">Facebook</span></a><a target="_blank" class="social__item _in" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span
										class="visually-hidden">LinkedIn</span></a><a target="_blank" class="social__item _yt" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span
										class="visually-hidden">Youtube</span></a>
			           	</div>
							<div class="header__contact-btn join-us-button mobile-view py-4">
								<a class="d-inline-block btn-outline-primary btn-sm btn" href="/join">Join</a>
							</div>
						</div>
					</ul>
				</nav>
			</div>
			<div class="header__contact-col col d-flex flex-nowrap  justify-content-center align-items-center">
				<div class="social__list desktop-view"><a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span
							class="visually-hidden">Twitter</span></a><a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span
							class="visually-hidden">Facebook</span></a><a target="_blank" class="social__item _in" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span
							class="visually-hidden">LinkedIn</span></a><a target="_blank" class="social__item _yt" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span
							class="visually-hidden">Youtube</span></a>
				</div>
					<div class="header__contact-btn join-us-button desktop-view">
						<a class="d-block btn-outline-primary btn-sm btn" href="{{ "/join/" | relURL }}">Join</a>
					</div>
					<div class="header__login-btn login-button desktop-view">
						<a class="d-block btn-outline-primary btn-sm btn" href="https://portal.openpower.foundation/">Login</a>
					</div>
				</div>
			</div>
	</div>
</header>