diff --git a/README.md b/README.md index c471862..174b4f2 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,3 @@ # Epic-Sax +//Test \ No newline at end of file diff --git a/altsaxophon.html b/altsaxophon.html new file mode 100644 index 0000000..acef854 --- /dev/null +++ b/altsaxophon.html @@ -0,0 +1,21 @@ + + + + + + Altsaxophon + + + + +

Altsaxophon

+ + Bildquelle + Kaufen auf thomann.de +

+ Das Altsaxophon ist das geläufigste Saxophon, da es oft zur Instrumentalausbildung benutz wird. Außerdem eignet + sich das Altsaxophon aufgrund seiner mittelhohen Tonlage besonders gut zum Spielen von führenden Melodien. +

+ + + \ No newline at end of file diff --git a/assets/style/style.css b/assets/style/style.css deleted file mode 100644 index e69de29..0000000 diff --git a/baritonsaxophon.html b/baritonsaxophon.html new file mode 100644 index 0000000..63d6305 --- /dev/null +++ b/baritonsaxophon.html @@ -0,0 +1,21 @@ + + + + + + Baritonsaxophon + + + + +

Baritonsaxophon

+ + Bildquelle + Kaufen auf thomann.de +

+ Das Barisax ist das tiefste unter den geläufigsten Saxophonen. Es ist wie das Altsax in Es gestimmt und + übernimmt in den meisten Fällen den Bass Part, jedoch kannman auch mit dem Baritonsaxophon Solos spielen. +

+ + + \ No newline at end of file diff --git a/impressum.html b/impressum.html new file mode 100644 index 0000000..11648ce --- /dev/null +++ b/impressum.html @@ -0,0 +1,20 @@ + + + + + + Impressum + + + + +

Impressum

+

+ Hannes Jaeschke
+ Büttelbronnerstraße 24
+ 74613 Öhringen
+ Hanneshp1@gmail.com +

+ + + \ No newline at end of file diff --git a/index.html b/index.html index 777825b..ed54309 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,59 @@ + - - - -Epic-Sax + + + Epic-Sax -Hier entsteht Epic-Sax +
+
+

Willkommen auf

+

Epic-Sax

+
+
+
+

Geschichte

+

Saxophone haben ihren Namen von ihrem Erfinder Adolphe Sax (1814 -1894). Die Geburtsjahre dieser Instrumente, + die als eine Mischung aus Klarinetten, Oboen und weit mensurierten Metallblasinstrumenten bezeichnet werden + könnten, datiert man auf die Jahre 1841 -43, in denen Adolphe Sax in Brüssel die ersten Instrumente baute. + Fünf Jahre später meldete er sein Saxophon in Paris zum Patent an. Die Verwandtschaft zur Klarinette ist am + engsten, weshalb das gänzlich aus Metall gebaute Instrument eindeutig zu den Holzblasinstrumenten zu zählen + ist. Nicht sofort und überall wurde seinerzeit das neue Instrument begeistert aufgenommen. Doch viele + Komponisten fanden alsbald Gefallen an ihm und setzten es mit seinen klanglichen Variationsmöglichkeiten + ein. Heut zu Tage ist das Saxophon vor allem im Jazz beheimatet, jedoch auch in der modernen Blasmusik.

+
+
+

Entdecken Sie die Vielfalt der Saxophone

+
+ +
+ +

Sopransaxophon

+
+ + +
+ +

Altsaxophon

+
+ + +
+ +

Tenorsaxophon

+
+ + +
+ +

Baritonsaxophon

