Untitled

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no"/>
<title>Menüü</title>
<link type='text/css' rel='stylesheet' href='index.css'/>
<link href="https://fonts.googleapis.com/css?family=Indie+Flower|Swanky+and+Moo+Moo|Ubuntu&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Exo+2&display=swap" rel="stylesheet">
<script type='text/javascript' src='index.js'></script>
<script type='text/javascript' src='module.js'></script>
    <h1 id="headertext">Eesti puslemäng</h1>
</head>
<body>
    <center>
    <div id="main">
<!--..............................MAIN MENU.................................-->
        <div id="Page1" class="page" style="">
          <button onclick="show('Page2');goack(this)" class="buttoned" value="Loomad">Loomad</button>
          <button onclick="show('Page3');goack(this)" class="buttoned" value="Puuviljad">Puuviljad</button>
          <button onclick="show('Page4')"class="buttoned">Köögiviljad</button>
          <button onclick="show('Page5')"class="buttoned">Mänguasjad</button>
          <button onclick="show('Page6')"class="buttoned">Sõiduvahendid</button>
        </div>
<!--..............................LOOMAD.................................-->
        <div id="Page2" class="page" style="display:none">
          <button onclick="show('Page1')" class="buttoned">Menüü</button>
          <h1>Loomad</h1>
          <div class="pops">
          <form action="pusleindex.html">
            <input type="submit" value="Kass" class="cat"  onclick="foo(this)"/>
          </form>

          <form action="pusleindex.html">
            <input type="submit" value="Hobune" class="horse" onclick="foo(this)"/>
           </form>

          <form action="pusleindex.html">
            <input type="submit" value="Lammas" class="sheep" onclick="foo(this)"/>
          </form>

          <form action="pusleindex.html">
            <input type="submit" value="Koer" class="dog" onclick="foo(this)"/>
          </form>
          </div>
        </div>
<!--..............................PUUVILJAD.................................-->
        <div id="Page3" class="page" style="display:none">
          <button onclick="show('Page1')"class="buttoned">Menüü</button>
          <h1>Puuviljad</h1>
          <div class="pops">
        <form action="pusleindex.html">
          <input type="submit" value="Õun" class="apple"  onclick="foo(this)"/>
        </form>

        <form action="pusleindex.html">
          <input type="submit" value="Pirn" class="pear" onclick="foo(this)"/>
         </form>

        <form action="pusleindex.html">
          <input type="submit" value="Kirsid" class="cherry" onclick="foo(this)"/>
        </form>

        <form action="pusleindex.html">
          <input type="submit" value="Maasikas" class="strawberry" onclick="foo(this)"/>
        </form>
        </div>
      </div>

<!--..............................Köögiviljad.................................-->
        <div id="Page4" class="page" style="display:none">
          <button onclick="show('Page1')"class="buttoned">Menüü</button>
          <h1>Köögiviljad</h1>
          <div class="pops">
          <form action="pusleindex.html">
            <input type="submit" value="Tomat" class="tomato"  onclick="foo(this)"/>
          </form>

          <form action="pusleindex.html">
            <input type="submit" value="Porgand" class="carrot" onclick="foo(this)"/>
           </form>

          <form action="pusleindex.html">
            <input type="submit" value="Paprika" class="paprika" onclick="foo(this)"/>
          </form>

          <form action="pusleindex.html">
            <input type="submit" value="Kurk" class="cucumber" onclick="foo(this)"/>
          </form>
          </div>
        </div>

<!--..............................MÄNGUASJAD.................................-->
        <div id="Page5" class="page" style="display:none">
          <button onclick="show('Page1')"class="buttoned">Menüü</button>
          <h1>Mänguasjad</h1>
          <div class="pops">
          <form action="pusleindex.html">
            <input type="submit" value="Robot" class="robot"  onclick="foo(this)"/>
          </form>

          <form action="pusleindex.html">
            <input type="submit" value="Rannapall" class="ball" onclick="foo(this)"/>
           </form>

          <form action="pusleindex.html">
            <input type="submit" value="Lego" class="lego" onclick="foo(this)"/>
          </form>

          <form action="pusleindex.html">
            <input type="submit" value="Ruubikukuubik" class="cubic" onclick="foo(this)"/>
          </form>
          </div>
        </div>

<!--..............................SÕIDUVAHENDID.................................-->
        <div id="Page6" class="page" style="display:none">
          <button onclick="show('Page1')"class="buttoned">Menüü</button>
          <h1>Sõiduvahendid</h1>
          <div class="pops">
          <form action="pusleindex.html">
            <input type="submit" value="Auto" class="car"  onclick="foo(this)"/>
          </form>

          <form action="pusleindex.html">
            <input type="submit" value="Mootorratas" class="bike" onclick="foo(this)"/>
           </form>

          <form action="pusleindex.html">
            <input type="submit" value="Lennuk" class="plane" onclick="foo(this)"/>
          </form>

          <form action="pusleindex.html">
            <input type="submit" value="Rong" class="train" onclick="foo(this)"/>
          </form>
          </div>
        </div>


    </div>
    </center>


</body>
</html>