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="gry.css">
<link rel="stylesheet" type="text/css" href="css/fontello.css">
<script src="sweetalert-master/dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="sweetalert-master/dist/sweetalert.css">
 <script>

 $( document ).ready(function() {

              $("#newsy").click(function() {
                $( "#foot").slideToggle( "30", function() {

                });
            });


            $("#g1,#g2,#g3,#g4,#g5,#g6,#g7,#g8,#g9").click(function() {
            swal({   title: "Tytuł Gry",  type:"info",allowEscapeKey: true,allowOutsideClick:true, text: "Opis Gry"});
            });

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

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

    <div id="menu">

        <ol>
            <li><a href="index.php">Główna</a></li>
            <li><a href="gry.php" id="produkty">Gry</a></li>
            <li><a href="#">O nas</a></li>
            <li><a href="#">Sklep</a></li>
            <li><a href="kontakt.php">Kontakt</a></li>

          </ol>
    </div>


   </div>

    </div>
    <div id="popup">
    Tytuł Gry i jej opis
    <div id="ok">
    OK
    </div>
    </div>
    <div id="posty">
    <div id="content">

    <div id="g1">

    </div>
    <div id="g2">

    </div>
    <div id="g3">

    </div>
    <div id="g4">

    </div>
    <div id="g5">

    </div>
    <div id="g6">

    </div>

    <div id="g7">

    </div>
    <div id="g8">

    </div>
    <div id="g9">

    </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>
    </div>
  </body>
  </html>