Index.html lehe kood - Jan Porfolio / et

<head>
<link rel="stylesheet" href="style.css">
</head>


<html>
<head>
    <title>Jan-Kenyon, Noukas koduleht</title>
</head>
    
<header class = "header">
    <h1 class ="Tiitel">
        Jan-Kenyon Noukas veebirakenduste toode koduleht
    </h1>
</header>



    <table class = "Tabel" border="1">
    <tr>
        <td>
            Minu HTML/CSS tood
        </td>
        <td>
        <a href = "Retseptiraamat/index.html">
            Retseptiraamat
        </a>
        <br>
        <a href = "Kalkulaator/Index.html">
            Kalkulaator
        </a>
        <br>
        <a href = "Objektid/Objektid/index.html">
            Ostunimekiri
        </a>
        </td>
    </tr>
    <tr>
        <td>
            Minu PHP tood
        </td>
        <td>
            <a href = "ulessanded/ulessanded/index.html">Ulesanded</a>
            <br>
            <a href = "Jalgrattaeksam/regristeerimine.php">Jalgrattaeksam</a>
            <br>
            <a href = "Loomad/loomad.php"> Loomad</a> 
            <br>
            <a href = "Autoremonditoo/autoremonditoo.php"> Autoremont</a>
            </td>
        </tr>

CSS kujundus on lisatud eraldi failina

body {
    font-family: 'Arial', sans-serif;
    background-color: #f5f5f5;
    margin: 0;
}

.header {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.Tabel {
    width: 70%;
    margin: 20px auto;
    border-collapse: collapse;
}

.Tabel td {
    padding: 15px;
    text-align: left;
}

.Tabel a {
    text-decoration: none;
    color: #333;
}

.Tabel a:hover {
    color: #ff4500; 
}

.Tiitel {
    background-color: #d83c3c;
    color: #fff;
    font-size: 40px;
    font-family: 'Times New Roman', serif;
    margin: 15px 5px 10px;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}

.footer {
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
}

Leave a Comment Cancel