Untitled

//index.html//
<html>

<head>
    <meta charset="UTF-8">
    <style>
        #caly
        {
            width: 1000px;
            height: 100%;
            margin: 20px auto;
        }

        #naglowek
        {
            width: 100%;
            height: 100px;
            background-color: bisque;

        }

        #menu
        {
            float: left;
            width: 20%;
            background-color: bisque;
            height: 500px;
        }

        #tresc
        {
            float: left;
            width: 60%;
            height: 500px;
        }

        #nowosci
        {
            float: left;
            width: 20%;
            background-color: bisque;
            height: 500px;

        }

        #stopka
        {
            clear: both;
            width: 100%;
            height: 70px;
            background-color: bisque;
        }

        #nowosci img
        {
            width: 100%;
        }

    </style>
</head>

<body onload="nowosci()">
    <div id="caly">
        <div id="naglowek">
            <center><h1>Indywidualne Zaproszenia :)</h1></center>
        </div>
        <div id="menu">
            <a href="index.html">Strona główna</a><br>
            <a href="zaproszenia.html">Zaproszenia</a><br>
            <a href="kontakt.html">Kontakt</a><br>
        </div>
        <div id="tresc">
            Opis strony - nie chce mi się go przepisywać
            <ul>
                <li>Szeroki wybór szablonów</li>
                <li>Najwyższą jakość druku</li>
                <li>Szybki termin realizacji</li>
            </ul>
        </div>
        <div id="nowosci">

        </div>
        <div id="stopka">
            Patryk Ledzion 12.03.2019 Notepad++
        </div>
    </div>
    <script>
        function nowosci()
        {
            var rnd = Math.floor(Math.random()*5+1);
            document.getElementById("nowosci").innerHTML = '<a href="zdj'+rnd+'.png"><img src="zdj'+rnd+'.png"></a>';
        }
    </script>
</body>

</html>


//Zaproszenia.html//
<html>

<head>
    <meta charset="UTF-8">
    <style>
        #caly
        {
            width: 1000px;
            height: 100%;
            margin: 20px auto;
        }

        #naglowek
        {
            width: 100%;
            height: 100px;
            background-color: bisque;

        }

        #menu
        {
            float: left;
            width: 20%;
            background-color: bisque;
            height: 500px;
        }

        #tresc
        {
            float: left;
            width: 60%;
            height: 500px;
        }

        #nowosci
        {
            float: left;
            width: 20%;
            background-color: bisque;
            height: 500px;

        }

        #stopka
        {
            clear: both;
            width: 100%;
            height: 70px;
            background-color: bisque;
        }

        #nowosci img
        {
            width: 100%;
        }

        img
        {
            cursor: pointer;
        }

    </style>
</head>

<body onload="nowosci()">
    <div id="caly">
        <div id="naglowek">
            <center><h1>Indywidualne Zaproszenia :)</h1></center>
        </div>
        <div id="menu">
            <a href="index.html">Strona główna</a><br>
            <a href="zaproszenia.html">Zaproszenia</a><br>
            <a href="kontakt.html">Kontakt</a><br>
        </div>
        <div id="tresc">
            <img src="zdj1.png" onclick="otworz_zdjecie(1)">
            <img src="zdj2.png" onclick="otworz_zdjecie(2)">
            <img src="zdj3.png" onclick="otworz_zdjecie(3)">
            <img src="zdj4.png" onclick="otworz_zdjecie(4)">
            <img src="zdj5.png" onclick="otworz_zdjecie(5)">
        </div>
        <div id="nowosci">

        </div>
        <div id="stopka">
            Patryk Ledzion 12.03.2019 Notepad++
        </div>
    </div>
    <script>
        function nowosci()
        {
            var rnd = Math.floor(Math.random()*5+1);
            document.getElementById("nowosci").innerHTML = '<a href="zdj'+rnd+'.png"><img src="zdj'+rnd+'.png"></a>';
        }

        function otworz_zdjecie(x)
        {
            var okno = open("","okno","WIDTH=500,HEIGHT=300");
            okno.document.body.innerHTML = "";
            okno.document.write('<img src="zdj'+x+'.png" width="500" height="300">');
        }
    </script>
</body>

</html>