hugo-page-test/themes/tsc_vfl/layouts/partials/page/header.html

48 lines
2.2 KiB
HTML
Raw Permalink Normal View History

2023-01-19 17:21:20 +00:00
<div id="header">
<div class="logo-row">
<a href="/" class="logo">
<img src="{{ relURL "img/logo.jpg" }}">
</a>
<a href="https://www.vfl-sindelfingen.de/" class="logo-vfl">
<img src="{{ relURL "img/logo_vfl.gif" }}">
</a>
</div>
<div class="slider">
<img src="{{ relURL "img/banner/Banner-RENOTE.jpg" }}" class="placeholder">
<img src="{{ relURL "img/banner/Banner-RENOTE.jpg" }}" class="hidden slider-img">
<img src="{{ relURL "img/banner/Banner-Show2016.jpg" }}" class="hidden slider-img">
<img src="{{ relURL "img/banner/Banner2019.jpg" }}" class="hidden slider-img">
<img src="{{ relURL "img/banner/Fotobanner2.jpg" }}" class="hidden slider-img">
<img src="{{ relURL "img/banner/Paare_2019.jpg" }}" class="hidden slider-img">
<img src="{{ relURL "img/banner/slider-turnier.jpg" }}" class="hidden slider-img">
2023-01-21 22:57:23 +00:00
<div class="dots">
<div data-index="0" class="dot active"></div>
<div data-index="1" class="dot"></div>
<div data-index="2" class="dot"></div>
<div data-index="3" class="dot"></div>
<div data-index="4" class="dot"></div>
<div data-index="5" class="dot"></div>
</div>
2023-01-19 17:21:20 +00:00
</div>
<div id="nav-border" class="container nav">
<nav id="nav" class="nav justify-content-center">
{{ range .Site.Menus.main }}
2024-01-04 14:57:23 +00:00
<a class="nav-link{{ if or
($.Page.IsMenuCurrent "main" .)
($.Page.HasMenuCurrent "main" .)
2024-01-14 08:47:56 +00:00
(and (eq $.Page.Type "news") (eq .Identifier "aktuell") )
(and (eq $.Page.Type "turniermeldung") (eq .Identifier "aktuell") )
2024-01-04 14:57:23 +00:00
}} active{{ end }}" href="{{ .URL }}">
2023-01-19 17:21:20 +00:00
{{/*{{ if .Pre }}
{{ $icon := printf "<i data-feather=\"%s\"></i> " .Pre | safeHTML }}
{{ $icon }}
{{ end }}*/}}
{{ $text := print .Name | safeHTML }}
{{ $text }}
</a>
{{ end }}
</nav>
</div>
<a class="mobile-menu-link" href="#mobile-menu">Menu</a>
2023-01-19 17:21:20 +00:00
</div>