Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>KEYS.NET - Магазин ключей Steam</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="keywords" content="">
        <link rel="shortcut icon" href="" type="image/png">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <link rel="stylesheet" type="text/css" href="css/media.css">
        <link rel="stylesheet" type="text/css" href="css/normalize.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" media="all" href="css/animate.css">
        <!-- Latest compiled and minified CSS -->
        <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">
  </head>
  <body>
   <div class="burg">
       <span class="top"></span>
       <span class="middle"></span>
       <span class="bottom"></span>
   </div>
     <div class="closem">
       <span class="left"></span>
        <span class="right"></span>
       </div>

    <div class="menu">
        <ul>
            <li><a href="#key-boxes">КУПИТЬ</a></li>
            <li><a href="#">ПОДДЕРЖКА</a></li>
            <li><a href="#">ОТЗЫВЫ</a></li>
        </ul>

    </div>
    <section id="key-boxes" class="wow fadeIn">
        <div class="container">
            <div class="row">
                <div class="col-md-12 title text-center">
                    <h2>Коробки с ключами Steam по смешным ценам!</h2>
                    <p>Aкция! Увеличен шанс выпадения игры стоимостью более 1000 руб.! Успей купить!</p>
                </div>
                <div class="row keys">
                <div class="col-md-3 col-sm-6">
                    <div class="gold center-block">
                        <img class="goldti" src="img/goldkey.jpg">
                        <img class="goldsub" src="img/gold.png">
                        <p class="pricegold">100 РУБ</p>
                        <strong><p class="desc">В коробке более 80 игр<br>Цена игр до 2099 руб<br>Шанс выпадения ТОП-игры<br>Только лицензионные ключи</p></strong>
                        <a href="#" class="btgold">КУПИТЬ</a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="silver center-block">
                        <img class="silverti" src="img/silverkey.jpg">
                        <img class="silversub" src="img/silver.png">
                        <p class="pricesilver">70 РУБ</p>
                        <strong><p class="desc">В коробке более 60 игр<br>Цена игр до 799 руб<br>Шанс выпадения ТОП-игры<br>Только лицензионные ключи</p></strong>
                        <a href="#" class="btsilver">КУПИТЬ</a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                   <div class="bronze center-block">
                       <img class="bronzeti" src="img/bronze.jpg">
                        <img class="bronzesub" src="img/bronze.png">
                        <p class="pricebronze">50 РУБ</p>
                        <strong><p class="desc">В коробке более 30 игр<br>Цена игр до 599 руб<br>Шанс выпадения ТОП-игры<br>Только лицензионные ключи</p></strong>
                        <a href="#" class="btbronze">КУПИТЬ</a>
                   </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="diamond center-block">
                        <img class="diamondti" src="img/goldkey.jpg">
                        <img class="diamondsub" src="img/gold.png">
                        <p class="pricediamond">200 РУБ</p>
                        <strong><p class="desc">В коробке более 100 игр<br>Цена игр до 5999 руб<br>Шанс выпадения ТОП-игры<br>Только лицензионные ключи</p></strong>
                        <a href="#" class="btdiamond">КУПИТЬ</a>
                    </div>
                </div>
            </div>
        </div>
        </div>
        <div id="howwork">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 titlework text-center">
                        <h2>КАК ЭТО РАБОТАЕТ?</h2>
                    </div>
                    <div class="col-md-12 faq">
                        <img src="img/work-icon-1.png">
                    </div>
                </div>
            </div>
        </div>
    </section>


     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
           $(function(){
           $("a[href^='#']").click(function(){
                var _href = $(this).attr("href");
                $("html, body").animate({scrollTop: $(_href).offset().top+"px"});
                return false;
              });
           });
        </script>
        <script>
        $(document).ready(function() {
            $(".buygold").click(function() {
            $("#goldModal").modal('show');
            });
            $(".buysilver").click(function() {
            $("#silverModal").modal('show');
            });
            $(".buybronze").click(function() {
            $("#bronzeModal").modal('show');
            });
        });
        </script>
        <script type="text/javascript" src="js/menu.js"></script>
        <script src="js/wow.min.js"></script>
        <script>new WOW().init();</script>
</body>
</html