Ferienwohnung Meißner

commit a1f0ed0c51c1dae2963d4c9042bce4bda133d825 Author: tmeissner Date: Wed Nov 27 21:52:36 2013 +0100 initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d239463 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +.DS_Store +.idea +*.swp +*.*#* diff --git a/buchung.html b/buchung.html new file mode 100644 index 0000000..bc60120 --- /dev/null +++ b/buchung.html @@ -0,0 +1,91 @@ + + + + + + + + + + + + + +

+ + + +

+ +

Buchungsanfrage

Das Buchungsformular ist in Arbeit.

+ Anfragen stellen Sie bitte vorläufig durch eine Email an unsere Adresse: + kontakt@meissner-wohnen.de. + Auf unserem Profil bei + Dresden-Lodge + finden Sie auch den Belegungsplan. +

Preise

Übernachtung

+ + + + + + + + + + + + + + + + + + + + + +

Personen	Preis/Nacht
1	22€
	20€ ab 14 Nächte
2	36€
3	46€

weitere Leistungen

+ + + + + + + + + +

Endreinigung	inkl.
Kinderbett	5€ (einmalig)

+ + + +

+ + + + \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..9454a34 --- /dev/null +++ b/css/style.css @@ -0,0 +1,299 @@ +/* global styles */ + +body { + font-family: Verdana, Geneva, sans-serif; + background: #e8e8e8; + margin: 0; + padding: 0; +} + +a { + text-decoration: none; +} + +p { + padding: 0.25em; +} + +h1, h2, h3, p { + margin: 0; + clear: both; +} + +ul { + list-style-type: none; +} + +table th { + text-align: left; + padding-right: 1em; + padding-bottom: 0.5em; +} + +span.cursive { + font-family: cursive; + font-size: larger; +} + +/* page area styles */ + +#wrapper { + background: #fff; + width: 960px; + margin: 15px auto; + overflow: hidden; + box-shadow: 0px 0px 6px 2px #bbb; +} + + +/* header styles */ + +#header { + position: relative; + margin: 8px 8px 0 8px; + padding: 0; +} + +#header h1 { + position: absolute; + left: 10px; + bottom: 10px; + color: #fff; + /*text-shadow: -0.06em -0.06em 0.06em black, + 0.04em 0.04em 0.06em white;*/ + text-shadow: .05em .05em .05em #000; +} + +#header img { + display: block; +} + + +/* navigation bar */ + +#nav { + margin: 8px 8px 0 8px; + overflow: hidden; +} + +#nav ul { + margin: 0; + padding: 0; +} + +#nav ul li { + float: left; + width: 20%; +} + +#nav ul li a { + display: block; + padding: .5em 0.25em; + border-right: 1px solid black; + background-color: darkolivegreen; + color: white; + text-transform: uppercase; + text-shadow: #666 .1em .1em .1em; + font-weight: bold; + text-align: center; +} + +#nav ul li a.nav-right { + border-right: none; +} + +#nav ul li a:hover { + color: #ddd; + background-color: green; +} + +#nav ul li a.active { + background-color: seagreen; +} + + +/* content styles */ + +#content { + overflow: hidden; + clear: left; + margin: 8px 8px 0 8px; + padding: 0 15px 15px 15px; +} + +#content h2 { + color: darkolivegreen; + padding: .65em 0 .25em 0; +} + +#content h3 { + padding: 0.5em 0 0.4em 0; +} + +#content p { + padding: 0.25em 0em; +} + +#content a { + color: black; + border-bottom: dotted 1px black; +} + +#content a:hover { + color: #666; +} + +#content #maps { + padding: 10px 0; +} + +#content #index-img { + margin 0 auto; + padding-left: 10px; +} + +#content #index-img img { + padding: 30px; + vertical-align: middle; +} + +#content #index-img img.img-left { + -webkit-transform: rotate(-5deg); + -moz-transform: rotate(-5deg); + -o-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + transform: rotate(-5deg); +} + +#content #index-img img.img-right { + -webkit-transform: rotate(5deg); + -moz-transform: rotate(5deg); + -o-transform: rotate(5deg); + -ms-transform: rotate(5deg); + transform: rotate(5deg); +} + +#content #content-left { + float: left; + width: 68%; +} + +#content #content-right { + float: right; + width: 30% + } + +#content #content-right ul { + padding-left: 1em; + margin: 0.5em 0; + list-style-type: square; +} + +#img-gallery { + float: left; + width: 540px; + padding: 0; + margin: 15px 0; +} + +#gallery-big { + margin-bottom: 5px; + float: left; +} + +#img-gallery img.gallery-small { + background: url(../images/transparent.png) center no-repeat; + width: 125px; + height: 100px; + float: left; + padding: 5px; + margin: 0; + border: 0px solid #D9D9D9; +} + +#img-gallery img.gallery-small.gallery-left { + padding-left: 0; +} + +#img-gallery a { + margin: 0; + padding: 0; +} + +#img-gallery a span { + background: #fff; + display: none; +} + +#img-gallery a:hover { + background: #fff; + padding: 0; + margin:0; +} + +#img-gallery a:hover span { + margin: 0; + display: block; + position: relative; + top: 0; + left: 0; + height: 398px; + padding: 0; + border: 0 solid #D9D9D9; + z-index: 100; + background: no-repeat; +} + +a#wohnung0:hover span { + background-image: url(../images/wohnung1.jpg); +} +a#wohnung1:hover span { + background-image: url(../images/wohnung2.jpg); +} +a#wohnung2:hover span { + background-image: url(../images/wohnung3.jpg); +} +a#wohnung3:hover span { + background-image: url(../images/wohnung4.jpg); +} +a#wohnung4:hover span { + background-image: url(../images/wohnung5.jpg); +} +a#wohnung5:hover span { + background-image: url(../images/wohnung6.jpg); +} +a#wohnung6:hover span { + background-image: url(../images/wohnung7.jpg); +} +a#wohnung7:hover span { + background-image: url(../images/wohnung8.jpg); +} + + +/* footer styles */ + +#footer { + clear: both; + margin: 8px; + padding-top: 7px; + border-top: solid 2px #bbb; + overflow: hidden; + font-size: small; +} + +#footer-left { + float: left; +} + +#footer-right { + float: right; +} + +#footer-right a { + padding-left: 1em; + color: black; +} + +#footer-right a:hover { + color: #666; +} \ No newline at end of file diff --git a/extras.html b/extras.html new file mode 100644 index 0000000..7e63014 --- /dev/null +++ b/extras.html @@ -0,0 +1,45 @@ + + + + + + + + + + + + + +

+ + + +

+ +

Ausflüge

Die Ausflugstipps sind in Arbeit.

+ + + +

+ + + + \ No newline at end of file diff --git a/images/header.jpg b/images/header.jpg new file mode 100644 index 0000000..a8b9207 Binary files /dev/null and b/images/header.jpg differ diff --git a/images/transparent.png b/images/transparent.png new file mode 100644 index 0000000..87d9bf9 Binary files /dev/null and b/images/transparent.png differ diff --git a/images/willkommen.jpg b/images/willkommen.jpg new file mode 100644 index 0000000..87aca3f Binary files /dev/null and b/images/willkommen.jpg differ diff --git a/images/willkommen_links.jpg b/images/willkommen_links.jpg new file mode 100644 index 0000000..a62969c Binary files /dev/null and b/images/willkommen_links.jpg differ diff --git a/images/willkommen_rechts.jpg b/images/willkommen_rechts.jpg new file mode 100644 index 0000000..ee1b546 Binary files /dev/null and b/images/willkommen_rechts.jpg differ diff --git a/images/wohnung1.jpg b/images/wohnung1.jpg new file mode 100644 index 0000000..8680f23 Binary files /dev/null and b/images/wohnung1.jpg differ diff --git a/images/wohnung2.jpg b/images/wohnung2.jpg new file mode 100644 index 0000000..a8f26b6 Binary files /dev/null and b/images/wohnung2.jpg differ diff --git a/images/wohnung3.jpg b/images/wohnung3.jpg new file mode 100644 index 0000000..78e818c Binary files /dev/null and b/images/wohnung3.jpg differ diff --git a/images/wohnung4.jpg b/images/wohnung4.jpg new file mode 100644 index 0000000..1d29549 Binary files /dev/null and b/images/wohnung4.jpg differ diff --git a/images/wohnung5.jpg b/images/wohnung5.jpg new file mode 100644 index 0000000..04b8527 Binary files /dev/null and b/images/wohnung5.jpg differ diff --git a/images/wohnung6.jpg b/images/wohnung6.jpg new file mode 100644 index 0000000..a3af0e9 Binary files /dev/null and b/images/wohnung6.jpg differ diff --git a/images/wohnung7.jpg b/images/wohnung7.jpg new file mode 100644 index 0000000..ad38f85 Binary files /dev/null and b/images/wohnung7.jpg differ diff --git a/images/wohnung8.jpg b/images/wohnung8.jpg new file mode 100644 index 0000000..266cc1a Binary files /dev/null and b/images/wohnung8.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..12f6349 --- /dev/null +++ b/index.html @@ -0,0 +1,68 @@ + + + + + Ferienwohnung Meißner + + + + + + + + + +

+ + + +

+ +

Willkommen

+ Wir begrüßen Sie ganz herzlich auf der Webseite unserer Ferienwohnung. +

+ Wir präsentieren Ihnen hier die Räume und Ausstattung unserer Ferienwohnung. + Desweiteren finden Sie Informationen zu den Preisen und die Möglichkeit, eine unverbindliche + Buchungsanfrage zu stellen. +

+ Als besonderes Extra werden + außerdem einige lohnenswerte Ausflugsziele in der Umgebung unserer Ferienwohnung vorgestellt. + Es gibt einiges zu entdecken im Norden von Dresden. Und natürlich auch in Sachsens Landeshauptstadt ... +

+
+

+ Viele Grüße von
+ Familie Meißner +

+ + + +

+ + + + \ No newline at end of file diff --git a/kontakt.html b/kontakt.html new file mode 100644 index 0000000..aa5c971 --- /dev/null +++ b/kontakt.html @@ -0,0 +1,82 @@ + + + + + + + + + + + + + +

+ + + +

+ +

Anschrift