[TASK] Versionsupdate
This commit is contained in:
parent
ca37e54f06
commit
1fe90ea328
BIN
favicon.png
Normal file
BIN
favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
203
index.html
203
index.html
@ -6,10 +6,213 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ferienwohnung "Wanderlust"</title>
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
||||
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="white" style="display:none"></nav>
|
||||
<div id="willkommen-banner" class="parallax-container valign-wrapper" style="height:100vh">
|
||||
<div class="container">
|
||||
|
||||
<div class="card card-content">
|
||||
<div class="center">
|
||||
<h1 class="heading-2">Ferienwohnung "<span class="uppercase">Wanderlust</span>"</h1>
|
||||
</div>
|
||||
<h2 class="heading-5 light center"><i>Entspannen in gemütlicher Atmosphäre</i></h2>
|
||||
|
||||
<div class="row"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="parallax">
|
||||
<img src="bilder/2400px/StartbildOriginal_Rev.jpg" alt="Eindrücke unserer Ferienwohnung">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<section id="willkommen" class="row">
|
||||
<div class="col s12 m8">
|
||||
<h2>Willkommen</h2>
|
||||
<p>
|
||||
Wir heißen Sie seit September 2019 in unserer gemütlichen Ferienwohnung "Wanderlust" herzlich
|
||||
Willkommen.
|
||||
</p>
|
||||
<p>
|
||||
Seitdem ist die Ferienwohnung für unsere Gäste der Ausgangspunkt für Erkundungen im und um den
|
||||
Thüringer
|
||||
Wald.
|
||||
</p>
|
||||
<p>
|
||||
Genießen Sie die wundervolle Natur mit ausgiebigen Wanderungen auf und um den
|
||||
Rennsteig-Höhenwanderweg.
|
||||
Nutzen
|
||||
Sie die Zeit um kulturelle Stätten im nahen Umkreis zu erleben. Oder entspannen Sie sich in den
|
||||
Sommermonaten
|
||||
doch einfach im nahegelegenen beheizten Freibad.
|
||||
</p>
|
||||
<p>
|
||||
Wir freuen uns auf Ihren Besuch.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div id="wohnung-banner" class="parallax-container">
|
||||
<div class="parallax">
|
||||
<img src="bilder/2400px/5.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<section id="wohnung" class="container">
|
||||
<div class="row">
|
||||
<div class="col s12">
|
||||
<h2>Ferienwohnung</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col s12 m8">
|
||||
<p>
|
||||
Unsere gemütliche Ferienwohnung "Wanderlust“ liegt im Zentrum des heilklimatischen Luftkurortes
|
||||
Finsterbergen.
|
||||
In nur wenigen Gehminuten erreichen Sie den Thüringer Wald und Rennsteig-Höhenwanderweg mit seiner
|
||||
wundervollen Natur.
|
||||
</p>
|
||||
<p>
|
||||
Die lichtdurchflutete Ferienwohnung hat ca. 55m², ein separates Schlafzimmer mit King-Size-Bett mit
|
||||
Platz
|
||||
für
|
||||
2 Erwachsene.
|
||||
Nach ihrem Ausflug lädt Sie unsere gemütliche Ferienwohnung zum Verweilen vor dem Kamin oder auf der
|
||||
anliegenden Terrasse ein. Unsere Ferienwohnung bietet Ihnen den Komfort einer vollausgestattete
|
||||
Küchenzeile
|
||||
und eines großzügigen Badezimmers mit Badewanne. Das Kingsize-Bett bietet Platz für zwei Personen.
|
||||
Um Thüringen auch kulinarisch zu entdecken, steht Ihnen ein Original THÜROS-Grill zur Verfügung.
|
||||
</p>
|
||||
<p>
|
||||
Für ihr Mountainbiker oder kann bei Bedarf und auf Anfrage ein Garagenstellplatz hinzugebucht
|
||||
werden.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col s12 m4">
|
||||
<h3 class="heading-5">Top-Ausstattung</h3>
|
||||
<ul>
|
||||
<li>Holz-Kamin</li>
|
||||
<li>Badewanne</li>
|
||||
<li>Vollwertige Küche</li>
|
||||
<li>Terrasse</li>
|
||||
<li>Grill</li>
|
||||
<li>WIFI inklusive</li>
|
||||
<li>Satelliten-Fernseher</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div id="buchung-banner" class="parallax-container">
|
||||
<div class="parallax">
|
||||
<img src="bilder/2400px/10.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<section id="buchung" class="container">
|
||||
<div class="row">
|
||||
<div class="col s12 m8">
|
||||
<h2>Buchung und Anreise</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col s12 m8">
|
||||
<p>
|
||||
Wir wollen Ihnen einen erholsamen Aufenthalt bieten und tolle Eindrücke verschaffen, von denen Sie
|
||||
auch nach
|
||||
ihrem Urlaub nach Zerren können.
|
||||
Auf diesen Seiten können Sie sich über unsere Unterkunft informieren und ihre Anreise bequem planen.
|
||||
</p>
|
||||
<p>
|
||||
Vor der Ferienwohnung befinden sich zahlreiche gebührenfreie Parkmöglichkeiten. Für Motorradfahrer
|
||||
und
|
||||
Mountainbiker gibt es gesonderte Abstellmöglichkeiten direkt in der Unterkunft.
|
||||
</p>
|
||||
<p>
|
||||
Die Unterkunft ist in der Regel ab 16.00 Uhr bezugsbereit und ihr Check-out kann bis 11.00 Uhr
|
||||
erfolgen.
|
||||
</p>
|
||||
<p>
|
||||
Bei Fragen rund um ihren Aufenthalt, ihre Anreise oder weitere Themen stehen wir Ihnen über das
|
||||
Kontaktformular gerne zur Verfügung.
|
||||
</p>
|
||||
<p>
|
||||
Wir freuen uns auf Ihren Besuch.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col s12 m4">
|
||||
<div class="row">
|
||||
<div class="col s6 m12">
|
||||
<h3 class="heading-5">Kontakt</h3>
|
||||
<p>
|
||||
<a href="#"><i class="material-icons left">mail</i>E-Mail</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="#"><i class="material-icons left">phone</i>Telefon</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="#"><i class="material-icons left">vertical_align_bottom</i>Download</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col s6 m12">
|
||||
<h3 class="heading-5">Zur Buchung</h3>
|
||||
<p>
|
||||
<a href="https://www.booking.com/hotel/de/ferienwohnung-wanderlust-mit-kamin.de.html"
|
||||
target="_blank">
|
||||
<i class="material-icons left">hotel</i> Booking.com
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col s6 m12">
|
||||
<h3 class="heading-5">Anreise planen</h3>
|
||||
<p>
|
||||
<a href="https://www.google.com/maps/dir//Ferienwohnung+WANDERLUST+mit+Kamin,+Am+Dorfteich+4,+99898+Friedrichroda/"
|
||||
target="_blank">
|
||||
<i class="material-icons left">place</i> mit dem Auto
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://reiseauskunft.bahn.de/bin/query.exe/dn?Z=99894%20Friedrichroda,%20Am%20Dorfteich%204"
|
||||
target="_blank">
|
||||
<i class="material-icons left">train</i> mit der Bahn
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div id="footer-banner" class="parallax-container" style="height:100vh;">
|
||||
<div class="parallax">
|
||||
<img src="bilder/2400px/1.jpg" alt="" style="transform: translate3d(-50%, 80%, 0px) scale(0.3); opacity:
|
||||
1;">
|
||||
</div>
|
||||
</div>
|
||||
<footer class="page-footer green lighten-3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col s12 m4">
|
||||
<a href="#impressum">Impressum</a>
|
||||
</div>
|
||||
<div class="col s12 m4">
|
||||
<a href="#datenschutz">Datenschutz</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright">
|
||||
<div class="container">
|
||||
|
||||
Made by chrosey with Materialize
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
4
script.js
Normal file
4
script.js
Normal file
@ -0,0 +1,4 @@
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var elems = document.querySelectorAll('.parallax');
|
||||
var parallaxes = M.Parallax.init(elems, {});
|
||||
});
|
||||
29
style.css
29
style.css
@ -0,0 +1,29 @@
|
||||
.heading-2 {
|
||||
font-size: 3.56rem;
|
||||
line-height: 110%;
|
||||
margin: 2.3733333333rem 0 1.424rem 0;
|
||||
}
|
||||
|
||||
.heading-3 {
|
||||
font-size: 1.64rem;
|
||||
line-height: 110%;
|
||||
margin: 1.0933333333rem 0 .656rem 0;
|
||||
}
|
||||
|
||||
.heading-5 {
|
||||
font-size: 1.64rem;
|
||||
line-height: 110%;
|
||||
margin: 1.0933333333rem 0 .656rem 0;
|
||||
}
|
||||
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@media only screen and (max-width:380px) {
|
||||
|
||||
.heading-2,
|
||||
h2 {
|
||||
font-size: 2.82rem;
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user