diff --git a/DerOtter.html b/DerOtter.html
new file mode 100644
index 0000000..24f81da
--- /dev/null
+++ b/DerOtter.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+
+<html lang="de">
+
+	<head>
+		<title>Der Otter</title>
+		
+</html>
\ No newline at end of file
diff --git a/website-Tiere.html b/website-Tiere.html
new file mode 100644
index 0000000..2511e98
--- /dev/null
+++ b/website-Tiere.html
@@ -0,0 +1,149 @@
+<!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: 50px;
+				font-family: Oswald;
+				font-variant: small-caps;
+				font-weight: 900;
+				line-hight: 10px;
+				color: #249109;
+				letter-spacing: 3px;
+				text-decoration: underline;
+				text-decoration-color: #116500;
+				text-shadow: 0px 0px 10px #834304;
+				text-align: center;
+			}
+			td {
+				font-family: Edu NSW ACT Foundation;
+			}
+			tr:nth-child(odd){
+				background-color: #CAC4C4;
+			}
+			tr:nth-child(even){
+				background-color: white;
+			}
+			tr:nth-child(1){
+				background-color: #6C6666;
+				width: 1;
+			}
+			td {
+				text-align: center;
+				font-size: 0.9cm;
+			}
+			a:hover{
+				color: #249109;
+			}
+			body{
+				background-color: darkred;
+			}
+
+
+			.button1{
+				border: 3px solid black;
+				color: black;
+				background-color: #ECECEC;
+				margin: 2px 1px;
+				font-size: 13px;
+				height: 45px;
+				width: 110px;
+			}
+			.button1:hover{
+				background-color: #919191;
+			}
+
+			.button2{
+				border: 3px solid black;
+				color: black;
+				background-color: #ECECEC;
+				margin: 2px 1px;
+				font-size: 13px;
+				height: 45px;
+				width: 110px;
+			}
+			.button2:hover{
+				background-color: #919191;
+			}
+
+			.button3{
+				border: 3px solid black;
+				color: black;
+				background-color: #ECECEC;
+				margin: 2px 1px;
+				font-size: 13px;
+				height: 45px;
+				width: 110px;
+			}
+			.button3:hover{
+				background-color: #919191;
+			}
+
+			.button4{
+				border: 3px solid black;
+				color: black;
+				background-color: #ECECEC;
+				margin: 2px 1px;
+				font-size: 13px;
+				height: 45px;
+				width: 110px;
+			}
+			.button4:hover{
+				background-color: #919191;
+			}
+
+			.button5{
+				border: 3px solid black;
+				color: black;
+				background-color: #ECECEC;
+				margin: 2px 1px;
+				font-size: 13px;
+				height: 45px;
+				width: 110px;
+			}
+			.button5:hover{
+				background-color: #919191;
+			}
+
+			.button6{
+				border: 3px solid black;
+				color: black;
+				background-color: #ECECEC;
+				margin: 2px 1px;
+				font-size: 13px;
+				height: 45px;
+				width: 110px;
+			}
+			.button6:hover{
+				background-color: #919191;
+			}
+
+
+		</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</button></tr>
+		<tr><button class="button button2" type="submit" onlick="einblenden('ebene1'); return false;">Robbe</button></tr>
+		<tr><button class="button button3" type="submit" onlick="einblenden('ebene1'); return false;">Pandabär</button></tr>
+		<tr><button class="button button4" type="submit" onlick="einblenden('ebene1'); return false;">Wolf</button></tr>
+		<tr><button class="button button5" type="submit" onlick="einblenden('ebene1'); return false;">Eule</button></tr>
+		<tr><button class="button button6" type="submit" onlick="einblenden('ebene1'); return false;">Kamel</button></tr>
+
+</html>
\ No newline at end of file
