www.federated.computer/themes/apsho/layouts/partials/header.html
2023-06-02 10:17:07 -06:00

52 lines
1.7 KiB
HTML

<nav class="main-nav navbar navbar-expand-lg">
<div class="container-fluid">
<!-- Logo -->
<a class="navbar-brand" href="{{ .Site.BaseURL }}">
<img
class="logo-main"
src="{{ .Site.Params.logo | absURL }}"
alt="logo-white"
/>
</a>
<!-- Toggle Button -->
<button
class="navbar-toggler collapsed"
type="button"
data-toggle="collapse"
data-target="#mainNav"
>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse nav-list" id="mainNav">
<!-- Navigation Links -->
{{ $menu := .Site.Menus.main }}
<ul class="navbar-nav ml-auto">
{{ range $index, $element := $menu }}
<li class="nav-item">
<a href="{{ $.Site.BaseURL }}{{ .URL }}" class="nav-link {{ if $.IsHome }}scroll{{ end }}">{{ .Name }}</a>
{{ if .HasChildren }}
<span class="drop-icon" for="{{ .Name }}"></span>
<ul class="sub-menu">
{{ range .Children }}
<li class="{{ if $.IsHome }}scroll{{ end }}">
<a href="{{ $.Site.BaseURL }}{{ .URL }}" class="nav-link {{ if $.IsHome }}scroll{{ end }}">{{ .Name }}</a>
</li>
{{ end }}
</ul>
{{ end }}
</li>
{{ end }}
</ul>
<div class="account-list list-inline">
<li class="list-inline-item">
<a href="{{ "contact" | absURL }}" class="btn btn-sm btn-violate">
Get in touch
</a>
</li>
</div>
</div>
</div>
</nav>