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

5
src/scss/style.scss
View File

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

5
src/style.css
View File

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