+ 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/images/Altsaxophon.png b/assets/images/Altsaxophon.png
new file mode 100755
index 0000000..46117bb
Binary files /dev/null and b/assets/images/Altsaxophon.png differ
diff --git a/assets/images/Baritonsaxophon.png b/assets/images/Baritonsaxophon.png
new file mode 100755
index 0000000..dfa8071
Binary files /dev/null and b/assets/images/Baritonsaxophon.png differ
diff --git a/assets/images/Sopransaxophon.png b/assets/images/Sopransaxophon.png
new file mode 100755
index 0000000..92ae57e
Binary files /dev/null and b/assets/images/Sopransaxophon.png differ
diff --git a/assets/images/Tenorsaxophon.png b/assets/images/Tenorsaxophon.png
new file mode 100755
index 0000000..e16ba8c
Binary files /dev/null and b/assets/images/Tenorsaxophon.png differ
diff --git a/assets/style/style.css b/assets/style/style.css
deleted file mode 100644
index e69de29..0000000
diff --git a/assets/styles/impressum.css b/assets/styles/impressum.css
new file mode 100644
index 0000000..70afb83
--- /dev/null
+++ b/assets/styles/impressum.css
@@ -0,0 +1,23 @@
+* {
+ 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;
+}
\ No newline at end of file
diff --git a/assets/styles/index.css b/assets/styles/index.css
new file mode 100644
index 0000000..30d3e52
--- /dev/null
+++ b/assets/styles/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/assets/styles/saxophone.css b/assets/styles/saxophone.css
new file mode 100644
index 0000000..7f5a2f7
--- /dev/null
+++ b/assets/styles/saxophone.css
@@ -0,0 +1,60 @@
+* {
+ 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;
+}
\ No newline at end of file
diff --git a/baritonsaxophon.html b/baritonsaxophon.html
new file mode 100644
index 0000000..7f38d63
--- /dev/null
+++ b/baritonsaxophon.html
@@ -0,0 +1,20 @@
+
+
+
+
+ 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..db35742
--- /dev/null
+++ b/impressum.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
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.
+
+ 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..aa6f740
--- /dev/null
+++ b/tenorsaxophon.html
@@ -0,0 +1,21 @@
+
+
+
+
+ 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
+ 
+ 
+ 
+