91 lines
3.7 KiB
HTML
91 lines
3.7 KiB
HTML
<!-- header -->
|
|
<header class="fixed-top header">
|
|
<!-- top header -->
|
|
{{ if .Site.Params.top_header }}
|
|
<div class="top-header py-2 bg-white">
|
|
<div class="container">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col-lg-4 text-center text-lg-left">
|
|
<ul class="list-inline">
|
|
{{ range .Site.Params.social }}
|
|
<li class="list-inline-item mx-0"><a class="d-inline-block p-2 text-color" href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-8 text-center text-lg-right">
|
|
<ul class="list-inline">
|
|
<li class="list-inline-item">
|
|
<a class="text-color mr-3" href="tel:{{ .Site.Params.mobile }}"><strong>{{ i18n "call" | upper }} : </strong> {{ .Site.Params.mobile }}</a></li>
|
|
<li class="list-inline-item">
|
|
<a class="text-color" href="mailto:{{ .Site.Params.email }}"><strong>{{ i18n "email" | upper }} : </strong> {{ .Site.Params.email }}</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
<!-- navbar -->
|
|
<div class="navigation w-100 {{ if .Site.Params.top_header }} top-hider {{ end }}">
|
|
<div class="container">
|
|
<nav class="navbar navbar-expand-lg navbar-dark p-0">
|
|
<a class="navbar-brand" href="{{ .Site.BaseURL | relLangURL }}"><img height="60"
|
|
src="{{ .Site.Params.logo | absURL }}" alt="{{ .Site.Title }}"></a>
|
|
<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation"
|
|
aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse text-center" id="navigation">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ .Site.BaseURL | absLangURL }}">{{ .Site.Params.Home }}</a>
|
|
</li>
|
|
{{ range .Site.Menus.main }}
|
|
{{ if .HasChildren }}
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
|
|
{{ .Name }}
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
{{ range .Children }}
|
|
<a class="dropdown-item text-uppercase" href="{{ .URL | absLangURL }}">{{ .Name }}</a>
|
|
{{ end }}
|
|
</div>
|
|
</li>
|
|
{{ else }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ .URL | absLangURL }}">{{ .Name }}</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
|
|
<!-- Language List -->
|
|
{{ if .IsTranslated }}
|
|
<select class="m-2 border-0" id="select-language" onchange="location = this.value;">
|
|
{{ $siteLanguages := .Site.Languages}}
|
|
{{ $pageLang := .Page.Lang}}
|
|
{{ range .Page.AllTranslations }}
|
|
{{ $translation := .}}
|
|
{{ range $siteLanguages }}
|
|
{{ if eq $translation.Lang .Lang }}
|
|
{{ $selected := false }}
|
|
{{ if eq $pageLang .Lang}}
|
|
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageName }}
|
|
</option>
|
|
{{ else }}
|
|
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageName }}</option>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
</select>
|
|
{{ end }}
|
|
<!-- /LL -->
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- /header -->
|