diff --git a/README.md b/README.md deleted file mode 100644 index 60f55e53..00000000 --- a/README.md +++ /dev/null @@ -1,13 +0,0 @@ -# Project Name - -Replace this readme with your own information about your project. - -Start by briefly describing the assignment in a sentence or two. Keep it short and to the point. - -## The problem - -Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next? - -## View it live - -Have you deployed your project somewhere? Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about. diff --git a/code/example-recipe-background.png b/code/example-recipe-background.png deleted file mode 100644 index 36451c0f..00000000 Binary files a/code/example-recipe-background.png and /dev/null differ diff --git a/code/images/AlvaneuSkateline.jpg b/code/images/AlvaneuSkateline.jpg new file mode 100644 index 00000000..9db31360 Binary files /dev/null and b/code/images/AlvaneuSkateline.jpg differ diff --git a/code/images/Davos Bolgen.jpg b/code/images/Davos Bolgen.jpg new file mode 100644 index 00000000..e463416a Binary files /dev/null and b/code/images/Davos Bolgen.jpg differ diff --git a/code/images/DavosBolgen.jpg b/code/images/DavosBolgen.jpg new file mode 100644 index 00000000..e463416a Binary files /dev/null and b/code/images/DavosBolgen.jpg differ diff --git a/code/images/DavosEisstadion.jpg b/code/images/DavosEisstadion.jpg new file mode 100644 index 00000000..e2ef151e Binary files /dev/null and b/code/images/DavosEisstadion.jpg differ diff --git a/code/images/Engadin.jpg b/code/images/Engadin.jpg new file mode 100644 index 00000000..e5680e79 Binary files /dev/null and b/code/images/Engadin.jpg differ diff --git a/code/images/family.jpg b/code/images/family.jpg new file mode 100644 index 00000000..7ab77c4a Binary files /dev/null and b/code/images/family.jpg differ diff --git a/code/index.html b/code/index.html deleted file mode 100644 index b990bed9..00000000 --- a/code/index.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - Project Name - - - - - -

Hello there! 👋🏼

