diff --git a/css/style.css b/css/style.css index 544c49d..d0caaeb 100644 --- a/css/style.css +++ b/css/style.css @@ -9,7 +9,9 @@ body{ font-size: 16px; } #main{ - overflow: auto; + overflow:auto; + position:static; + min-height: 950px; } #banner{ @@ -61,14 +63,17 @@ body{ padding: 0.5em 0; } +#footer { + position: inherit; +} + #footer p{ font: 10px 'Merriweather', serif; } .facts{ - height:10em: + height: 10em; margin-bottom: 1em; - bacground-color: #efefef; } .facts p{ diff --git a/html/index.html b/html/index.html index 969d82a..785db3a 100644 --- a/html/index.html +++ b/html/index.html @@ -1,25 +1,26 @@ - - + + + + Design Travels Ltd. - - - - - - - - - - - - + + + + + + + + + + + +
- +

Schloss Elmau

-

Just 100km south of Munich and 1000m above sea level is Schloss Elmau, tucked deep in the calm of the Bavarian Alps. A sanctuary, framed by dramatic peaks, whispering forests and rushing streams.

- +

Just 100km south of Munich and 1000m above sea level is Schloss Elmau, tucked deep in the calm of the Bavarian Alps. A sanctuary, framed by dramatic peaks, whispering forests and rushing streams.

+ A spa retreat & cultural hideaway, a family escape & romantic haven. A place to experience unbeatable music, literature & poetry, to feast on outstanding food & service - to relax, breathe deep and discover.

Bavaria

-

Bavaria is a state in southeastern Germany bordering Liechtenstein, Austria and the Czech Republic. State capital Munich is known for its annual Oktoberfest beer festival, art museums and ornate Nymphenburg Palace.

+

Bavaria is a state in southeastern Germany bordering Liechtenstein, Austria and the Czech Republic. State capital Munich is known for its annual Oktoberfest beer festival, art museums and ornate Nymphenburg Palace.

The Romantic Road scenic route starts in northwestern Würzburg, winds south through pastoral villages and medieval towns and culminates in the foothills of the Alps near Germany’s southern border.

-

German Alps

-

The term is frequently used, but does not correspond to the common classification of the Eastern Alps (AVE) developed by the German, Austrian and South Tyrol Alpine Clubs. It should not be confused with the term Bavarian Prealps either. The latter only covers the Bavarian section of the prealps between the River Loisach in the west and the River Inn in the east.

+

German Alps

+

The term is frequently used, but does not correspond to the common classification of the Eastern Alps (AVE) developed by the German, Austrian and South Tyrol Alpine Clubs. It should not be confused with the term Bavarian Prealps either. The latter only covers the Bavarian section of the prealps between the River Loisach in the west and the River Inn in the east.

According to the Italian Partizione delle Alpi classification, the Bavarian Alps (Alpi Bavaresi) comprise the Allgäu and Lechtal Alps as well as the adjacent Achen Lake mountains.

-
- + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..fd6accf --- /dev/null +++ b/index.html @@ -0,0 +1,62 @@ + + + + + + + Design Travels Ltd. + + + + + + + + + + + + + + + + + +
+ +
+

Schloss Elmau

+

Just 100km south of Munich and 1000m above sea level is Schloss Elmau, tucked deep in the calm of the Bavarian Alps. A sanctuary, framed by dramatic peaks, whispering forests and rushing streams.

+ + A spa retreat & cultural hideaway, a family escape & romantic haven. A place to experience unbeatable music, literature & poetry, to feast on outstanding food & service - to relax, breathe deep and discover.

+
+
+

Bavaria

+

Bavaria is a state in southeastern Germany bordering Liechtenstein, Austria and the Czech Republic. State capital Munich is known for its annual Oktoberfest beer festival, art museums and ornate Nymphenburg Palace.

+ + The Romantic Road scenic route starts in northwestern Würzburg, winds south through pastoral villages and medieval towns and culminates in the foothills of the Alps near Germany’s southern border.

+
+
+

German Alps

+

The term is frequently used, but does not correspond to the common classification of the Eastern Alps (AVE) developed by the German, Austrian and South Tyrol Alpine Clubs. It should not be confused with the term Bavarian Prealps either. The latter only covers the Bavarian section of the prealps between the River Loisach in the west and the River Inn in the east.

+ + According to the Italian Partizione delle Alpi classification, the Bavarian Alps (Alpi Bavaresi) comprise the Allgäu and Lechtal Alps as well as the adjacent Achen Lake mountains.

+
+
+ + + + + diff --git a/index.js b/index.js new file mode 100644 index 0000000..0278ec5 --- /dev/null +++ b/index.js @@ -0,0 +1,13 @@ +var index = 0; + +function swap () { + var image = document.getElementById('image'); + var images = ['../images/schloss.jpg', '../images/plansee.jpg']; + image.src = images[index]; + index++; + if (index >= images.length) { + index = 0; + } +} + +setInterval(swap, 3000); diff --git a/js/index.js b/js/index.js index f8dedd5..0278ec5 100644 --- a/js/index.js +++ b/js/index.js @@ -1,10 +1,13 @@ -function swap() { -var image=document.getElementById("image"); var index = 0; -var images = ["../images/schloss.jpg","../images/plansee.jpg"] -if (++index >= images.length) index = 0; -image.src = images[index]; +function swap () { + var image = document.getElementById('image'); + var images = ['../images/schloss.jpg', '../images/plansee.jpg']; + image.src = images[index]; + index++; + if (index >= images.length) { + index = 0; + } } -setInterval(swap, 30000); +setInterval(swap, 3000); diff --git a/style.css b/style.css new file mode 100644 index 0000000..d0caaeb --- /dev/null +++ b/style.css @@ -0,0 +1,102 @@ +body{ + width:90%; + max-width: 1200px; + margin:0 auto; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-family: 'Source Sans Pro', sans-serif; + font-size: 16px; +} +#main{ + overflow:auto; + position:static; + min-height: 950px; + } + +#banner{ + height:400px; + padding-bottom:40px; +} + +#header, #nav, #banner, #footer { + text-align:center; + margin:1%; +} + +#nav{ + width: auto; + font: 13px 'Merriweather', serif; +} + +#nav li { + display: inline; + padding: 0.5em; +} + +#nav ul { + padding:0px; + margin:2px; +} + +.menu a:link, a:visited { + color:black; + text-decoration:none; +} + +.menu a:hover, a:active { + text-transform: uppercase; +} + +.col1, .col2, .col3 { + width:31.3%; + float: left; + margin: 1%; +} + +.col3 { + margin-right: 0% +} + +#nav, #footer { + background-color: #ffffff; + padding: 0.5em 0; +} + +#footer { + position: inherit; +} + +#footer p{ + font: 10px 'Merriweather', serif; +} + +.facts{ + height: 10em; + margin-bottom: 1em; +} + +.facts p{ + font: 13px 'Merriweather', serif; + line-height: 23px; + text-align: left; + margin-bottom:0px; + padding-bottom:20px; +} + +.facts h3 a{ + font-weight: bold; + text-transform: uppercase; + text-decoration: underline; + line-height: 20px; + color:#CD5C5C; +} + +@media screen and (max-width:800px){ + .col1, .col2, .col3 { + width:100%; + height:10%; + clear:both; + float: left; + } +}