<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>口袋娃娃城 </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/sl-slide.css">

    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    <style>
        .pull-left{
            padding:20px;
            font-size:30px;
        }
    </style>
    <!-- Le fav and touch icons -->
</head>

<body>

    <!--Header-->
    <header class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a  class="pull-left" href="index.html">口袋娃娃城 </a>
                <div class="nav-collapse collapse pull-right">
                    <ul class="nav">
                        <li class="active"><a href="index.html">首页</a></li>
                        <li><a href="#zhibo">在线直播抓娃娃</a></li>
                        <li><a href="#guanyu">关于我们</a></li>
                    </ul>        
                </div><!--/.nav-collapse -->
            </div>
        </div>
    </header>
    <!-- /header -->

    <!--Slider-->
    <section id="slide-show">
     <div id="slider" class="sl-slider-wrapper">
		<img class="pull-right" src="images/01.png" alt="" style="width:100%;"/>
    </div>
    <nav id="nav-arrows" class="nav-arrows">
        <span class="nav-arrow-prev"><i class="icon-angle-left"></i></span>
        <span class="nav-arrow-next"><i class="icon-angle-right"></i></span> 
    </nav>

</div>
</section>

<section id="recent-works">
    <div class="container">
        <div class="center" id="zhibo">
            <h3>在线直播抓娃娃</h3>
            <p class="lead">把娃娃机搬到线上...用户在直播间内，通过实时的视频观看，远程操作抓杆进行抓娃娃，用户抓到娃娃以后，我们再将娃娃寄给用户。</p>
        </div>  
        <div class="gap"></div>
        <ul class="gallery col-4">
            <!--Item 1-->
            <li>
                <div class="preview">
                    <img alt=" " src="images/1.jpg?v=1">
                    <div class="overlay">
                    </div>
                    <div class="links">
                        <a data-toggle="modal" href="#"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                          
                    </div>
                </div>
                <div class="desc">
                    <h5>超低延迟，媲美实体机操控体验</h5>
                </div>
                <div id="modal-1" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="images/1.png?v=1" alt=" " width="100%" style="max-height:600px">
                    </div>
                </div>                 
            </li>
            <!--/Item 1--> 

            <!--Item 2-->
            <li>
                <div class="preview">
                    <img alt=" " src="images/4.jpg?v=1">
                    <div class="overlay">
                    </div>
                    <div class="links">
                        <a data-toggle="modal" href="#"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                                
                    </div>
                </div>
                <div class="desc">
                    <h5>以物换物，随心所欲！</h5>
                </div>
                <div id="modal-1" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="images/4.png?v=1" alt=" " width="100%" style="max-height:600px">
                    </div>
                </div>                 
            </li>
            <!--/Item 2-->

            <!--Item 3-->
            <li>
                <div class="preview">
                    <img alt=" " src="images/3.jpg?v=1">
                    <div class="overlay">
                    </div>
                    <div class="links">
                        <a data-toggle="modal" href="#"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                                
                    </div>
                </div>
                <div class="desc">
                    <h5>邀请有礼，分享不停，奖励不断！</h5>
                </div>
                <div id="modal-3" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="images/3.png?v=1" alt=" " width="100%" style="max-height:600px">
                    </div>
                </div>                 
            </li>
            <!--/Item 3--> 

            <!--Item 4-->
            <li>
                <div class="preview">
                    <img alt=" " src="images/2.jpg?v=1">
                    <div class="overlay">
                    </div>
                    <div class="links">
                        <a data-toggle="modal" href="#"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                                
                    </div>
                </div>
                <div class="desc">
                    <h5>各种好物，总有你喜欢的！</h5>
                </div>
                <div id="modal-4" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="images/2.png?v=1" alt=" " width="100%" style="max-height:600px">
                    </div>
                </div>                 
            </li>
            <!--/Item 4-->               

        </ul>
        <div class="gap"></div>
        <div class="gap"></div>
        <div class="center" id="guanyu">
            <h3>关于口袋娃娃城</h3>
            <p class="lead" style="text-align:left">口袋娃娃城——视频在线抓娃娃APP <br/>
线上抓娃娃不二之选，集合起来迎接公仔手办、好物，上新步伐出发停止 <br/>
高清强力抓你走心抓取率，多个圈区畅享全新乐趣，登录福利派送，邀请好友互领超值奖品！ <br/>
亮点 
【巨多品类上新连续】独家公仔手办，精品盲盒扭蛋、冈德系列、loz积木、海贼王手办，系列台灯水杯，满足你的少女心，热血梦 <br/>
【高清强抓欧气满满】汇款高清专区、保夹体系，让你每一次下爪抓中辩起来！ <br/>
【游戏专区 全新乐趣】 独享漫画乐趣房间，畅享乐趣新意 <br/>
【包邮到家极速收货】完善物流系统，静待萌物上</p>
            <p class="lead">联系邮箱：1056811484@qq.com</p>
        </div>  
        
    </div>

</section>



<!--Bottom-->

<!--/bottom-->

<!--Footer-->
<footer id="footer">
    <div class="container">
        <div class="row-fluid">
            <div class="span5 cp" style="font-size:18px;font-color:white;">
               口袋娃娃城<br/>
                <a href="http://beian.miit.gov.cn/" target="_blank" title="">粤ICP备19071007号-1
</a> 
            </div>
            <!--/Copyright-->

            

            <div class="span1">
                <a id="gototop" class="gototop pull-right" href="#"><i class="icon-angle-up"></i></a>
            </div>
            <!--/Goto Top-->
        </div>
    </div>
</footer>
<!--/Footer-->

<!--  Login form -->

<!--  /Login form -->

<script src="js/vendor/jquery-1.9.1.min.js"></script>
<script src="js/vendor/bootstrap.min.js" ></script>
<script src="js/main.js"></script>
<!-- Required javascript files for Slider -->
<script src="js/jquery.ba-cond.min.js"></script>
<script src="js/jquery.slitslider.js"></script>
<!-- /Required javascript files for Slider -->

<!-- SL Slider -->
<script type="text/javascript"> 
/* $(function() {
    var Page = (function() {

        var $navArrows = $( '#nav-arrows' ),
        slitslider = $( '#slider' ).slitslider( {
            autoplay : true
        } ),

        init = function() {
            initEvents();
        },
        initEvents = function() {
            $navArrows.children( ':last' ).on( 'click', function() {
                slitslider.next();
                return false;
            });

            $navArrows.children( ':first' ).on( 'click', function() {
                slitslider.previous();
                return false;
            });
        };

        return { init : init };

    })();

    Page.init();
}); */
</script>
<!-- /SL Slider -->
</body>
</html>