- - \ No newline at end of file diff --git a/code/ontour_20211120.css b/code/ontour_20211120.css new file mode 100644 index 00000000..3ba3d248 --- /dev/null +++ b/code/ontour_20211120.css @@ -0,0 +1,196 @@ +@import url(https://fonts.googleapis.com/css?family=Reenie+Beanie); + +body{ + background:rgb(238, 232, 170) +} + +h1 { + color: rgb(96, 96, 84); + font-family: "Reenie Beanie"; + font-size: 50px; + margin: 40px 40px 40px 80px; + } + +h2 { + color: rgb(96, 96, 84); + font-family: "Reenie Beanie"; + font-size: 50px; + margin: 40px 40px 40px 0px; + } + +h3 { + color: rgb(96, 96, 84); + font-family: "Reenie Beanie"; + font-size: 50px; + margin: 40px 40px 40px 0px; + } + +article { + min-height: 600px; + background-color: rgb(238, 232, 170); + color: rgb(96, 96, 84); + padding: 5em; + } + + +.paragraph { + color: rgb(96, 96, 84); + font-family: "Reenie Beenie"; + font-size: 30px; + font-weight: 200; +} + +menu{ + display: flex; + align-items: center; + justify-content: space-between; + font-family: "Reenie Beanie"; + border: 5px; + border-color: rgb(96, 96, 84)(96, 96, 84); + +} + +menu a { + display: flex; + padding: 10px 15px; + background: hsla(44, 75%, 50%, .1); + color: rgb(96, 96, 84); + font-size: 40px; + font-weight: bold; + text-decoration:none; + border-radius: 10px; + margin: 10px; + +} + +menu a:hover { + background: rgb(238, 221, 130); + color: white; +} + +#galerie { + box-sizing: border-box; + background-size: 58px 58px; + background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px; + padding: 0 50px; + +} + + +#galerie div { + background: #FFF; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); + display: inline-block; + height: 240px; + overflow: hidden; + margin: 40px 0px 0 20px; + padding: 5px 5px 40px 5px; + width: 240px; + transition: all 0.25s ease-in; +} + +#galerie div img { + width: 240px; + height: 240px; +} + +#galerie div:hover, +#galerie div:focus { + box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8); + width: 240px; + z-index: 2; + transform: scale(2); +} + +#galerie figcaption { + color: rgb(96, 96, 84); + font: cursive 10px/150%; + font-family: "Reenie Beanie", cursive; + text-align: left; + width: 240px; + font-size: 20px; + +} + +#galerie figure:nth-child(3n-2):hover, +#galerie figure:nth-child(3n-2):focus { + transform: scale(2) rotate(-2.5deg); +} + +#galerie figure:nth-child(5n):hover, +#galerie figure:nth-child(5n):focus { + transform: scale(2) rotate(2.5deg); +} + +#galerie:after { + clear: both; + content: " "; + display: block; +} + +.parallaxhead { + background-image: url("images/family_web1.jpg"); + min-height: 60vh; + width: 100%; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +.parallaxwir { + background-image: url("images/DavosEisstadion.jpg"); + min-height: 60vh; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +.parallaxplan { + background-image: url("images/LaaxSkipiste.jpg"); + min-height: 60vh; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +.parallaxhighlight { + background-image: url("images/LaaxSkipiste.jpg"); + min-height: 60vh; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +.parallaxgalerie { + background-image: url("images/LaaxSkipiste.jpg"); + min-height: 60vh; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +@media only screen and (max-width: 667px) { + #galerie { + width: 100%; + margin: 100px auto; + } +} + +@media only screen and (max-width: 1024px) { + body { + width: 100%; + margin: 2% 0; + padding: 5%; + } + #galerie { + width: 850px; + margin: 100px auto; + } +} + + diff --git a/code/ontour_20211120.html b/code/ontour_20211120.html new file mode 100644 index 00000000..0ad76fd5 --- /dev/null +++ b/code/ontour_20211120.html @@ -0,0 +1,117 @@ + + + + + + + + Fünf auf Tour + + + + +

Wir legen los, unsere Reise beginnt!

+ +
+ + + Wir Fünf + Unser Plan + Unsere Highlights + Fotos + Beste Übernachtungsplätze + + + +
+
+

Wir fünf auf Tour

+

Ein bisschen verrückt, ein bisschen chaotisch und ein bisschen bünzli. + Wir sind Linda, Nando, Milena, Daniela und Fabian. + Reisen ist seit jeher unsere Leidenschaft. Fabian war bereits als Kind mit seinen Eltern viel auf reisen und hat sogar ein Jahr in Kanada verbracht. + Daniela hat ihre Liebe zum Reisen bei verschiedenen Trips durch Lateinamerika neu entdeckt. + Zusammen haben wir verschiedene Teile der Welt erkundet. Mit Backpack, Bus, Wohnmobil und Auto. + Nun wollen wir unseren Kindern zeigen, dass es sich lohnt, in die Welt heraus zu gehen und Neues zu entdecken. + Ausserdem wollen wir die Zeit als Familie geniessen und uns fern von Alltag und Verpflichtungen einfach treiben lassen. +

+
+ +
+ +
+

Unser Plan - keinen zu haben

+

Da wir echte Winterkinder sind, nehmen wir uns zuerst einfach mal Zeit, den Schnee so richtig zu geniessen. + Wir verbringen deshalb die ersten fünf Wochen unseres Abenteuers in den Schweizer Alpen mit skifahren, schlitteln, Schneemann bauen und schlittschüelen. + Den Rest der Reise haben wir nicht geplant. Wir packen einfach das Wohnmobil und schauen, wo uns die Reise hinführt. Einzig die Erkundung von Schweden ist unser Ziel. + Wann, wie lange und wo genau - da lassen wir uns treiben. Wir sind gespannt, wo uns die Reise hinführt. +

+
+ +
+ + +
+

Unsere Highlights

+

Unsere lustigsten, eindrücklichsten oder bewegendsten Erlebnisse auf unserer Reise möchten wir euch nicht vorenthalten. Hier erzählen wir euch, was + uns in unserem Reisealltag beschäftigt. +

+
+ +
+ + +
+

Fotos der schönsten Orte

+

Wir besuchen so viele tolle Orte und sind beeindruckt von der Natur, den Menschen und den aussergewöhnlichen Dinge, die wir sehen dürfen. + Hier findet ihr unsere tollsten Fotos. +

+ +

Davos

+
+
Schneespass auf dem Bolgen +
Skischule auf dem Bolgen
+
+
Lauf an der Pegnitz - Pegnitz +
Brücke über die Pegnitz
+
+
Lauf an der Pegnitz - Nürnberger Tor +
Mauermühle und Judenturm
+
+
Lauf an der Pegnitz - Rathaus +
Rathaus
+
+
+ +

Italien

+
+
Lauf an der Pegnitz - Wappensaal +
Wappensaal im Wenzelschloss
+
+
Lauf an der Pegnitz - Schleifmühle +
Reichel'sche Schleifmühle
+
+
Schneespass auf dem Bolgen +
Skischule auf dem Bolgen
+
+
+ +
+ +
+ +
+

Beste Übernachtungsplätze

+

Wir lieben campen. Was uns aber nicht so gefällt, sind überfüllte Campingplätze, bei denen man sich wie im Hasenstall vorkommt. + Wir haben gerne ein bisschen mehr Platz und brauchen kein Glamping. + Geht es dir auch so? Hier haben wir eine Liste mit unseren Lieblingscamping- und Stellplätzen zusammengestellt. +

+
+ + + + + + + diff --git a/code/style.css b/code/style.css deleted file mode 100644 index 313a9df6..00000000 --- a/code/style.css +++ /dev/null @@ -1,5 +0,0 @@ -/* Here in the css file you'll write your styling. make sure to link the css file to the html file. If it's linked correctly you should see a light blue background. */ - -body { - background-color: lightblue; -} diff --git a/ontour_20211120.css b/ontour_20211120.css new file mode 100644 index 00000000..3ba3d248 --- /dev/null +++ b/ontour_20211120.css @@ -0,0 +1,196 @@ +@import url(https://fonts.googleapis.com/css?family=Reenie+Beanie); + +body{ + background:rgb(238, 232, 170) +} + +h1 { + color: rgb(96, 96, 84); + font-family: "Reenie Beanie"; + font-size: 50px; + margin: 40px 40px 40px 80px; + } + +h2 { + color: rgb(96, 96, 84); + font-family: "Reenie Beanie"; + font-size: 50px; + margin: 40px 40px 40px 0px; + } + +h3 { + color: rgb(96, 96, 84); + font-family: "Reenie Beanie"; + font-size: 50px; + margin: 40px 40px 40px 0px; + } + +article { + min-height: 600px; + background-color: rgb(238, 232, 170); + color: rgb(96, 96, 84); + padding: 5em; + } + + +.paragraph { + color: rgb(96, 96, 84); + font-family: "Reenie Beenie"; + font-size: 30px; + font-weight: 200; +} + +menu{ + display: flex; + align-items: center; + justify-content: space-between; + font-family: "Reenie Beanie"; + border: 5px; + border-color: rgb(96, 96, 84)(96, 96, 84); + +} + +menu a { + display: flex; + padding: 10px 15px; + background: hsla(44, 75%, 50%, .1); + color: rgb(96, 96, 84); + font-size: 40px; + font-weight: bold; + text-decoration:none; + border-radius: 10px; + margin: 10px; + +} + +menu a:hover { + background: rgb(238, 221, 130); + color: white; +} + +#galerie { + box-sizing: border-box; + background-size: 58px 58px; + background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px; + padding: 0 50px; + +} + + +#galerie div { + background: #FFF; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); + display: inline-block; + height: 240px; + overflow: hidden; + margin: 40px 0px 0 20px; + padding: 5px 5px 40px 5px; + width: 240px; + transition: all 0.25s ease-in; +} + +#galerie div img { + width: 240px; + height: 240px; +} + +#galerie div:hover, +#galerie div:focus { + box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8); + width: 240px; + z-index: 2; + transform: scale(2); +} + +#galerie figcaption { + color: rgb(96, 96, 84); + font: cursive 10px/150%; + font-family: "Reenie Beanie", cursive; + text-align: left; + width: 240px; + font-size: 20px; + +} + +#galerie figure:nth-child(3n-2):hover, +#galerie figure:nth-child(3n-2):focus { + transform: scale(2) rotate(-2.5deg); +} + +#galerie figure:nth-child(5n):hover, +#galerie figure:nth-child(5n):focus { + transform: scale(2) rotate(2.5deg); +} + +#galerie:after { + clear: both; + content: " "; + display: block; +} + +.parallaxhead { + background-image: url("images/family_web1.jpg"); + min-height: 60vh; + width: 100%; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +.parallaxwir { + background-image: url("images/DavosEisstadion.jpg"); + min-height: 60vh; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +.parallaxplan { + background-image: url("images/LaaxSkipiste.jpg"); + min-height: 60vh; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +.parallaxhighlight { + background-image: url("images/LaaxSkipiste.jpg"); + min-height: 60vh; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +.parallaxgalerie { + background-image: url("images/LaaxSkipiste.jpg"); + min-height: 60vh; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +@media only screen and (max-width: 667px) { + #galerie { + width: 100%; + margin: 100px auto; + } +} + +@media only screen and (max-width: 1024px) { + body { + width: 100%; + margin: 2% 0; + padding: 5%; + } + #galerie { + width: 850px; + margin: 100px auto; + } +} + + diff --git a/ontour_20211120.html b/ontour_20211120.html new file mode 100644 index 00000000..0ad76fd5 --- /dev/null +++ b/ontour_20211120.html @@ -0,0 +1,117 @@ + + + + + + + + Fünf auf Tour + + + + +

Wir legen los, unsere Reise beginnt!

+ +
+ + + Wir Fünf + Unser Plan + Unsere Highlights + Fotos + Beste Übernachtungsplätze + + + +
+
+

Wir fünf auf Tour

+

Ein bisschen verrückt, ein bisschen chaotisch und ein bisschen bünzli. + Wir sind Linda, Nando, Milena, Daniela und Fabian. + Reisen ist seit jeher unsere Leidenschaft. Fabian war bereits als Kind mit seinen Eltern viel auf reisen und hat sogar ein Jahr in Kanada verbracht. + Daniela hat ihre Liebe zum Reisen bei verschiedenen Trips durch Lateinamerika neu entdeckt. + Zusammen haben wir verschiedene Teile der Welt erkundet. Mit Backpack, Bus, Wohnmobil und Auto. + Nun wollen wir unseren Kindern zeigen, dass es sich lohnt, in die Welt heraus zu gehen und Neues zu entdecken. + Ausserdem wollen wir die Zeit als Familie geniessen und uns fern von Alltag und Verpflichtungen einfach treiben lassen. +

+
+ +
+ +
+

Unser Plan - keinen zu haben

+

Da wir echte Winterkinder sind, nehmen wir uns zuerst einfach mal Zeit, den Schnee so richtig zu geniessen. + Wir verbringen deshalb die ersten fünf Wochen unseres Abenteuers in den Schweizer Alpen mit skifahren, schlitteln, Schneemann bauen und schlittschüelen. + Den Rest der Reise haben wir nicht geplant. Wir packen einfach das Wohnmobil und schauen, wo uns die Reise hinführt. Einzig die Erkundung von Schweden ist unser Ziel. + Wann, wie lange und wo genau - da lassen wir uns treiben. Wir sind gespannt, wo uns die Reise hinführt. +

+
+ +
+ + +
+

Unsere Highlights

+

Unsere lustigsten, eindrücklichsten oder bewegendsten Erlebnisse auf unserer Reise möchten wir euch nicht vorenthalten. Hier erzählen wir euch, was + uns in unserem Reisealltag beschäftigt. +

+
+ +
+ + +
+

Fotos der schönsten Orte

+

Wir besuchen so viele tolle Orte und sind beeindruckt von der Natur, den Menschen und den aussergewöhnlichen Dinge, die wir sehen dürfen. + Hier findet ihr unsere tollsten Fotos. +

+ +

Davos

+
+
Schneespass auf dem Bolgen +
Skischule auf dem Bolgen
+
+
Lauf an der Pegnitz - Pegnitz +
Brücke über die Pegnitz
+
+
Lauf an der Pegnitz - Nürnberger Tor +
Mauermühle und Judenturm
+
+
Lauf an der Pegnitz - Rathaus +
Rathaus
+
+
+ +

Italien

+
+
Lauf an der Pegnitz - Wappensaal +
Wappensaal im Wenzelschloss
+
+
Lauf an der Pegnitz - Schleifmühle +
Reichel'sche Schleifmühle
+
+
Schneespass auf dem Bolgen +
Skischule auf dem Bolgen
+
+
+ +
+ +
+ +
+

Beste Übernachtungsplätze

+

Wir lieben campen. Was uns aber nicht so gefällt, sind überfüllte Campingplätze, bei denen man sich wie im Hasenstall vorkommt. + Wir haben gerne ein bisschen mehr Platz und brauchen kein Glamping. + Geht es dir auch so? Hier haben wir eine Liste mit unseren Lieblingscamping- und Stellplätzen zusammengestellt. +

+
+ + + + + + +