lixin-web
Version:
vue and bootstrap
491 lines (452 loc) • 28.2 kB
HTML
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width"; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />
<link rel="stylesheet" href="/css/animate/swiper.min.css"/>
<link rel="stylesheet" href="/css/animate.min.css"/>
<link rel="stylesheet" href="/css/animate/jquery.mCustomScrollbar.min.css"/>
<link rel="stylesheet" href="/css/game-brand.css"/>
<title>利信</title>
</head>
<body>
<div class="lixin-wite">
<div class="lixin-wite-min">
<div class="wite-title"><i></i>敬请期待<div class="wite-close"></div></div>
<div class="wite-content">
<div class="jjqd"><img src="img/game-brand/jjqd_13.png"></div>
<p>利信娱乐即将上市，活动开业前公布，敬请期待！！！</p>
</div>
</div>
</div>
<nav class="menu-nav">
<div class="nav-content">
<div class="logo"><a href="/index.html"></a></div>
<div class="menu-text">
<a href="#page1">首页</a>
<a href="#page2">产品介绍</a>
<a href="#page3">手机投注</a>
<a href="#page4">热门活动</a>
<a href="#page5">最新公告</a>
<a href="#page6">试玩注册</a>
</div>
</div>
<!-- <div class="menu-min">
<span></span>
<span></span>
<span></span>
</div> -->
</nav>
<div id="lixin-min">
<div class="section section01">
<div class="content">
<div class="lixin-title lixin-title1 animated bounceInLeft"></div>
<p>利信娱乐隶属于世界级博彩SNAI集团，公司成立于1990年的意大利，最初的业务主要是提供博彩代理以及收集和接受投注的所有服务及工具。经过近三十年的发展，集团已成为意大利最大的博彩公司，及欧洲业博彩的主要服务提供商。</p>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide animated fadeInUpBig">
<a href="">
<div class="s1-img">
<div class="s1-text">
最权威的彩票娱乐平台
</div>
</div>
</a>
</div>
<div class="swiper-slide animated fadeInUpBig">
<a href=""><div class="s1-img">
<div class="s1-text">
Solaire娱乐城合作
</div>
</div></a>
</div>
<div class="swiper-slide animated fadeInUpBig">
<a href="">
<div class="s1-img">
<div class="s1-text">
在线真人娱乐，真实的赌场体验
</div>
</div>
</a>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<p class="mobli-none">目前集团分别在德国、菲律宾、加拿大、英国等地成立了分公司，投资项目设计到实体娱乐场、网络博彩、餐饮、房地产等多个领域，其中菲律宾分公司拥有政府颁发的合法博彩营业牌照，受发牌及监管单位：FCLRC(Fist Cagayan Leisure and Resort Corpration)de监督及管制，分公司坐落于享誉菲律宾的博彩大厦Burgundy 大厦，并在当地知名赌场Solaire及云顶都设有现场娱乐厅。 </p>
<!-- <div class="lixin-button"><a class="lixin-vedio" href="#"><i></i>播放视频</a></div> -->
</div>
<a data-menuanchor="page2" href="#page2" class="button"></a>
</div>
<div class="section section02">
<div class="content">
<div class="lixin-title lixin-title2">
</div>
<p>利信娱乐彩票程序揽盖了市面上几乎所有的高频彩种，并全新添加了超过30种全新玩法，让玩家游戏更加尽兴。
我们的彩票界面开创性的设计思维、最佳的用户投注体验已为我们获得一致好评。</p>
<div class="swiper-container02">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide02">
<div class="container02-title">
<span><i></i>官方彩种</span>
</div>
<div class="container02-min">
<ul>
<li><a href="">重庆时时彩</a></li>
<li><a href="">山东11选5</a></li>
<li><a href="">上海时时乐</a></li>
<li><a href="">北京快乐8</a></li>
<li><a href="">新疆时时彩</a></li>
<li><a href="">江西11选5</a></li>
<li><a href="">福彩3D</a></li>
<li><a href="">北京PK10</a></li>
<li><a href="">天津时时彩</a></li>
<li><a href="">广东11选5</a></li>
<li><a href="">排列3</a></li>
<li><a href="">江苏快3</a></li>
<li><a href="">安徽快3</a></li>
<li><a href="">排列5</a></li>
</ul>
</div>
</div>
<div class="swiper-slide swiper-slide03">
<div class="container02-title">
<span><i></i>自主彩</span>
</div>
<div class="container02-min">
<ul>
<li><a href="">利信秒秒彩</a></li>
<li><a href="">利信分分彩</a></li>
<li><a href="">利信三分彩</a></li>
<li><a href="">利信五分彩</a></li>
<li><a href="">利信11选5</a></li>
</ul>
</div>
</div>
<div class="swiper-slide swiper-slide04">
<div class="container02-title">
<span><i></i>其他</span>
</div>
<div class="container02-min">
<ul>
<li><a href="">真人娱乐</a></li>
<li><a href="">电子游艺</a></li>
<li><a href="">体育竞技</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<a data-menuanchor="page3" href="#page3" class="button"></a>
</div>
<div class="section section03">
<div class="content">
<div class="lixin-title lixin-title3">
</div>
<p>即使世界很大，你也不会孤单，利信娱乐有和你一样的人，期待着和你一起发现精彩。</p>
<div class="swiper-container02">
<img src="img/game-brand/lixin_zt_13.jpg" alt=""/>
<p>(扫描二维码即可下载最新手机利信APP)</p>
</div>
</div>
<img class="iphone1" src="img/game-brand/iphoneli_03.png" alt=""/>
<img class="iphone2" src="img/game-brand/iphoneli_02.png" alt=""/>
<a data-menuanchor="page4" href="#page4" class="button"></a>
</div>
<div class="section section04">
<div class="content">
<div class="lixin-title lixin-title4">
</div>
<p>利信娱乐始终有特别优惠活动在等您！每个月，我们都为玩家准备精彩的活动，赢取高额的奖金、豪华度假套餐等众多精彩。</p>
<div class="swiper-container03">
<div class="container03-image">
<div class="image">
<a data-wow-delay='0.7s' href="javascript:void(0)">
<img src="img/game-brand/lixin_zt_17.jpg" alt="" width="800" height="149"/>
</a>
<div class="container03-con">
<div class="container03-con-hade">
</div>
<div class="container03-con-main">
<div>活动时间: 即日起至 2015/9/30 11:59:59 止（北京时间）</div>
<div>活动内容: 我们将对您在利信娱乐首次存款，并转账至各娱乐场平台后，给您发放首存红利申请资格，返还比例为20%，最高可领2888元红利；您可前往“个人中心”-“领取红利”页面申请参与该红利；</div>
<div class=table>
<img src="img/game-brand/active_07.jpg">
</div>
<div class="">
活动规则:<br>
●参加此活动之用户在申请各娱乐平台的首存红利后，需在申请存款红利的娱乐平台满足（存款金额加红利金额）*15倍有效流水数后，可领取红利。
示范:在AG钻石谷存款1000元，前往“领取红利”页面进行AG钻石谷首存红利申请，并在该平台完成有效投注（1000+1000*20%）*15=18000元，可领取红利200元
领取本活动所需有效流水上限为259920元。
*领取的红利进入主账户后遵循网站的一般规则，需1倍有效流水后即可提款。<br>
●领取该红利需经过身份认证，手机认证及邮箱认证。<br>
●该活动有效流水不予其他红利共享，但享受积分奖励。<br>
●领取活动红利用户在完成红利流水期间，如使用非真实IP登录、刻意隐藏真实身份、使用VPN代理服务器或云服务器登陆者，经发现一律没收所发放红利及不当所得。
</div>
</div>
</div>
</div>
<div class="image image2">
<a data-wow-delay='0.9s' href="javascript:void(0)"><img src="img/game-brand/lixin_zt_20.jpg" alt="" width="800" height="149"/></a>
<div class="container03-con">
<div class="container03-con-hade">
</div>
<div class="container03-con-main">
<div>活动时间: 即日起至 2015/9/30 11:59:59 止（北京时间）</div>
<div>活动内容: 我们将对您在利信娱乐首次存款，并转账至各娱乐场平台后，给您发放首存红利申请资格，返还比例为20%，最高可领2888元红利；您可前往“个人中心”-“领取红利”页面申请参与该红利；</div>
<div class=table>
<img src="img/game-brand/active_07.jpg">
</div>
<div class="">
活动规则:<br>
●参加此活动之用户在申请各娱乐平台的首存红利后，需在申请存款红利的娱乐平台满足（存款金额加红利金额）*15倍有效流水数后，可领取红利。
示范:在AG钻石谷存款1000元，前往“领取红利”页面进行AG钻石谷首存红利申请，并在该平台完成有效投注（1000+1000*20%）*15=18000元，可领取红利200元
领取本活动所需有效流水上限为259920元。
*领取的红利进入主账户后遵循网站的一般规则，需1倍有效流水后即可提款。<br>
●领取该红利需经过身份认证，手机认证及邮箱认证。<br>
●该活动有效流水不予其他红利共享，但享受积分奖励。<br>
●领取活动红利用户在完成红利流水期间，如使用非真实IP登录、刻意隐藏真实身份、使用VPN代理服务器或云服务器登陆者，经发现一律没收所发放红利及不当所得。
</div>
</div>
</div>
</div>
<div class="image image3">
<a data-wow-delay='1.1s' href="javascript:void(0)"><img src="img/game-brand/lixin_zt_22.jpg" alt="" width="800" height="149"/></a>
<div class="container03-con">
<div class="container03-con-hade">
</div>
<div class="container03-con-main">
<div>活动时间: 即日起至 2015/9/30 11:59:59 止（北京时间）</div>
<div>活动内容: 我们将对您在利信娱乐首次存款，并转账至各娱乐场平台后，给您发放首存红利申请资格，返还比例为20%，最高可领2888元红利；您可前往“个人中心”-“领取红利”页面申请参与该红利；</div>
<div class=table>
<img src="img/game-brand/active_07.jpg">
</div>
<div class="">
活动规则:<br>
●参加此活动之用户在申请各娱乐平台的首存红利后，需在申请存款红利的娱乐平台满足（存款金额加红利金额）*15倍有效流水数后，可领取红利。
示范:在AG钻石谷存款1000元，前往“领取红利”页面进行AG钻石谷首存红利申请，并在该平台完成有效投注（1000+1000*20%）*15=18000元，可领取红利200元
领取本活动所需有效流水上限为259920元。
*领取的红利进入主账户后遵循网站的一般规则，需1倍有效流水后即可提款。<br>
●领取该红利需经过身份认证，手机认证及邮箱认证。<br>
●该活动有效流水不予其他红利共享，但享受积分奖励。<br>
●领取活动红利用户在完成红利流水期间，如使用非真实IP登录、刻意隐藏真实身份、使用VPN代理服务器或云服务器登陆者，经发现一律没收所发放红利及不当所得。
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a data-menuanchor="page5" href="#page5" class="button"></a>
</div>
<div class="section section05">
<div class="content">
<div class="lixin-title lixin-title5">
</div>
<p>利信娱乐会第一时间给您推送最新的活动，让您时时刻刻都能在第一时间内知道
还在等待什么？赶快加入我们吧！</p>
<div class="swiper-container04">
<div class="container04-content">
<ul>
<li>
<div class="con3-title">
<span class="title-t">01</span>
<span class="title-m">利信娱乐立项通告</span>
</div>
<div class="con3-min">
利信娱乐 于2015年12月01日正式立项，公司立项初期便邀请各界精英数十位，齐聚于公司总部;从立项到UI设计到产品交互，都完全根据当下博彩行业最精尖的模式，在开发过程中我们精益求精，众多设计由于产品理念未达到极致，经过投票表决后不断的推翻，并重新设计。我们力求精品，致力打造重新定义平台程序细分页面的设计标准，望敬请期待。</div>
</li>
<li>
<div class="con3-title">
<span class="title-t">02</span>
<span class="title-m">利信娱乐推向市场</span>
</div>
<div class="con3-min">
利信娱乐将是2016年最具实力的博彩舞台；历经半年筹备，利信娱乐已于2016年5月正式面向市场；招纳人才，有经验，有魄力，有责任心，有职业操守，能独当一面目光长远的有识之士；欢迎您加入利信娱乐，抢挖人生第一桶金，从此改变你的人生。
我们的口号：利之根本 信乃源泉。</div>
</li>
<li>
<div class="con3-title">
<span class="title-t">03</span>
<span class="title-m">利信程序介绍</span>
</div>
<div class="con3-min">
利信娱乐包含主流彩种，与菲律宾多家知名博彩公司合作，开业将陆续推出多种VR线上娱乐。体育投注，传统棋牌，电子游艺，以及当下主流的PC28等多种玩法，同时平台开启VIP等级制度，当天最高出款300万【大户之家】！晋升VIP客户后，可领取相应金额，并享受SNAI集团旗下实体赌场VIP服务。</div>
</li>
<li>
<div class="con3-title">
<span class="title-t">04</span>
<span class="title-m">SNAI集团介绍</span>
</div>
<div class="con3-min">
利信娱乐的母公司是意大利SNAI集团，集团最初的业务主要是提供博彩代理以及提供、收集和接受投注的所有服务。但经过发展,SNAIS.P.A逐渐发展成为SNAI集团。不但已经成为意大利最大的在线博彩公司,也成为欧洲博彩领域的主要服务提供商。
利信娱乐是由集团旗下菲律宾分公司的核心团队打造，公司总部设立在马尼拉市马卡提区。
分公司在菲律宾除了在线博彩业外，还在多个实业领域都有涉及；包括实体娱乐厅、餐饮及房地产等。目前在著名的马尼拉Solaire赌场、云顶赌场等都设有娱乐厅。</div>
</li>
<li>
<div class="con3-title">
<span class="title-t">05</span>
<span class="title-m">购彩页面介绍</span>
</div>
<div class="con3-min">
利信娱乐购彩页面充分体现人体工学设计，采用日夜双模式效果；自定义界面可添加任何快捷方式入口，以保障所有用户操作流畅，并同时开启自主研发上下级聊天软件，包含专属代理等级头像DIY；更可自定义倍投金额，方便用户投注不再需要实时计算倍数。
欢迎体验利信娱乐的速度与激情。</div>
</li>
</ul>
</div>
</div>
</div>
<a data-menuanchor="page6" href="#page6" class="button"></a>
</div>
<div class="section section06">
<div class="content">
<div class="lixin-title lixin-title6 ">
</div>
<p>新注册利信娱乐的玩家，成功绑定银行卡资料后，可向平台客服申请领取18元彩金哟，赶快加入我们吧！
欢迎注册利信娱乐，已有账号？<a href="">立即登录</a></p>
<div class="swiper-container06">
<div class="container06-input data-wow-delay='0.5s'">
<input type="text" placeholder="请输入您的用户名"/>
</div>
<div class="container06-input data-wow-delay='0.7s'"><input type="text" placeholder="设置您的昵称"/></div>
<div class="container06-input data-wow-delay='0.9s'"><input type="password" placeholder="请设置您的密码"/></div>
<div class="container06-input data-wow-delay='1.1s'"><input type="password" placeholder="重新输入密码"/></div>
<div class="container06-input container06-image">
<input type="text" placeholder="验证码"/>
<span></span>
</div>
<a class="rest" href="javascript:void(0)">注册</a>
</div>
</div>
</div>
</div>
<!-- <div class="lixin-vediomp3">
<video class="video" poster="" width="100%" height="100%" controls preload>
<source src="" media="only screen and (min-device-width: 600px)"></source>
<source src="movie.mp4" media="only screen and (max-device-width: 600px)"></source>
<source src=""></source>
</video>
</div> -->
<script type="text/javascript" src="/plugins/official/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/plugins/official/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="/plugins/custom/animate/wow.min.js"></script>
<script type="text/javascript" src="/plugins/custom/swiper/swiper.min.js"></script>
<script type="text/javascript" src="/plugins/custom/mousewheel/mousewheel.js"></script>
<script type="text/javascript" src="/plugins/custom/scrollbar/jquery.mCustomScrollbar.js"></script>
</body>
</html>
<script>
$(function(){
$('#lixin-min').fullpage({
sectionsColor: ['#6b4c2b', '#2f4d3d', '#392d29', '#4b322c', '#310e16', '#212f3a'],
'navigation': true,
'css3':true,
anchors: ['page1', 'page2', 'page3', 'page4', 'page5','page6'],
afterLoad: function(anchorLink, index){
if(index == 1){
$('.lixin-title1').show().addClass('animated')
$(".menu-text a").eq(0).addClass('i-active').siblings().removeClass('i-active');
}
if(index == 2){
$('.lixin-title2').show().addClass('bounceInLeft animated');
$('.swiper-wrapper .swiper-slide a').addClass('rubberBand animated');
$(".menu-text a").eq(1).addClass('i-active').siblings().removeClass('i-active');
}
if(index == 3){
// alert('a');
$('.lixin-title3').show().addClass('animated')
$('.section03').addClass('section03-a');
$('.section03').find('.content').delay(2000).animate({
opacity: '1'
}, 1500);
$(".menu-text a").eq(2).addClass('i-active').siblings().removeClass('i-active');
}
if(index == 4){
$('.lixin-title4').show().addClass('bounceInLeft animated');
$('.container03-image a').addClass('bounceInUp animated')
$(".menu-text a").eq(3).addClass('i-active').siblings().removeClass('i-active');
}
if(index == 5){
$('.lixin-title5').show().addClass('animated bounceInDown');
$('.container04-content').addClass('animated tada')
$(".menu-text a").eq(4).addClass('i-active').siblings().removeClass('i-active');
}
if(index == 6){
$('.lixin-title6').show().addClass('animated bounceInLeft');
$(".menu-text a").eq(5).addClass('i-active').siblings().removeClass('i-active');
$('.swiper-container06 .container06-input').addClass('animated bounceInLeft')
}
}
});
var swiper = new Swiper('.swiper-container', {
slidesPerView: 'auto',
paginationClickable: true,
spaceBetween: 30,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev'
});
var swiper1 = new Swiper('.swiper-container02', {
pagination: '.swiper-pagination',
slidesPerView: 'auto',
paginationClickable: true
});
$(".con3-title").click(function(){
//alert("a");
$(this).parent('li').addClass('title-active');
$(this).parent('li').siblings().removeClass('title-active');
$(this).next().stop().slideDown();
$(this).parent('li').siblings().find('.con3-min').stop().slideUp();
}).eq(0).click();
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
new WOW().init();
};
$(".con3-min").mCustomScrollbar();
$('.lixin-button .lixin-vedio').click(function(){
$('body').addClass('body_bg').prepend($('<div class="bg"><div class="close_bg"></div></div>'));
$('.lixin-vediomp3').show('300');
$('body .close_bg').click(function(){
$(this).parent().remove();
$('body').removeClass('body_bg');
$('.lixin-vediomp3').hide('300');
});
});
$(".menu-text a").click(function(){
$(this).addClass('i-active').siblings().removeClass('i-active')
}).eq(0).click();
/* $('.menu-min').click(function(){
$('.menu-nav').toggleClass('menu-nav2');
$('.nav-content').stop().slideToggle();
$('body').toggleClass('overflow');
$(this).toggleClass('activet');
}); */
var close = function(){
$('.lixin-wite').show();
$('.wite-close').click(function(){
$('.lixin-wite').hide();
})
}
$(".rest").click(function(){
close();
});
$(".container03-image>.image a").click(function(){
close();
})
/* $(".container03-image>.image a").click(function(){
$('.section04').addClass('body_bg').prepend($('<div class="bg"></div>'));
$('.container03-con').prepend($('<div class="close_bg"></div>'));
$(this).next().show('300');
$('body .close_bg').click(function(){
$('.section04 .bg').remove();
$(this).remove();
$('body').removeClass('body_bg');
$('.container03-con').hide('300');
});
}) */
});
</script>