149 lines
3.5 KiB
HTML
149 lines
3.5 KiB
HTML
<!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> |