Dateien hochladen nach „“

main
Nikolas Mittelstaedt 2022-07-17 20:31:11 +02:00
parent a0bc07c437
commit eb89189801
1 changed files with 187 additions and 0 deletions

187
website-Tiere.html Normal file
View File

@ -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("https://s20.directupload.net/images/220717/anz5lznx.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>