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

[TASK] für große Bildschirme optimiert

Browse Source
This commit is contained in:
Christian Seyfferth 2020-04-10 21:35:40 +02:00
parent 25b2f9c608
commit b1b794bebe
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
index.html
View File

@ -51,6 +51,10 @@
<div class="row"> <div class="row">
<div class="col s12 center"> <div class="col s12 center">
<h2 class="light-green-text">Willkommen</h2> <h2 class="light-green-text">Willkommen</h2>
</div>
</div>
<div class="row">
<div class="col s12 l6 offset-l3">
<p> <p>
Wir heißen Sie seit September 2019 in unserer gemütlichen Ferienwohnung "Wanderlust" herzlich Wir heißen Sie seit September 2019 in unserer gemütlichen Ferienwohnung "Wanderlust" herzlich
Willkommen. Willkommen.
@ -87,7 +91,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="slider col m6 offset-m3"> <div class="slider col l6 offset-l3">
<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">
@ -137,7 +141,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="col s12 m8"> <div class="col s12 m8 l6 offset-l3">
<p> <p>
Unsere gemütliche Ferienwohnung "Wanderlust“ liegt im Zentrum des heilklimatischen Luftkurortes Unsere gemütliche Ferienwohnung "Wanderlust“ liegt im Zentrum des heilklimatischen Luftkurortes
Finsterbergen. Finsterbergen.
@ -158,7 +162,7 @@
werden. werden.
</p> </p>
</div> </div>
<div class="col s12 m4"> <div class="col s12 m4 l3">
<h3 class="heading-5 light-green-text text-darken-3">Top-Ausstattung</h3> <h3 class="heading-5 light-green-text text-darken-3">Top-Ausstattung</h3>
<ul> <ul>
<li>Holz-Kamin</li> <li>Holz-Kamin</li>
@ -184,7 +188,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col s12 m8"> <div class="col s12 m8 l6 offset-l3">
<p> <p>
Wir wollen Ihnen einen erholsamen Aufenthalt bieten und tolle Eindrücke verschaffen, von denen Wir wollen Ihnen einen erholsamen Aufenthalt bieten und tolle Eindrücke verschaffen, von denen
Sie Sie
@ -211,7 +215,7 @@
Wir freuen uns auf Ihren Besuch. Wir freuen uns auf Ihren Besuch.
</p> </p>
</div> </div>
<div class="col s12 m4"> <div class="col s12 m4 l3">
<div class="row"> <div class="row">
<div class="col s12"> <div class="col s12">
<h3 class="heading-5 light-green-text text-darken-3">Kontakt</h3> <h3 class="heading-5 light-green-text text-darken-3">Kontakt</h3>
@ -241,13 +245,13 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col s12 m8"> <div class="col s12 m8 l6 offset-l3">
<iframe <iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2519.777837443754!2d10.588956515965446!3d50.83527886744169!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a381a5941d6f53%3A0x871dd2e074ff9078!2sFerienwohnung%20WANDERLUST%20mit%20Kamin!5e0!3m2!1sde!2sde!4v1586533961647!5m2!1sde!2sde" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2519.777837443754!2d10.588956515965446!3d50.83527886744169!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a381a5941d6f53%3A0x871dd2e074ff9078!2sFerienwohnung%20WANDERLUST%20mit%20Kamin!5e0!3m2!1sde!2sde!4v1586533961647!5m2!1sde!2sde"
frameborder="0" style="border:0; width:100%; height:500px;" allowfullscreen="" aria-hidden="false" frameborder="0" style="border:0; width:100%; height:500px;" allowfullscreen="" aria-hidden="false"
tabindex="0"></iframe> tabindex="0"></iframe>
</div> </div>
<div class="col s12 m4"> <div class="col s12 m4 l3">
<div class="row"> <div class="row">
<div class="col s12"> <div class="col s12">
<h3 class="heading-5 light-green-text text-darken-3">Anreise planen</h3> <h3 class="heading-5 light-green-text text-darken-3">Anreise planen</h3>
@ -279,13 +283,13 @@
<footer class="page-footer white black-text"> <footer class="page-footer white black-text">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col s12 m4"> <div class="col s12 m4 l2 offset-l3">
<a href="impressum.pdf" title="Link zum Impressum">Impressum</a> <a href="impressum.pdf" title="Link zum Impressum">Impressum</a>
</div> </div>
<div class="col s12 m4 center-align"> <div class="col s12 m4 l2 center-align">
<a href="datenschutz.pdf" title="Link zum Datenschutz">Datenschutz</a> <a href="datenschutz.pdf" title="Link zum Datenschutz">Datenschutz</a>
</div> </div>
<div class="col s12 m4 right-align"> <div class="col s12 m4 l2 right-align">
<a href="https://www.google.com/travel/guide?q=urlaub+in+friedrichroda&dest_mid=/m/0b6h53&tcfs=EiUKCS9tLzBiNmg1MxoYCgoyMDIwLTA0LTI2EgoyMDIwLTA0LTMw" <a href="https://www.google.com/travel/guide?q=urlaub+in+friedrichroda&dest_mid=/m/0b6h53&tcfs=EiUKCS9tLzBiNmg1MxoYCgoyMDIwLTA0LTI2EgoyMDIwLTA0LTMw"
target="_blank" title="Externer Link zum Google-Reiseführer für Friedrichroda"> target="_blank" title="Externer Link zum Google-Reiseführer für Friedrichroda">
Reiseführer Friedrichroda</a> Reiseführer Friedrichroda</a>
@ -293,12 +297,12 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col s4"> <div class="col s4 l2 offset-l3">
made by <a href="https://chrosey.de" title="Externer Link zu chrosey.de">chrosey</a> with <a made by <a href="https://chrosey.de" title="Externer Link zu chrosey.de">chrosey</a> with <a
href="https://materializecss.com" title="externer Link zu Materialize.css">Materialize</a> href="https://materializecss.com" title="externer Link zu Materialize.css">Materialize</a>
</div> </div>
<div class="col s4"></div> <div class="col s4 l2"></div>
<div class="col s4 right-align"> <div class="col s4 right-align l2">
urlaub-friedrichroda.de urlaub-friedrichroda.de
</div> </div>
</div> </div>