Untitled

<html>
<head>
<meta name="viewport" content="width-device-width, initelal-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="css/fontello.css">
 <script>
 $( document ).ready(function() {
            $("#produkty").click(function() {
                $( "#gry").slideToggle( "50", function() {

                });
            });
});
 $( document ).ready(function() {
            $("#newsy").click(function() {
                $( "#foot").slideToggle( "30", function() {

                });
            });

});
 </script>
</head>
<body>

<div id="warper">
    <div id="logo">
    <a href="index.html"><img src="logo.png" height="210px" width="300px"></a>
    </div>

    <div id="menu">

        <ol>
            <li><a href="#">Strona Główna</a></li>
            <li><a href="#" id="produkty">Gry</a></li>
            <li><a href="#">O nas</a></li>
            <li><a href="#">Sklep</a></li>
            <li><a href="#">Kontakt</a></li>

          </ol>
    </div>
    <div id="gry">

    </div>
    <div id="posty">
    <?php
    require_once("post.php");
    ?>
    <div id="content">

    </div>
    </div>

    <div id="foot">

    <div id="social">
    <a href="https://www.facebook.com/weachkesterstudio/" target="_blank"><div class="fb" ><i class="icon-facebook"></i></div></a>
    <a href="https://www.youtube.com/channel/UCLZQxoCMnB9-IO9cJI1gdkw" target="_blank"><div class="yt" ><i class="icon-youtube"></i></div></a>
    <a href="https://www.instagram.com/weachkesterstudo/" target="_blank"><div class="insta" ><i class="icon-instagram-filled"></i></div></a>


    </div>

    </div>
    <div id="newsy">
    Gdzie nas znaleźć?

    </div>
</div>
  </body>
  </html>