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

[TASK] Anpassungen Slider

Browse Source 
- Schrift ist nun lesbar
This commit is contained in:
Christian Seyfferth 2020-04-10 21:22:11 +02:00
parent fae87feaf9
commit 0deefa6b49
2 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -91,37 +91,49 @@
<ul class="slides"> <ul class="slides">
<li> <li>
<img src="bilder/1500px/6.jpg" alt="Blick auf den Hauseingang"> <img src="bilder/1500px/6.jpg" alt="Blick auf den Hauseingang">
<div class="caption right-align"> <div class="caption left-align">
<div class="card-panel col">
<h5 class="light grey-text text-lighten-3">Das Haus</h5> <h5 class="light grey-text text-lighten-3">Das Haus</h5>
</div> </div>
</div>
</li> </li>
<li> <li>
<img src="bilder/1500px/4.jpg" alt="Wein mit Gläsern und Blumenstrauß"> <img src="bilder/1500px/4.jpg" alt="Wein mit Gläsern und Blumenstrauß">
<div class="caption right-align "> <div class="caption left-align ">
<div class="card-panel col">
<h5 class="light grey-text text-lighten-3">Herzlich <br> Willkommen</h5> <h5 class="light grey-text text-lighten-3">Herzlich <br> Willkommen</h5>
</div> </div>
</div>
</li> </li>
<li> <li>
<img src="bilder/1500px/5.jpg" alt="Schlafzimmer mit Kleiderschrank und Kingsize-Bett"> <img src="bilder/1500px/5.jpg" alt="Schlafzimmer mit Kleiderschrank und Kingsize-Bett">
<div class="caption left-align"> <div class="caption right-align">
<div class="card-panel col">
<h5 class="light grey-text text-lighten-3">Schlafzimmer <br> mit Kingsize-Bett</h5> <h5 class="light grey-text text-lighten-3">Schlafzimmer <br> mit Kingsize-Bett</h5>
</div> </div>
</div>
</li> </li>
<li> <li>
<img src="bilder/1500px/8.jpg" alt="Badezimmer mit Wanne und Duschkabine"> <img src="bilder/1500px/8.jpg" alt="Badezimmer mit Wanne und Duschkabine">
<div class="caption left-align"> <div class="caption right-align">
<div class="card-panel col">
<h5 class="light grey-text text-lighten-3">Badezimmer mit Wanne</h5> <h5 class="light grey-text text-lighten-3">Badezimmer mit Wanne</h5>
</div> </div>
</div>
</li> </li>
<li><img src="bilder/1500px/15.jpg" alt="Wohnbereich mit Holzkamin und Fernseher"> <li><img src="bilder/1500px/15.jpg" alt="Wohnbereich mit Holzkamin und Fernseher">
<div class="caption left-align "> <div class="caption right-align ">
<div class="card-panel col">
<h5 class="light grey-text text-lighten-3">Wohnbereich <br> mit Holzkamin</h5> <h5 class="light grey-text text-lighten-3">Wohnbereich <br> mit Holzkamin</h5>
</div> </div>
</div>
</li> </li>
<li><img src="bilder/1500px/13.jpg" alt="Küchenzeile mit Elektrogeräten"> <li><img src="bilder/1500px/13.jpg" alt="Küchenzeile mit Elektrogeräten">
<div class="caption right-align"> <div class="caption right-align">
<div class="card-panel col black">
<h5 class="light grey-text text-lighten-3">voll ausgestattete <br> Küche</h5> <h5 class="light grey-text text-lighten-3">voll ausgestattete <br> Küche</h5>
</div> </div>
</div>
</li> </li>
</ul> </ul>
</div> </div>
@ -222,7 +234,7 @@
<h3 class="heading-5 light-green-text text-darken-3">Zur Buchung</h3> <h3 class="heading-5 light-green-text text-darken-3">Zur Buchung</h3>
<p> <p>
<a href="https://www.booking.com/hotel/de/ferienwohnung-wanderlust-mit-kamin.de.html" <a href="https://www.booking.com/hotel/de/ferienwohnung-wanderlust-mit-kamin.de.html"
target="_blank"> target="_blank" title="externer Link zur Buchung über Booking.com">
<i class="material-icons left">hotel</i> Booking.com <i class="material-icons left">hotel</i> Booking.com
</a> </a>
</p> </p>

5
style.css
View File

@ -44,6 +44,11 @@ a:not([href^='#']) {
height: 64px; height: 64px;
} }
.slider .card-panel {
background-color: rgba(0, 0, 0, .7);
border-radius: 0;
}
@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);