egzamin27_ogloszenia.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portal ogłoszeniowy</title>
    <link rel="stylesheet" href="styl5.css" type="text/css">
</head>
<body>
    <div id="banner">
        <h1>Portal ogłoszeniowy</h1>
    </div>
    <div id="info1" class="info">
        <img src="logo-male.png" alt="logomale">
    </div>
    <div id="info2" class="info">
        <h3>Adres</h3>
        <p>ul. Morska 45 Gdynia</p>
    </div>
    <div id="info3" class="info">
        <h3>telefon</h3>
        <p>601601601</p>
    </div>
    <div id="info4" class="info">
        <h3>e-mail</h3>
        <p>[email protected]</p>
    </div>

    <div id="lewy">
        <h2>Ceny ogłoszeń</h2>
        <table>
            <tr>
                <td>Liczba ogłoszeń</td>
                <td>Cena ogłoszenia</td>
                <td>Bonus</td>
            </tr>
            <tr>
                <td>1-50</td>
                <td>2 PLN</td>
                <td rowspan="2">Subskrypcja newslettera to upust 0,20 PLN na ogłoszenie</td>
            </tr>
            <tr>
                <td>51 i więcej</td>
                <td>1 PLN</td>
            </tr>
        </table>
    </div>
    <div id="mid">
        <h2>Witamy na stronie naszego portalu!</h2>
        <img src="logo-duze.png" alt="ogłoszenia">
    </div>
    <div id="prawy">
        <h2>Ile kosztuje ogłoszenie</h2>
        Podaj liczbę ogłoszeń:
        <input type="number" id="liczba"><br>
        <input type="checkbox" id="upust">
        Policz upust na newsletter<br>
        <input type="button" onclick="oblicz()" value="Oblicz" class="button"><br>
        <span id="wynik"></span>
    </div>

    <div id="stopka">
        Portal ogłoszeniowy opracował: 12345678901
    </div>

    <script src="oblicz.js"></script>
</body>
</html>