besseres responsive-Verhalten für Header

This commit is contained in:
Christoph Schindlbeck 2021-06-11 23:49:53 +02:00
parent 17f111235d
commit 56b173dbf2

View File

@ -2,8 +2,9 @@
{{"<!-- Hero Area Section -->" | safeHTML}} {{"<!-- Hero Area Section -->" | safeHTML}}
<section id="{{ i18n "home" | urlize }}" class="hero-area" style='background-image: url("{{ with .Site.Params.hero.bg }} {{ . }}{{ end }}");'> <section id="{{ i18n "home" | urlize }}" class="hero-area" style='background-image: url("{{ with .Site.Params.hero.bg }} {{ . }}{{ end }}");'>
<div class="container"> <div class="container">
<div class="row mt-3 hidden-md-up"></div>
<div class="row"> <div class="row">
<div class="col-lg-7 col-md-2"> <div class="col-lg-7 col-md-6 col-xs-8 push-xs-2 push-md-0">
<div class="block"> <div class="block">
<img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampSignetWhite.svg" alt="VVoid"> <img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampSignetWhite.svg" alt="VVoid">
<img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampLogoWhite.svg" alt="VVoid Camp"> <img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampLogoWhite.svg" alt="VVoid Camp">
@ -16,7 +17,7 @@
26.08.2021 - 29.08.2021 im VVoid 26.08.2021 - 29.08.2021 im VVoid
</p> </p>
{{ with .Site.Params.hero.btnText }} {{ with .Site.Params.hero.btnText }}
<div class="wow fadeInDown" data-wow-delay="0.7s" data-wow-duration=".7s" style="text-align:center"> <div class="hidden-sm-down wow fadeInDown" data-wow-delay="0.7s" data-wow-duration=".7s" style="text-align:center">
<a class="btn btn-home" href="#{{ i18n "about" | urlize }}" role="button"> <a class="btn btn-home" href="#{{ i18n "about" | urlize }}" role="button">
{{ . }} {{ . }}
</a> </a>
@ -25,7 +26,7 @@
</div> </div>
</div> </div>
{{ if not .Site.Params.hero.disableCountdown }} {{ if not .Site.Params.hero.disableCountdown }}
<div class="col-lg-5 col-md-6 wow zoomIn"> <div class="col-lg-5 col-md-6 col-xs-10 push-xs-1 push-md-0 wow zoomIn">
<div class="block"> <div class="block">
<div class="counter text-center"> <div class="counter text-center">
<ul id="countdown_dashboard" data-year="{{ with .Site.Params.hero.countdownYear }} {{ . }}{{ end }}" data-month="{{ with .Site.Params.hero.countdownMonth }} {{ . }}{{ end }}" data-day="{{ with .Site.Params.hero.countdownDay }} {{ . }}{{ end }}"> <ul id="countdown_dashboard" data-year="{{ with .Site.Params.hero.countdownYear }} {{ . }}{{ end }}" data-month="{{ with .Site.Params.hero.countdownMonth }} {{ . }}{{ end }}" data-day="{{ with .Site.Params.hero.countdownDay }} {{ . }}{{ end }}">