+
+ +
+ Impressum +
\ No newline at end of file diff --git a/inhalte/bilder/Altsaxophon.png b/inhalte/bilder/Altsaxophon.png new file mode 100755 index 0000000..46117bb Binary files /dev/null and b/inhalte/bilder/Altsaxophon.png differ diff --git a/inhalte/bilder/Baritonsaxophon.png b/inhalte/bilder/Baritonsaxophon.png new file mode 100755 index 0000000..dfa8071 Binary files /dev/null and b/inhalte/bilder/Baritonsaxophon.png differ diff --git a/inhalte/bilder/Sopransaxophon.png b/inhalte/bilder/Sopransaxophon.png new file mode 100755 index 0000000..92ae57e Binary files /dev/null and b/inhalte/bilder/Sopransaxophon.png differ diff --git a/inhalte/bilder/Tenorsaxophon.png b/inhalte/bilder/Tenorsaxophon.png new file mode 100755 index 0000000..e16ba8c Binary files /dev/null and b/inhalte/bilder/Tenorsaxophon.png differ diff --git a/inhalte/designes/impressum.css b/inhalte/designes/impressum.css new file mode 100644 index 0000000..e8b5cc3 --- /dev/null +++ b/inhalte/designes/impressum.css @@ -0,0 +1,37 @@ +* { + margin: 0; + padding: 0; + + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif +} + +h1 { + position: absolute; + top: 10%; + left: 5%; + + font-size: 10vh; +} + +p { + position: absolute; + top: 50%; + left: 50%; + transform: translate3D(-50%, -50%, 0); + + font-size: 5vh; +} +.button { + background-color: grey; + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + } + .button:hover { + background-color: lightgray; + color: white; + } \ No newline at end of file diff --git a/inhalte/designes/index.css b/inhalte/designes/index.css new file mode 100644 index 0000000..30d3e52 --- /dev/null +++ b/inhalte/designes/index.css @@ -0,0 +1,133 @@ +* { + margin: 0; + padding: 0; + + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif +} + +a { + text-decoration: none; + color: black; +} + +div.page { + position: relative; + width: 100%; + height: 100%; + + /* border: 5px solid red; + box-sizing: border-box; */ +} + +/*### HOME #########################################################################*/ + +div.page.home { + text-align: center; +} + +div.page.home > div.title { + position: absolute; + top: 45%; + width: 100%; + transform: translateY(-50%); +} + +div.title > h1 { + font-size: 20vh; +} + +div.title > h2 { + font-size: 4vh; +} + +/*### HISTORY #########################################################################*/ + +div.page.history > h1 { + position: absolute; + top: 10%; + left: 5%; + + font-size: 10vh; +} + +div.page.history > p { + position: absolute; + top: 55%; + left: 50%; + min-width: 700px; + width: 60%; + transform: translate3D(-50%, -50%, 0); + + font-size: 3vh; + hyphens: auto; + text-align: justify +} + +/*### EXPLORE #########################################################################*/ + +div.page.explore > h1 { + position: absolute; + top: 10%; + width: 100%; + + text-align: center; + font-size: 8vh; +} + +div.page.explore > a { + position: absolute; + left: 50%; + bottom: 4%; + transform: translateX(-50%); + + text-align: center; + font-size: 2vh; +} + +div.page.explore > div.saxophones { + padding-top: 38vh; + display: grid; + place-items: center; + grid-template-columns: 1fr 1fr 1fr 1fr; +} + +div.saxophones div.saxophone { + padding: 4vw; + width: 12vw; + height: 12vw; + + transition: 150ms ease-in-out; +} + +div.saxophones div.saxophone > p { + margin: 8vh 0; + + color: white; + text-align: center; + font-size: 3vh; + font-weight: bold; + + transition: inherit; +} + +div.saxophones div.saxophone:hover > p { + color: black; +} + + +div.saxophones div.saxophone:hover { + padding: 3vw; + width: 12vw; + height: 12vw; + + cursor: pointer; + + border-radius: 50%; + background-color: #F5F5F5; +} + +div.saxophones div.saxophone > img { + width: inherit; + height: inherit; +} + diff --git a/inhalte/designes/saxophone.css b/inhalte/designes/saxophone.css new file mode 100644 index 0000000..918d0d6 --- /dev/null +++ b/inhalte/designes/saxophone.css @@ -0,0 +1,75 @@ +* { + margin: 0; + padding: 0; + + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif +} + +h1 { + position: absolute; + top: 10%; + left: 5%; + + font-size: 10vh; +} + +img { + width: 25vw; + height: 25vw; + + position: absolute; + top: 55%; + left: 20%; + transform: translate3D(-50%, -50%, 0); +} + +p { + position: absolute; + top: 50%; + left: 60%; + transform: translate3D(-50%, -50%, 0); + + font-size: 3vh; + hyphens: auto; + text-align: justify +} + +a { + text-decoration: none; + color: black; +} + +a.buy { + position: absolute; + bottom: 20%; + left: 60%; + transform: translate3D(-50%, -50%, 0); + + font-size: 4vh; + font-weight: bold; +} + +a.quelle { + position: absolute; + bottom: 15%; + left: 20%; + transform: translate3D(-50%, -50%, 0); + + text-align: center; + font-size: 2vh; +} + +.button { + background-color: grey; + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + } + .button:hover { + background-color: lightgray; + color: white; + } \ No newline at end of file diff --git a/sopransaxophon.html b/sopransaxophon.html new file mode 100644 index 0000000..f36bb6a --- /dev/null +++ b/sopransaxophon.html @@ -0,0 +1,22 @@ + + + + + + Sopransaxophon + + + + +

Sopransaxophon

+ + Bildquelle + Kaufen auf thomann.de +

+ Das Sopransaxophon sieht auf den ersten Blick aus wie eine Klarinette aus Messing. Jedoch gehört es ebenfalls zu + der Gattung der Saxophone. Das Sopransax ist wie das Tenorsaxophon in B gestimmt und überschneidet sich vom + Tonumfang mit dem Altsax, wobei es noch viel höher kann. +

+ + + \ No newline at end of file diff --git a/tenorsaxophon.html b/tenorsaxophon.html new file mode 100644 index 0000000..5c4c5e0 --- /dev/null +++ b/tenorsaxophon.html @@ -0,0 +1,22 @@ + + + + + + Tenorsaxophon + + + + +

Tenorsaxophon

+ + Bildquelle + Kaufen auf thomann.de +

+ Das Tenorsaxophon ist zwei Oktaven tiefer als das Altsaxophon und ist außerdem in B gestimmt. Dadurch ist es dem + Altsaxophon oft unterstellt, begeistert allerdings durch seinen tieferen und aussagekräftigen Ton. Besonders in + der Jazzmusik ist das Tenorsax zu finden. +

+ + + \ No newline at end of file