<!DOCTYPE html>
<html lang="et">
<head>
<title>Marken Lemming</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="d-flex flex-column justify-content-center w-100 h-100"></div>
<header>
<h1>Marken Lemming veebirakenduste tööde Koduleht</h1>
</header>
<center>
<main>
<table border="1">
<tr>
<td>Minu HTML/CSS tööd</td>
<td>
<a href="Retseptiraamat/resepti_kirja.html">Retseptiraamat</a>
<br>
<a href="Nupp/Nupp.html">Nupp</a>
<br>
<a href="Kalkulaator/Kalkulaator.html">Kalkulaator</a>
</td>
</tr>
<tr>
<td>Minu PHP tööd</td>
<td>
<a class="PHP" target="_blank" href="php-main/phpülesanded.html">PHP ülesanded</a>
<br>
<a class="PHP" target="_blank" href="Jalgrattaeksam/registreerimine.php">Jalgrattaeksam</a>
<br>
<a class="PHP" target="_blank" href="loomad/loomad1kaupa.php">loomad</a>
<br>
<a class="PHP" target="_blank" href="autoremonditöökoda/autoremonditookoda.php">autoremont</a>
</td>
</tr>
</table>
</main>
</center>
</body>
</html>
style.css
header{
font-family: 'Times New Roman';
text-align: center;
}
table{
width: 50%;
border: solid 1pt black;
}
td{
border: solid 3pt black;
}
a:hover{
background-color: black;
}
a:link, a:visited, a:active{
color: blue;
color: grey;
color: darkblue;
}
body {
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
height: 100vh;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}