lixin-web
Version:
vue and bootstrap
396 lines (340 loc) • 17.3 kB
HTML
<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<title>利信-首页</title>
<meta name="Keywords" content="利信国际" >
<meta name="Description" content="利信国际娱乐，缔造国际娱乐领军品牌，将娱乐进行到底。" >
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<!-- 引用样式文件开始 -->
<link rel="stylesheet" type="text/css" href="/css/common-all-plugin.css">
<link rel="stylesheet" type="text/css" href="/css/common.css">
<link rel="stylesheet" type="text/css" href="/css/index.css">
<!-- 引用样式文件结束 -->
<!-- 引用脚本文件开始-->
<script type="text/javascript" src="/config.js"></script>
<!-- 引用脚本文件结束-->
</head>
<body>
<div class="bar"></div><script type="text/javascript">load("bar"); </script>
<div class="menu01"></div><script type="text/javascript">load("menu01"); </script>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<div class="lmin1 libt">
<div class="lmin1-1"> <img src="img/index/indexx.jpg" width="100%" /></div>
<div class="lmin1-2 hidden-xs">
<div class="lmin1-2-1">
<div class="mouse-text">滑动鼠标查看更多</div>
<div class="mouse-icon">
<div class="wheel"></div>
</div>
</div>
</div>
<div class="screen_md lmin1-3">
<div class="lmin1-3-1">
<span style=" color:#FFF;">欢迎您来到-</span><span style="color:#40acf7;">利信娱乐</span>
</div>
<div class="hidden-xs" style="width:960px; margin:0 auto;">
<div class="aImgList">
<div class="grid">
<figure class="effect-jazz">
<img src="img/index/img01.png" alt="img25"/>
<figcaption>
<h2>彩票大厅</h2>
<p>LOTTERY GAMES</p>
<a href="/game-center.html">View more</a>
</figcaption>
</figure>
<figure class="effect-jazz">
<img src="img/index/img02.png" alt="img06"/>
<figcaption>
<h2>真人娱乐</h2>
<p>LIVE CASINO</p>
<a href="game-live.html">View more</a>
</figcaption>
</figure>
<figure class="effect-jazz">
<img src="img/index/img03.png" alt="img06"/>
<figcaption>
<h2>电子游艺</h2>
<p>SLOT MACHINE</p>
<a href="game-recreation.html">View more</a>
</figcaption>
</figure>
<figure class="effect-jazz">
<img src="img/index/img04.jpg" alt="img06"/>
<figcaption>
<h2>体育竞技</h2>
<p>SPORTS GAMES</p>
<a href="game-athletic.html">View more</a>
</figcaption>
</figure>
</div>
</div>
</div>
<div class="w1024--">
<!--booking end-->
</div><!--w1024 end-->
</div>
</div>
</div>
<div class="indexwapp">
<div class="main2">
<div class="swiper-container swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background:#00c4ff;height:502px;">
<div class="main2-left main-left-anm" >
<div style="max-width:650px;margin:0 auto">
<img src="img/index/top.png" alt="" />
<h1>利信娱乐 —— 彩票游戏</h1>
<p class="p1 hidden-xs" style="line-height: 22px;" >利信娱乐拥有最全面的彩种、最齐全的玩法、最流畅的速度，给广大玩家带来了最舒适的游戏体验！</p>
<ul class="swp-ul row">
<li class=" col-sm-2 col-xs-6"><a href="lottery.html#type=ssc&name=cqssc">重庆时时彩</a></li>
<li class=" col-sm-2 col-sm-offset-1 col-xs-6"><a href="lottery.html#type=ssc&name=hgssc">韩国1.5分彩</a></li>
<li class=" col-sm-2 col-sm-offset-1 col-xs-6"><a href="lottery.html?type=ssc&name=xjssc">新疆时时彩</a></li>
<li class=" col-sm-2 col-sm-offset-1 col-xs-6"><a href="lottery.html?type=ssc&name=tjssc">天津时时彩</a></li>
<li class=" col-sm-2 col-sm-offset-0 col-xs-6"><a href="lottery.html?type=11x5&name=sd11x5">山东11选5</a></li>
<li class=" col-sm-2 col-sm-offset-1 col-xs-6"><a href="lottery.html#type=k3&name=jsk3">江苏快3</a></li>
<li class=" col-sm-2 col-sm-offset-1 col-xs-6"><a href="lottery.html#type=3d&name=fc3d">福彩3D</a></li>
<li class=" col-sm-2 col-sm-offset-1 col-xs-6"><a href="lottery.html?type=kl8&name=bjkl8">北京快乐8</a></li>
</ul>
</div>
</div>
<div class="main2-right hidden-xs main-right-anm" style="background:url(img/index/2.jpg) center;height:502px;">
</div>
</div>
<div class="swiper-slide" style="background:#ff9262;height:502px;">
<div class="main2-left">
<div style="max-width:650px;margin:0 auto">
<img src="img/index/l1-02.png" alt="" />
<h1>利信娱乐 —— 体育竞技</h1>
<p class="p1">想和南非足球巨星一样驰骋赛场吗？想问鼎5vs5足球齐鲁十强吗?赶快进利信娱乐投注吧，利信娱乐千万奖金等你拿！！赶快投注！！...</p>
<ul class="swp-ul2 row">
<li class=" col-sm-12 col-xs-12">
<div class="div1"><img src="img/index/li-01.png" class="img-responsive" alt=""></div>
<span>进入188体育</span>
</li>
</ul>
</div>
</div>
<div class="main2-right hidden-xs" style="background:url(img/index/l2.jpg) center;height:502px;">
</div>
</div>
<!-- 老虎机 -->
<div class="swiper-slide" style="background:#1fd1d7;height:502px;">
<div class="main2-left">
<div style="max-width:650px;margin:0 auto">
<img src="img/index/8.png" alt="" />
<h1>利信娱乐 —— 电子游艺（老虎机）</h1>
<p class="p1 hidden-xs" >利信娱乐坐拥全球最佳的老虎机平台，超过200种电子游戏，酷炫的画面与极致的响应速度，奠定了利信娱乐老虎机独一无二的地位。利信娱乐老虎机目前已全面支持pc端和移动端，只要有一台可以联网的设备，您就可以随时随地的体验到游戏的乐趣。......</p>
<ul class="swp-ul2 row">
<li class=" col-sm-6 col-xs-12">
<div class="div1">
<img src="img/index/6.png" class="img-responsive" alt="" />
</div>
<span>吉祥厅PT</span>
</li>
<li class=" col-sm-6 col-xs-12 ">
<div class="div1">
<img src="img/index/7.png" class="img-responsive" alt="" />
</div>
<span>富贵厅MG</span>
</li>
</ul>
</div>
</div>
<div class="main2-right hidden-xs" style="background:url(img/index/t1.jpg) center;height:502px;">
</div>
</div>
<!-- 真人娱乐 -->
<div class="swiper-slide" style="background:#6bc30d;height:502px;">
<div class="main2-left">
<div style="max-width:650px;margin:0 auto">
<img src="img/index/12.png" alt="" />
<h1>利信娱乐 —— 真人娱乐</h1>
<p class="p1 hidden-xs" >真人娱乐游戏开始时间在荷官刚洗完牌，整个牌局都没有开始，游戏尚未进行完全的初始的时候，在一副牌中，不论是在八副游戏还是六副游戏里，每种牌平均都有四张，这个是基础所在。随著游戏的进行，出现的牌不断增加......</p>
<ul class="swp-ul2 row">
<li class=" col-sm-4 col-xs-12">
<div class="div1">
<img src="img/index/9.png" class="img-responsive" alt="" />
</div>
<span>吉祥厅PT</span>
</li>
<li class=" col-sm-4 col-xs-6 ">
<div class="div1">
<img src="img/index/10.png" class="img-responsive" alt="" />
</div>
<span>富贵厅MG</span>
</li>
<li class=" col-sm-4 col-xs-6 ">
<div class="div1">
<img src="img/index/11.png" class="img-responsive" alt="" />
</div>
<span>富贵厅MG</span>
</li>
</ul>
</div>
</div>
<div class="main2-right hidden-xs" style="background:url(img/index/t2.jpg) center;height:502px;">
</div>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination1"></div>
</div>
</div>
<div class="main3">
<div class="main3-li">
<img src="img/index/h1.jpg" class="img-responsive" alt="" />
<h4 class="pad-xs-10">签到天天有礼，根本停不下来</h4>
<p class="pad-xs-5">一共一周领取426元 中间不能中断，如有中断必须从新来过。当日达到投注要求，点击优惠活动界面中的领取，系统自动派发奖励金额。</p>
</div>
<div class="main3-li">
<a href="game_zhuanpang.html"><img src="img/index/h2.jpg" class="img-responsive" alt="" /></a>
<h4 class="pad-xs-10">全民消费抽奖！中！中！中！</h4>
<p class="pad-xs-5">所有会员投注满5000即可抽奖一次，抽奖金额在2元—888元！</p>
</div>
</div>
<div class="main4-warp">
<ul class="main4 row">
<li class="col-xs-12 col-md-4 col-sm-4">
<img src="img/index/li1.png" alt="" />
<p class="p1">存款到账</p>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 40%;">
</div>
</div>
<p>存款平均2.5秒极速到账</p>
</li>
<li class="col-xs-12 col-md-4 col-sm-4">
<img src="img/index/li2.png" alt="" />
<p class="p1">取款到账</p>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 40%;">
</div>
</div>
<p>取款平均25秒极速到账</p>
</li>
<li class="col-xs-12 col-md-4 col-sm-4">
<img src="img/index/li3.png" alt="" />
<p class="p1">便捷的银行服务</p>
<img src="img/index/1.png" alt="" style="padding-bottom:18px;"/>
</li>
</ul>
</div>
<ul class="main5 row">
<li class="col-xs-12 col-md-4 col-sm-4 hidden-xs">
<p class="p1">牌照验证</p>
<img src="img/index/pz.png" alt="" style="margin-bottom:15px;"/>
<p class="p2">North Cagayan是根据菲律宾共和国法律登记成立的博彩监管机构属亚洲第一家游戏管辖合法组织，其拥有博彩运营商的发牌权及监管权，属亚洲第一家在线游戏......</p>
<a href="game-license.html" class="btn btn-default">点击验证博彩牌照</a>
</li>
<li class="col-xs-12 col-md-4 col-sm-4 hidden-xs">
<p class="p1">常见问题</p>
<div class="p3">
<p><a href="/game-question.html#question_1">1、如何注册？</a></p>
<p><a href="/game-question.html#question_2">2、账号问题？</a></p>
<p><a href="/game-question.html#question_3">3、安全问题？</a></p>
<p><a href="/game-question.html#question_4">4、平台最高奖金和单挑模式最高奖金？</a></p>
<p><a href="/game-question.html#question_5">5、取款多少次会扣除手续费</a></p>
</div>
<p><a href="/game-question.html">查看所有常见问题解答</a></p>
</li>
<li class="col-xs-12 col-md-4 col-sm-4">
<p class="p1">联系我们</p>
<div class="p3">
<p><a href="javascript:void(0);">1、官方电话+639755555888</a></p>
<p><a href="javascript:void(0);">2、电子邮件 lixinyule@gmail.com</a></p>
<p><a href="javascript:void(0);">3、24小时竭诚为您服务</a></p>
</div>
</li>
</ul>
</div>
<div class="bot" ></div><script type="text/javascript">$(".bot").load("/include-bot.html"); </script>
<div class="login-frame-warp" style="display:none">
<div class="login-frame">
<img src="img/index/dl.png" alt="" />
<form class="form-horizontal">
<div class="form-group">
<div class="col-sm-12">
<input type="email" class="form-control" placeholder="请输入用户名">
</div>
<span class="glyphicon glyphicon-user"></span>
</div>
<div class="form-group">
<div class="col-sm-12">
<input type="password" class="form-control" id="inputPassword" placeholder="请输入密码">
</div>
<span class="glyphicon glyphicon-lock"></span>
</div>
<div class="form-group ">
<div class="col-sm-12">
<input type="password" class="form-control" id="yanzhenma" placeholder="验证码">
</div>
<span class="glyphicon glyphicon-pencil"></span>
<img class="yan-img"src="img/index/yan.jpg" alt="" />
</div>
<div class="form-group">
<button class="btn login-btn">立即登录</button>
</div>
</form>
</div>
</div>
<script >include('/common-all-plugin-01.js');</script>
<script >include('/common-all-plugin-02.js');</script><script >include('/common-all-plugin-03.js');</script>
<script >include('/app.js');</script>
<script type="text/javascript" src="/plugins/custom/swiper/swiper.min.js"></script>
<script >include('/common-all.js');</script>
<script>
$(document).ready(function(){
var swiper1 = new Swiper('.swiper1', {
pagination: '.swiper-pagination1',
paginationClickable: true,
centeredSlides:true,
autoplay:1000000,
loop:true,
loopedSlides:10,
autoplayDisableOnInteraction : false,
});
$('.main-left-anm').animate({ left:'0',opacity:'1'},800);
$('.main-right-anm').animate({ right:'0',opacity:'1'},800);
$(window).scroll(function(){
var scroH = $(this).scrollTop();
if(scroH>=550){
$(".main3").show(600);
$('.main3').animate({ left:'0',opacity:'1'},800);
}
if(scroH>=900){
$(".main4").show(600);
$('.main4').animate({ left:'0',opacity:'1'},800);
}
if(scroH>=1150){
$(".main5").show(600);
$('.main5').animate({ left:'0',opacity:'1'},800);
}
})
});
$(document).ready(function(e) {
var ww = $(document).width();
var wh = $(window).height()-90;
//$("#libt img").css("height",wh);
var himg = 1270*ww/2033;
if(himg<=wh){
$(".libt").css("height",himg);
}else{
$(".libt").css("height",wh);
}
//alert(himg)
$('.scroll').click(function(){
var anchorPos = $(".main2").offset().top;
$("html, body").animate({
scrollTop: anchorPos
}, 500);
});
});
</script>
</body>
</html>