<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title> Wypożyczalnia Samochodów </title>
        <link rel="Stylesheet" href="styl.css">

    </head>
    <body>
        <div id="baner">

            <h2 style="color: red; font-size:40px; padding: 50px;"> Wypożyczalnia samochodów </h2>

        </div>
        <div id="lewy">
            <a style="text-decoration:none; color: white;" href="flota.html"> <h2> Nasz Flota </h2> </a>
            <a style="text-decoration:none; color: white;" href="cennik.html"> <h2> Cennik </h2> </a>
            <img id="obrazek1" onclick="myFunction(this.id)" src="auto.png">
            <img id="obrazek2" onclick="myFunction(this.id)" src="kluczyk.png">

        </div>
        <div id="prawy">
        <script type="text/javascript">

             function myFunction(id)
             {
                if(id == "obrazek1")
                    document.getElementById("prawy").innerHTML = '<img src="kluczyk.jpg">';
                else if(id == "obrazek2")
                    document.getElementById("prawy").innerHTML = '<img src="auto.png">';
             }
        </script>
        </div>
        <div id="stopka">
         Kubus
        </div>
    </body>
</html>