270 lines
9.9 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="description" content="Ferienunterkunft">
<meta name="viewport" content="width=device-width, initial-scale=1.0;" />
<link href="style.css" rel="stylesheet" title="Default Stylesheet">
<link rel="stylesheet" href="slider.css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<title>Ferienwohnung Wanderlust</title>
</head>
<body>
<header>
<h1>
<a href="/" title="Zurück zur Startseite!"><small>Ferienwohnung</small><br />Wanderlust
<span>Entspannen in gemütlicher <br />
Atmosphäre</span>
</a>
</h1>
</header>
<nav id="menu_contact">
</nav><!-- Navigation Kontakt ends -->
<!-- main_wrap -->
<div id="main_wrap">
<!-- Navigation Main -->
<nav id="menu_main">
<ul>
<!-- <li><a href="selfhtml-beispiel.htm">Startseite</a></li>-->
<li><a href="#wohnung">Ferienwohnung</a></li>
<li><a href="#buchung">Buchung<span>& Anreise</span></a></li>
<li><a href="#attraktionen">TOP<span>Attraktionen</span>
</a></li>
</ul>
</nav>
</div>
<!-- main_wrap ends-->
<!-- Slider -->
<div id="slideshow-container">
<div id="slider-background"></div>
<div class="mySlides fade">
<img src="bilder/StartbildOriginal_Rev.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/1.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/2.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/3.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/4.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/5.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/6.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/7.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/8.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/9.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/10.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/11.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/12.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/13.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/14.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/15.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<div class="mySlides fade">
<img src="bilder/16.jpg" alt="">
<div class="text">Bildtitel</div>
</div>
<p class="prev slidebutton" onclick="plusSlides(-1)"><a href="#">«</a></p>
<p class="next slidebutton" onclick="plusSlides(1)"><a href="#">»</a></p>
</div>
<div class="overview" style="text-align: center;">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
<span class="dot" onclick="currentSlide(6)"></span>
<span class="dot" onclick="currentSlide(7)"></span>
<span class="dot" onclick="currentSlide(8)"></span>
<span class="dot" onclick="currentSlide(9)"></span>
<span class="dot" onclick="currentSlide(10)"></span>
<span class="dot" onclick="currentSlide(11)"></span>
<span class="dot" onclick="currentSlide(12)"></span>
<span class="dot" onclick="currentSlide(13)"></span>
<span class="dot" onclick="currentSlide(14)"></span>
<span class="dot" onclick="currentSlide(15)"></span>
<span class="dot" onclick="currentSlide(16)"></span>
<span class="dot" onclick="currentSlide(17)"></span>
</div>
<div class="flex-container">
<main id="main">
<h1>Ferienwohnung "Wanderlust"</h1>
<section id="willkommen">
<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>
</section>
<section id="wohnung">
<h2>Ferienwohnung</h2>
<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>
</section>
<section id="buchung">
<h2>Buchung und Anreise</h2>
<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>
</section>
</main><!-- Main Content ends -->
<aside class="ausstattung">
<section>
<h2>TOP-Ausstattung</h2>
<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>
</section>
<section class="vcard contact">
<h2>Kontakt</h2>
<ul>
<li><i class="fa fa-envelope-o fa-2x"></i><a href="#">&nbsp;&nbsp;&nbsp;E-Mail</a></li>
<li><i class="fa fa-phone fa-2x"></i><a href="#">&nbsp;&nbsp;&nbsp; Telefon</a></li>
<li><i class="fa fa-caret-square-o-down fa-2x"></i><a href="#">&nbsp;&nbsp;&nbsp; Download</a></li>
</ul>
</section>
<section class="vcard booking">
<h2>Zur Buchung</h2>
<ul>
<li><a
href="https://www.booking.com/hotel/de/ferienwohnung-wanderlust-mit-kamin.de.html?label=gen173nr-1DCAsoO0IiZmVyaWVud29obnVuZy13YW5kZXJsdXN0LW1pdC1rYW1pbkgHWARoO4gBAZgBB7gBF8gBD9gBA-gBAfgBAogCAagCA7gCwNTh8QXAAgE;sid=4cedf1e38b88a25e8ec5f6350762a968;all_sr_blocks=554056501_209029140_2_0_0;bhgwe_cep=1;checkin=2020-11-16;checkout=2020-11-20;dest_id=-1772027;dest_type=city;dist=0;group_adults=2;group_children=0;hapos=1;highlighted_blocks=554056501_209029140_2_0_0;hpos=1;no_rooms=1;room1=A%2CA;sb_price_type=total;sr_order=popularity;sr_pri_blocks=554056501_209029140_2_0_0__25008;srepoch=1580755616;srpvid=ca26840f36d4001e;type=total;ucfs=1&#hotelTmpl"
title="Öffnet das Buchungsportal in neuem Fenster">booking.com</a></li>
</ul>
</section>
<section class="anfahrt">
<h2>Anreise planen</h2>
<ul>
<li><a target="_blank"
href="https://www.google.com/maps/place/Finsterbergen,+99894+Friedrichroda/@50.8346845,10.5823897,16z/data=!4m5!3m4!1s0x47a3804f3ba1061b:0x71904ad70ac73645!8m2!3d50.8338541!4d10.5892791"
title="Öffnet Google Maps in neuem Fenster">mit dem Auto</a></li>
<li><a href="https://www.bahn.de" title="Öffnet bahn.de in neuem Fenster">mit der Bahn</a></li>
</ul>
</section>
</aside>
</div>
</body>
</html>