diff --git a/DasKamel.html b/DasKamel.html
new file mode 100644
index 0000000..37c55e9
--- /dev/null
+++ b/DasKamel.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+
+<html lang="de">
+
+	<head>
+		<title>Das Kamel</title>
+			<link rel="preconnect" href="https://fonts.googleapis.com">
+			<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+			<link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@400;600&display=swap" rel="stylesheet">
+
+		<style>
+			
+			h1{
+				text-align: center;
+				text-decoration: underline;
+				font-family: Cormorant SC;
+			}
+			body{
+				background-color: #E1BD5B;
+			}
+			a:hover{
+				color: #1e42a4;
+			}
+			tr:nth-child(odd){
+				background-color: #CAC4C4;
+			}
+			tr:nth-child(even){
+				background-color: #E2DDDD;
+			}
+			td{
+				font-size: 0.5cm;
+			}
+			.imgzentriert{
+				text-align: center;
+			}
+
+		</style>
+
+		<h1><b>Das Kamel</b></h1>
+
+		<table 
+		border="2"
+		border width="40%"
+		align="center"
+		cellpadding="8"
+		cellspacing="0"
+	>
+
+			<tr>
+				<td><b>Lebensraum</b></td>
+				<td> trockene Steppen, Halbwüsten und Wüsten</td>
+			</tr>
+			<tr>
+				<td><b>Gewicht</b></td>
+				<td>480kg</td>
+			</tr>
+			<tr>
+				<td><b>Grösse</b></td>
+				<td>2.5m</td>
+			</tr>
+			<tr>
+				<td><b>Höchstgeschwindigkeit</b></td>
+				<td>56km/h</td>
+			</tr>
+			<tr>
+				<td><b>weitere Info</b></td>
+				<td><a href="https://de.wikipedia.org/wiki/Kamele#:~:text=Die%20Kamele%20(Camelidae)%20sind%20eine,der%20Schwielensohler%20(Tylopoda)%20darstellen." target="_blank">das Kamel</td>
+			</tr>
+		</table>
+
+		<p> </p>
+
+		<p class="imgzentriert">
+		<img src="https://transkript.de/fileadmin//transkript/01_Nachrichten/2018/2018_08_24_kamel.jpg" alt="Bildtext" border=3 height=632 width=1018>
+		</p>
+		
+		
+</html>
\ No newline at end of file
diff --git a/DerOtter.html b/DerOtter.html
new file mode 100644
index 0000000..34330c1
--- /dev/null
+++ b/DerOtter.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+
+<html lang="de">
+
+	<head>
+		<title>Der Otter</title>
+			<link rel="preconnect" href="https://fonts.googleapis.com">
+			<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+			<link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@400;600&display=swap" rel="stylesheet">
+
+		<style>
+			
+			h1{
+				text-align: center;
+				text-decoration: underline;
+				font-family: Cormorant SC;
+			}
+			body{
+				background-color: #48A0CD;
+			}
+			a:hover{
+				color: #b75f32;
+			}
+			tr:nth-child(odd){
+				background-color: #CAC4C4;
+			}
+			tr:nth-child(even){
+				background-color: #E2DDDD;
+			}
+			td{
+				font-size: 0.5cm;
+			}
+			.imgzentriert{
+				text-align: center;
+			}
+
+		</style>
+
+		<h1><b>Der Otter</b></h1>
+
+		<table 
+		border="2"
+		border width="55%"
+		align="center"
+		cellpadding="8"
+		cellspacing="0"
+	>
+
+			<tr>
+				<td><b>Lebensraum</b></td>
+				<td>saubere, fischreiche Gewässer wie Flüsse, Bäche, Seen, Sümpfe, Flussmündungen und Meeresufer</td>
+			</tr>
+			<tr>
+				<td><b>Gewicht</b></td>
+				<td>7 - 12kg</td>
+			</tr>
+			<tr>
+				<td><b>Grösse</b></td>
+				<td>57 – 95cm</td>
+			</tr>
+			<tr>
+				<td><b>Höchstgeschwindigkeit</b></td>
+				<td>bis zu 14km/h</td>
+			</tr>
+			<tr>
+				<td><b>weitere Info</b></td>
+				<td><a href="https://de.wikipedia.org/wiki/Fischotter" target="_blank">der Otter</td>
+			</tr>
+		</table>
+
+		<p> </p>
+
+		<p class="imgzentriert">
+		<img src="https://image.geo.de/30422056/t/K1/v1/w1440/r0/-/otter-steine-s-1721862472-jpg--90788-.jpg" alt="Bildtext" border=3 height=632 width=1018>
+		</p>
+
+</html>
\ No newline at end of file
diff --git a/DerPandabaer.html b/DerPandabaer.html
new file mode 100644
index 0000000..41f05e7
--- /dev/null
+++ b/DerPandabaer.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+
+<html lang="de">
+
+	<head>
+		<title>Der Pandabaer</title>
+			<link rel="preconnect" href="https://fonts.googleapis.com">
+			<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+			<link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@400;600&display=swap" rel="stylesheet">
+
+		<style>
+			
+			h1{
+				text-align: center;
+				text-decoration: underline;
+				font-family: Cormorant SC;
+			}
+			body{
+				background-color: #439840;
+			}
+			a:hover{
+				color: #bc67bf;
+			}
+			tr:nth-child(odd){
+				background-color: #CAC4C4;
+			}
+			tr:nth-child(even){
+				background-color: #E2DDDD;
+			}
+			td{
+				font-size: 0.5cm;
+			}
+			.imgzentriert{
+				text-align: center;
+			}
+
+
+		</style>
+
+		<h1><b>Der Pandabaer</b></h1>
+
+		<table 
+		border="2"
+		border width="60%"
+		align="center"
+		cellpadding="8"
+		cellspacing="0"
+	>
+
+			<tr>
+				<td><b>Lebensraum</b></td>
+				<td>lichte Laub- und Nadelwälder mit Bambus als Unterwuchs, meist in einer Höhe von 1.500 bis 3.000 Metern</td>
+			</tr>
+			<tr>
+				<td><b>Gewicht</b></td>
+				<td>70 - 120kg</td>
+			</tr>
+			<tr>
+				<td><b>Grösse</b></td>
+				<td>1.2 - 1.9m</td>
+			</tr>
+			<tr>
+				<td><b>Höchstgeschwindigkeit</b></td>
+				<td>bis zu 32km/h</td>
+			</tr>
+			<tr>
+				<td><b>weitere Info</b></td>
+				<td><a href="https://de.wikipedia.org/wiki/Großer_Panda" target="_blank">der Pandabaer</td>
+			</tr>
+		</table>
+
+		<p> </p>
+
+		<p class="imgzentriert">
+		<img src="https://image.geo.de/30087886/t/d8/v4/w1440/r1.5/-/07-panda-popup-jpg--42510-.jpg" alt="Bildtext" border=3 height=632 width=1018>
+		</p>
+		
+</html>
\ No newline at end of file
diff --git a/DerWolf.html b/DerWolf.html
new file mode 100644
index 0000000..7409ac2
--- /dev/null
+++ b/DerWolf.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+
+<html lang="de">
+
+	<head>
+		<title>Der Wolf</title>
+			<link rel="preconnect" href="https://fonts.googleapis.com">
+			<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+			<link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@400;600&display=swap" rel="stylesheet">
+
+		<style>
+			
+			h1{
+				text-align: center;
+				text-decoration: underline;
+				font-family: Cormorant SC;
+			}
+			body{
+				background-color: #B96709;
+			}
+			a:hover{
+				color: #4698f6;
+			}
+			tr:nth-child(odd){
+				background-color: #CAC4C4;
+			}
+			tr:nth-child(even){
+				background-color: #E2DDDD;
+			}
+			td{
+				font-size: 0.5cm;
+			}
+			.imgzentriert{
+				text-align: center;
+			}
+
+		</style>
+
+		<h1><b>Der Wolf</b></h1>
+
+		<table 
+		border="2"
+		border width="75%"
+		align="center"
+		cellpadding="8"
+		cellspacing="0"
+	>
+
+			<tr>
+				<td><b>Lebensraum</b></td>
+				<td>von den arktischen Tundren bis zu den Wüsten Nordamerikas und Zentralasiens. Die meisten Wölfe leben allerdings in Grasland oder Wäldern</td>
+			</tr>
+			<tr>
+				<td><b>Gewicht</b></td>
+				<td>23 - 80kg</td>
+			</tr>
+			<tr>
+				<td><b>Grösse</b></td>
+				<td>1 - 1.6m</td>
+			</tr>
+			<tr>
+				<td><b>Höchstgeschwindigkeit</b></td>
+				<td>50 - 60km/h</td>
+			</tr>
+			<tr>
+				<td><b>weitere Info</b></td>
+				<td><a href="https://de.wikipedia.org/wiki/Wolf" target="_blank">der Wolf</td>
+			</tr>
+		</table>
+
+		<p> </p>
+
+		<p class="imgzentriert">
+		<img src="https://www.bundesregierung.de/resource/image/1613808/16x9/1023/575/9ae9e387d863ffe81a9aea851b99e9c8/zU/2019-05-22-wolf.jpg" alt="Bildtext" border=3 height=632 width=1018>
+		</p>
+		
+</html>
\ No newline at end of file
diff --git a/website-Tiere.html b/website-Tiere.html
new file mode 100644
index 0000000..70efc8b
--- /dev/null
+++ b/website-Tiere.html
@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+
+<html lang="de">
+
+	<head>
+		<title>Die 6 besten Tiere</title>
+			<link rel="preconnect" href="https://fonts.googleapis.com">
+			<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+			<link href="https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation&display=swap" rel="stylesheet">
+				<link rel="preconnect" href="https://fonts.googleapis.com">
+				<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+				<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet">
+		<style>
+			h1 {
+				font-size: 60px;
+				font-family: Oswald;
+				font-variant: small-caps;
+				font-weight: 900;
+				line-hight: 10px;
+				color: #003F00;
+				letter-spacing: 3px;
+				text-decoration: underline;
+				text-decoration-color: #003F00;
+				text-shadow: 0px 0px 20px #7CE811;
+				text-align: center;
+			}
+			/*td {
+				font-family: Edu NSW ACT Foundation;
+			}*/
+			a:hover{
+				color: #249109;
+			}
+			body{
+				/* background-color: darkred; */
+				background-image: url("HintergrundRef.png");
+			}
+
+
+			.button1{
+				border: 3px solid black;
+				color: black;
+				background-color: #48A0CD;
+				margin: 2px 3px;
+				font-size: 38px;
+				height: 110px;
+				width: 290px;
+			}
+			.button1:hover{
+				background-color: #337494;
+			}
+
+			.button2{
+				border: 3px solid black;
+				color: black;
+				background-color: #2A639C;
+				margin: 2px 3px;
+				font-size: 38px;
+				height: 110px;
+				width: 290px;
+			}
+			.button2:hover{
+				background-color: #214D7A;
+			}
+
+			.button3{
+				border: 3px solid black;
+				color: black;
+				background-color: #439840;
+				margin: 2px 3px;
+				font-size: 38px;
+				height: 110px;
+				width: 290px;
+			}
+			.button3:hover{
+				background-color: #2E692C;
+			}
+
+			.button4{
+				border: 3px solid black;
+				color: black;
+				background-color: #B96709;
+				margin: 2px 3px;
+				font-size: 38px;
+				height: 110px;
+				width: 290px;
+			}
+			.button4:hover{
+				background-color: #844905;
+			}
+
+			.button5{
+				border: 3px solid black;
+				color: black;
+				background-color: #860EA4;
+				margin: 2px 3px;
+				font-size: 38px;
+				height: 110px;
+				width: 290px;
+			}
+			.button5:hover{
+				background-color: #540866;
+			}
+
+			.button6{
+				border: 3px solid black;
+				color: black;
+				background-color: #E1BD5B;
+				margin: 2px 3px;
+				font-size: 38px;
+				height: 110px;
+				width: 290px;
+			}
+			.button6:hover{
+				background-color: #9C8440;
+			}
+
+
+		</style>
+	</head>
+
+<body>
+
+	<h1> Die 6 besten Tiere </h1>
+
+	<div align="center">
+	<table
+		bgcolor="blue"
+	>
+
+		<tr><button class="button button1" type="submit" onClick="window.open('DerOtter.html')">
+				Otter
+			</buton>
+		</tr>
+
+		<tr><button class="button button2" type="submit" onClick="window.open('DieRobbe.html')">
+				Robbe
+			</button>
+		</tr>
+
+		<tr><button class="button button3" type="submit" onClick="window.open('DerPandabaer.html')">
+				Pandabär
+			</button>
+		</tr>
+
+		<tr><button class="button button4" type="submit" onClick="window.open('DerWolf.html')">
+				Wolf
+			</button>
+		</tr>
+
+		<tr><button class="button button5" type="submit" onClick="window.open('DieEule.html')">
+				Eule
+			</button>
+		</tr>
+
+		<tr><button class="button button6" type="submit" onClick="window.open('DasKamel.html')">
+				Kamel
+			</button>
+		</tr>
+	</table>
+
+	<table
+		cellpadding="3"
+		cellspacing="0.5"
+	>
+
+		<tr> 
+			<td> <img src="https://s.yimg.com/uu/api/res/1.2/uU1t5FPAtZG2Qw5MQdI0jQ--~B/aD00MTk7dz03NDQ7YXBwaWQ9eXRhY2h5b24-/http://media.zenfs.com/en/homerun/feed_manager_auto_publish_494/a1d77f46d518196962d6cc7858ab918e"
+				 alt="" border=3 height=176.2 width=284> 
+			</td>
+			<td> <img src="https://cdn.pixabay.com/photo/2017/03/10/15/56/grey-seal-2133154__340.jpg"
+				 alt="" border=3 height=176.2 width=284>
+			</td>
+			<td> <img src="https://www.news.at/_storage/asset/8023691/storage/newsat:key-visual/file/116639611/panda.jpg"
+				 alt="" border=3 height=176.2 width=284>
+			</td>
+			<td> <img src="https://www.volksfreund.de/imgs/28/1/2/3/2/2/3/7/6/5/tok_d48bf7579fb04ec78db6df9827e19fbf/w1900_h1266_x1500_y1000_DPA_bfunk_dpa_5FA8860064F786F7-1ab92df229cdfe4f.jpg"
+				 alt="" border=3 height=176.2 width=284>
+			</td>
+			<td> <img src="https://www.tierchenwelt.de/images/stories/fotos/voegel/eulenvoegel/uhu/eule_uhu_fluegel_l.jpg"
+				 alt="" border=3 height=176.2 width=284>
+			</td>
+			<td> <img src="https://heute-at-prod-images.imgix.net/2021/07/23/be482163-a31b-40ef-abf0-7b4a3b77c3da.jpeg?auto=format&ar=3:2&crop=faces,entropy&fit=crop"
+				 alt="" border=3 height=176.2 width=284>
+			</td>
+		</tr>
+
+</html>
\ No newline at end of file

Lebensraum	trockene Steppen, Halbwüsten und Wüsten
Gewicht	480kg
Grösse	2.5m
Höchstgeschwindigkeit	56km/h
weitere Info	das Kamel
Lebensraum	saubere, fischreiche Gewässer wie Flüsse, Bäche, Seen, Sümpfe, Flussmündungen und Meeresufer
Gewicht	7 - 12kg
Grösse	57 – 95cm
Höchstgeschwindigkeit	bis zu 14km/h
weitere Info	der Otter
Lebensraum	lichte Laub- und Nadelwälder mit Bambus als Unterwuchs, meist in einer Höhe von 1.500 bis 3.000 Metern
Gewicht	70 - 120kg
Grösse	1.2 - 1.9m
Höchstgeschwindigkeit	bis zu 32km/h
weitere Info	der Pandabaer
Lebensraum	von den arktischen Tundren bis zu den Wüsten Nordamerikas und Zentralasiens. Die meisten Wölfe leben allerdings in Grasland oder Wäldern
Gewicht	23 - 80kg
Grösse	1 - 1.6m
Höchstgeschwindigkeit	50 - 60km/h
weitere Info	der Wolf