Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Miernik jakości hasła</title>
        <link rel="stylesheet" href="styl.css">
    </head>
    <body>
        <div class="baner">
            <h1><a href="index.html">Sprawdź swoje hasło</a></h1>

        </div>

        <div class="lewy">
            <h2>Wybierz</h2>
            <ol>
                <li><a href="haslo.html">Sprawdź hasło</a></li>
                <li><a href="zasady.html">Zasady tworzenia hasła</a></li>
            </ol>

        </div>

        <div class="prawy">
            <img src="haslo.png">

        </div>

        <div class="stopka">
            <h3>Miernik jakości hasła</h3>
            <p>Stronę opracował: Oskar Tulimowski</p>

        </div>

    </body>
</html>


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Miernik jakości hasła</title>
        <link rel="stylesheet" href="styl.css">
    </head>
    <body>
        <div class="baner">
            <h1><a href="index.html">Sprawdź swoje hasło</a></h1>

        </div>

        <div class="lewy">
            <h2>Wybierz</h2>
            <ol>
                <li><a href="haslo.html">Sprawdź hasło</a></li>
                <li><a href="zasady.html">Zasady tworzenia hasła</a></li>
            </ol>

        </div>

        <div class="prawy">
            <p>Twoje hasło: <input type="password"><input type="submit" value="Sprawdź"></p>

        </div>

        <div class="stopka">
            <h3>Miernik jakości hasła</h3>
            <p>Stronę opracował: Oskar Tulimowski</p>

        </div>

    </body>
</html>


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Miernik jakości hasła</title>
        <link rel="stylesheet" href="styl.css">
    </head>
    <body>
        <div class="baner">
            <h1><a href="index.html">Sprawdź swoje hasło</a></h1>

        </div>

        <div class="lewy">
            <h2>Wybierz</h2>
            <ol>
                <li><a href="haslo.html">Sprawdź hasło</a></li>
                <li><a href="zasady.html">Zasady tworzenia hasła</a></li>
            </ol>

        </div>

        <div class="prawy">
        <table>
            <tr>
                <td>Jakość hasła</td>  <td>Opis</td>
            </tr>

            <tr>
                <td>dobre</td>   <td>długośc 7 znaków i więcej, zawiera przyanjmniej jedną cyfrę</td>
            </tr>

            <tr>
                <td>średnie</td>  <td>długośc 4 do 6 znaków, zawiera przynajmniej jedną cyfrę</td>
            </tr>

            <tr>
                <td>słabe</td>  <td>inne przypadki</td>
            </tr>
            </table>

        </div>

        <div class="stopka">
            <h3>Miernik jakości hasła</h3>
            <p>Stronę opracował: Oskar Tulimowski</p>

        </div>

    </body>
</html>