chrosey/urlaub-friedrichroda
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[FIX] some bugs

Browse Source
This commit is contained in:
Christian Seyfferth 2020-05-08 23:45:08 +02:00
parent d17135be58
commit e60acaf273
3 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/index.html
View File

@ -13,7 +13,7 @@
<meta name="keywords" content="Ferienwohnung, Unterkunft, Wandern, Friedrichroda, Kamin">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel="stylesheet" href="style.css">
</head>
@ -38,25 +38,24 @@
<a href="#" data-target="sidenav" class="sidenav-trigger hide-on-large-and-up"><i
class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="#willkommen" class="sidenav-close"
title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
<li><a href="#wohnung" class="sidenav-close"
title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#buchung" class="sidenav-close" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung
<li><a href="#willkommen" title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
<li><a href="#wohnung" title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#buchung" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung
und Anreise</a></li>
</ul>
</div>
</nav>
</div>
<ul id="sidenav" class="sidenav" style="width:200px;">
<li><a href="#willkommen" title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
<li><a href="#wohnung" title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#buchung" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung und Anreise</a></li>
<li><a href="#willkommen" class="sidenav-close" title="Gehe zu Abschnitt 'Willkommen'">Willkommen</a></li>
<li><a href="#wohnung" class="sidenav-close" title="Gehe zu Abschnitt 'Ferienwohnung'">Ferienwohnung</a></li>
<li><a href="#buchung" class="sidenav-close" title="Gehe zu Abschnitt 'Buchung und Anreise'">Buchung und
Anreise</a></li>
</ul>
<div id="willkommen-banner" class="parallax-container valign-wrapper">
<div class="parallax">
<img src="images/collage1.jpg" alt="Wohnbereich und Teil der Küchenzeile mit Blick Richtung Fenster"
loading="auto">
<img src="images/collage1.jpg" alt="Wohnbereich und Teil der Küchenzeile mit Blick Richtung Fenster"
loading="auto">
</div>
</div>
<section id="willkommen" class="container">
@ -94,7 +93,7 @@
</section>
<div id="wohnung-banner" class="parallax-container">
<div class="parallax">
<img src="images/5.jpg" alt="Schlafzimmer mit Schrank, Kommode und Kingsize-Bett" loading="auto">
<img src="images/5.jpg" alt="Schlafzimmer mit Schrank, Kommode und Kingsize-Bett" loading="auto">
</div>
</div>
<section id="wohnung" class="container">
@ -194,8 +193,8 @@
</section>
<div id="buchung-banner" class="parallax-container">
<div class="parallax">
<img src="images/10.jpg" alt="Wohnbereich und Teil der Küchenzeile mit Blick Richtung Fenster"
loading="auto">
<img src="images/10.jpg" alt="Wohnbereich und Teil der Küchenzeile mit Blick Richtung Fenster"
loading="auto">
</div>
</div>
<section id="buchung" class="container">
@ -293,7 +292,7 @@
</section>
<div id="footer-banner" class="parallax-container valign-wrapper">
<div class="parallax">
<img src="images/1.jpg" alt="weiße Bank mit Blick über das Tal" loading="auto">
<img src="images/1.jpg" alt="weiße Bank mit Blick über das Tal" loading="auto">
</div>
</div>
</div>

5
src/scss/style.scss
View File

@ -65,6 +65,11 @@ a:not([href^='#']) {
border-radius: 0;
}
.sticky {
position: -webkit-sticky;
position: sticky;
z-index: 995;
}
@media only screen and (max-width:600px) {
#willkommen-banner {

5
src/style.css
View File

@ -43,6 +43,11 @@ a:not([href^='#']) {
background-color: rgba(0, 0, 0, 0.7);
border-radius: 0; }
.sticky {
position: -webkit-sticky;
position: sticky;
z-index: 995; }
@media only screen and (max-width: 600px) {
#willkommen-banner {
height: calc(100vh - 56px);