Minu index.html leht:http://ivansereda24.thkit.ee

HTML:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Ivan Sereda</title>
    <link rel="stylesheet" href="kodulehtStyle.css">
</head>
<body>
<!--päis-шапка страницы-->
<header>
    <h1>Ivan Veebirakenduste tööde leht</h1>
</header>
<!--navigeerimesmenüü-->
<nav>
    <ul>
        <li>
            <a href="index.html">kodu </a>
        </li>
        <li>
            <a href="synavara.html" >sõnavara </a>
        </li>
        <li>
            <a href="tehtudTood.html"> tehtud tööd </a>
        </li>
        <li>
            <a href="kasutatudLining.html" > kasuliku lingid </a>
        </li>
    </ul>
</nav>
<!--sisu-->
<main>
    <section>
        <h2>Info mimust...</h2>
        <div>
            minu olen õpilane
            <br>õpin TIT
            <br>olen 16-aastane
        </div>


    </section>
</main><!--jalus-подвал страницы-->
<footer>
    <strong>Ivan Sereda &copy; 2024</strong>
</footer>

</body>
</html>

CSS:

header h1{
    border: solid 1px yellowgreen;
    padding: 5%; /*vahe tekstist ääriseni*/
    margin: 10px;
    border-radius: 130px;
    width: 50%;
    background-color: darkslategray;
    letter-spacing: 0.1cm ;
}
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: darkslategray;
}
li{
    float: left;
    display: block;
    text-align: center;
    padding: 10px;
}
li a{
    text-decoration: none;
    color: greenyellow;
    padding: 10px;
}
li a:hover{/*lingid fookuses*/
}
footer{
    text-align: center;
    margin-top: auto;
    background-color: darkslategray;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
section h2 {

}