<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kalendarz</title>
    <link rel="stylesheet" href="styl.css">
</head>
<body>
    <header><h1>Dni, miesiące, lata</h1></header>
    <div><p>
        <?php
            echo 'Łączenie się z bazą... ERR';
        ?> 
    </p></div>
    <main>
        <section class="Boki" id="Prawy"><table>
            <tr>
                <th>liczba dni</th>
                <th>miesiące</th>
            </tr>
            <tr>
                <td rowspan="7">31</td>
                <td>styczeń</td>
            </tr>
            <tr><td>marzec</td></tr>
            <tr><td>maj</td></tr>
            <tr><td>lipiec</td></tr>
            <tr><td>sierpień</td></tr>
            <tr><td>październik</td></tr>
            <tr><td>grudzień</td></tr>
            <tr>
                <td rowspan="4">30</td>
                <td>kwiecień</td>
            </tr>
            <tr><td>czerwiec</td></tr>
            <tr><td>wrzesień</td></tr>
            <tr><td>listopad</td></tr>
            <tr>
                <td>28 lub 29</td>
                <td>luty</td>
            </tr>
        </table></section>
        <section class="Srodek">
            <h2>Sprawdź kto ma urodziny</h2>
            <form action="kalendarz.php" method="post">
                <input type="date" name="data" min="2024-01-01" max="2024-12-31">
                <button type="submit">wyślij</button>
            </form>
            <?php
                echo 'Łączenie się z bazą... ERR';
            ?> 
        </section>
        <section class="Boki" id="Lewy">
            <a href="https://pl.wikipedia.org/wiki/Kalendarz_Majo%CC%81w" target="_blank"><img src="./kalendarz.gif" alt="Kalendarz Majów"></a>
            <h2>Rodzaje kalendarzy</h2>
            <ol>
                <li>Słoneczny
                    <ul>
                        <li>kalendarz Majów</li>
                        <li>juliański</li>
                        <li>gregoriański</li>
                    </ul>
                </li>
                <li>Księżycowy
                    <ul>
                        <li>starogrecki</li>
                        <li>babiloński</li>
                    </ul>
                </li>
            </ol>
        </section>
    </main>
    <footer>
        <p>Stronę opracował(a): <a href="./doc.pdf">Sebastian</a></p>
    </footer>
</body>
</html>