Skip to content

libai / footsen

Go to a project
Commit 3c4e88f1 by dabai
Options

新版footseen

parent 289e34bc master
Inline Side-by-side
Showing with 280 additions and 1237 deletions
1/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script>
<script async src='https://www.google-analytics.com/analytics.js'></script> <script async src='https://www.google-analytics.com/analytics.js'></script>
<script> <script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
...@@ -28,291 +27,76 @@ ga('clientTracker.send', 'pageview'); ...@@ -28,291 +27,76 @@ ga('clientTracker.send', 'pageview');
<meta name="description" content=""> <meta name="description" content="">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<script src="/js/fsize.js"></script> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="/css/swiper.min.css"> <meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="/css/base.css?v=20191128185777"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" href="/layer-v3.1.0/layer.css"> <meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script>
<link rel="stylesheet" href="https://www.footseen.com/css/swiper.min.css">
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="https://www.footseen.com/css/inedx.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Foot Seen</title> <title>Foot Seen</title>
<style>
.main{
margin: 0 auto;
width: 10rem;
min-height: 100vh;
position: relative;
background-color: #E44C90;
font-size: 0;
background: url(/img/bg.jpg) no-repeat;
background-size: cover;
}
.swiper-container{
width: 10rem;
height: 16.986rem;
}
.swiperImg{
background: url(/img/img1.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
width: 10rem;
height: 16.986rem;
}
.swiperImg2{
background: url(/img/img2.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg3{
background: url(/img/img3.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg4{
background: url(/img/img1_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg5{
background: url(/img/img2_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg6{
background: url(/img/img3_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.anBg,.anBg2{
background: url(/img/anbg.png) no-repeat;
background-size: 100% 100%;
width: 9.146rem;
height: 7.573rem;
position: relative;
margin: -4.5rem auto 0;
z-index: 100;
}
.anBg2{
background: url(/img/anbg_en.png) no-repeat;
background-size: 100% 100%;
}
.anBtn{
width: 7.573rem;
height: 1.386rem;
position: absolute;
left: 50%;
margin-left: -3.786rem;
top: -.693rem;
z-index: 10;
}
.mBottom{
padding: 0.8rem 0 0.666rem;
width: 100%;
text-align: center;
font-size: 0;
}
.mBottom p{
font-size: 0.32rem;
color:#F3BED3;
}
.mBottom p:nth-child(2){
margin-top: 0.066rem;
}
.masking{
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 500;
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, .6);
display: none;
}
.masking img{
width: 7.933rem;
height: 3.906rem;
position: absolute;
left: 50%;
top: 1rem;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
}
.langTitle{
position: absolute;
top: 0.666rem;
left: 0.4rem;
width: 2rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
.langTitle img{
width: 0.16rem;
height: 0.146rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList{
position: absolute;
left: 0.4rem;
top: 1.2rem;
width: 2.5rem;
height: 2.7rem;
background: rgba(255,255,255,.7);
z-index: 50;
border-radius: 0.106rem;
-webkit-border-radius: 0.106rem;
-moz-border-radius: 0.106rem;
display: none;
}
.langList p{
width: 100%;
text-align: center;
font-size: 0.346rem;
color:#000;
margin-top: 0.266rem;
}
.langList p:nth-child(1){
padding-top: .2rem;
}
.topUp{
position: absolute;
top: 0.666rem;
right: 0.466rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
a:hover{
color:#FFF;
}
.mBottom{
display: none;
}
.heartbeat {
animation-name: heartbeat;
-webkit-animation-name: heartbeat;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible!important;
}
@keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
</style>
</head> </head>
<body> <body>
<div class="main"> <div class="main bg1">
<span class="langTitle"><img src="/img/down.png"/><font></font></span> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png"/><font></font></span>
<div class="langList"> <div class="langList">
<p data-lang="2">繁體中文</p>
<p data-lang="1">English</p> <p data-lang="1">English</p>
<p data-lang="7">العربية</p> <p data-lang="7">العربية</p>
</div> </div>
<a class="topUp L_Ar">شحن</a> <img src="https://www.footseen.com/img/logo.png" class="logo" />
<a class="topUp L_En">Top-up</a> <a class="topUp"></a>
<div class="swiper-container swiper-container1 L_Ar"> <div class="iosDown heartbeat"></div>
<div class="swiper-wrapper"> <div class="swiper-container androidSwiper hide">
<div class="swiper-slide">
<div class="swiperImg swiperImg1"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg2"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg3"></div>
</div>
</div>
</div>
<div class="swiper-container swiper-container2 L_En">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg4"></div> <img src="https://www.footseen.com/img/animg1_cn.png"/>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg5"></div> <img src="https://www.footseen.com/img/animg2_cn.png"/>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg6"></div> <img src="https://www.footseen.com/img/animg3_cn.png"/>
</div>
</div>
</div>
<div class="anBg L_Ar">
<img class="anBtn anBtn1 heartbeat" src="/img/btn.png" />
</div> </div>
<div class="anBg anBg2 L_En">
<img class="anBtn anBtn2 heartbeat" src="/img/btn_en.png" />
</div> </div>
<div class="mBottom"> <div class="swiper-pagination"></div>
<p>www.footseen.com</p>
</div> </div>
</div> <div class="andoridDesc"></div>
<div class="masking"> <div class="andoridBottom"></div>
<img src="/img/fx.png"/> <div class="arBottom"></div>
</div> </div>
</body> </body>
<script src="/js/jquery-3.1.1.min.js"></script> <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="/js/swiper.min.js"></script> <script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="/js/lang.js?v=201911251528" ></script> <script type="text/javascript" src="https://www.footseen.com/js/langAndorid.js?v=202003301518" ></script>
<script src="/layer-v3.1.0/layer/layer.js"></script> <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript"> <script type="text/javascript">
$('.mBottom').show();
var ua = navigator.userAgent.toLowerCase(); var ua = navigator.userAgent.toLowerCase();
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (/iphone|ipad|ipod|mac/.test(ua)){
window.location.href = 'ios.html'; $(".iosDown").on("click", function () {
}
// if (/android/.test(ua)) {
$(".anBtn1,.anBtn2").on("click", function () {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent.indexOf("Line") > -1) { if (userAgent.indexOf("Line") > -1) {
if(sessionStorage.lang == 7){ if(sessionStorage.lang == 7){
$('.masking img').att('src','/img/fx.png'); $('.masking img').att('src','https://footseen.com/img/fx.png');
$(".masking").fadeIn(500); $(".masking").fadeIn(500);
} else { } else {
$('.masking img').att('src','/img/fx_en.png'); $('.masking img').att('src','https://footseen.com/img/fx_en.png');
$(".masking.L_En").fadeIn(500); $(".masking.L_En").fadeIn(500);
} }
} } else {
else{
ga('send', 'event', { ga('send', 'event', {
eventCategory: 'defaultAndroid', eventCategory: 'andorid',
eventAction: 'click', eventAction: 'click',
eventLabel: 'defaultAndroid' eventLabel: 'andorid'
}); });
ga('clientTracker.send', 'event', { ga('clientTracker.send', 'event', {
eventCategory: 'defaultAndroid', eventCategory: 'andorid',
eventAction: 'click', eventAction: 'click',
eventLabel: 'defaultAndroid' eventLabel: 'andorid'
}); });
gtag('event', 'conversion', { gtag('event', 'conversion', {
'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC', 'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC',
...@@ -320,10 +104,10 @@ $('.mBottom').show(); ...@@ -320,10 +104,10 @@ $('.mBottom').show();
}); });
} }
}) })
// }
function gtag_report_conversion() { function gtag_report_conversion(url) {
setTimeout(function(){ setTimeout(function(){
window.location.href='http://footseen.com/apk'; window.location.href='https://www.footseen.com/apk';
},500) },500)
} }
......
1/ios.html
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script> <script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script>
<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script> <!--<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>-->
<!-- <script> <!--<script>
var ua = navigator.userAgent.toLowerCase(); var ua = navigator.userAgent.toLowerCase();
province = ['北京', '天津', '河北', '山西', '内蒙古', '辽宁', '吉林','深圳','广州','杭州','苏州', '黑龙江', '上海', '江苏', '浙江', '安徽', '福建', '江西', '山东 ', '河南', '湖北', '湖南', '广东', '广西', '海南 ', '重庆', '四川', '贵州', '云南', '西藏', '陕西', '甘肃', '青海', '宁夏', '新疆', 'CHINA'] province = ['北京', '天津', '河北', '山西', '内蒙古', '辽宁', '吉林','深圳','广州','杭州','苏州', '黑龙江', '上海', '江苏', '浙江', '安徽', '福建', '江西', '山东 ', '河南', '湖北', '湖南', '广东', '广西', '海南 ', '重庆', '四川', '贵州', '云南', '西藏', '陕西', '甘肃', '青海', '宁夏', '新疆', 'CHINA']
for(var i=0;i<province.length;i++){ for(var i=0;i<province.length;i++){
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
window.location.href='https://footseen.com/content.html' window.location.href='https://footseen.com/content.html'
} }
} }
</script> --> </script>-->
<script async src='https://www.google-analytics.com/analytics.js'></script> <script async src='https://www.google-analytics.com/analytics.js'></script>
<script> <script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
...@@ -38,264 +38,52 @@ ...@@ -38,264 +38,52 @@
<meta name="description" content=""> <meta name="description" content="">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<script src="/js/fsize.js"></script> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="/css/swiper.min.css"> <meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="/css/base.css?v=201911251528"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" href="/layer-v3.1.0/layer.css"> <meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script>
<link rel="stylesheet" href="https://www.footseen.com/css/swiper.min.css">
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="https://www.footseen.com/css/inedx.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Foot Seen</title> <title>Foot Seen</title>
<style>
.main{
margin: 0 auto;
width: 10rem;
min-height: 100vh;
position: relative;
background-color: #E44C90;
font-size: 0;
background: url(/img/bg.jpg) no-repeat;
background-size: cover;
}
.swiper-container{
width: 10rem;
height: 16.986rem;
}
.swiperImg{
background: url(/img/img1.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
width: 10rem;
height: 16.986rem;
}
.swiperImg2{
background: url(/img/img2.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg3{
background: url(/img/img3.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg4{
background: url(/img/img1_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg5{
background: url(/img/img2_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg6{
background: url(/img/img3_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.iosBg,.iosBg2{
/*background: url(/img/iosbg.png) no-repeat;
background-size: 100% 100%;
width: 9.146rem;
height: 24.413rem;*/
position: relative;
margin: -4rem auto 0;
z-index: 50;
}
.iosBg2{
/*background: url(/img/iosbg_en.png) no-repeat;
background-size: 100% 100%;*/
}
.iosBtn{
width: 7.573rem;
height: 1.386rem;
position: absolute;
left: 50%;
margin-left: -3.786rem;
top: -.693rem;
z-index: 10;
}
/*.iosText{
position: absolute;
width: 3.933rem;
right: 0.45rem;
top: 15.426rem;
height: 0.8rem;
line-height: .8rem;
text-align: center;
color:#FF4999;
font-size: 0.3rem;
direction: rtl;
}*/
.mBottom{
padding: 0.8rem 0 0.666rem;
width: 100%;
text-align: center;
font-size: 0;
position: absolute;
left: 0;
bottom: 0.266rem;
text-align: center;
z-index: 100;
}
.mBottom p{
font-size: 0.32rem;
color:#F3BED3;
}
.mBottom p:nth-child(2){
margin-top: 0.066rem;
}
.langTitle{
position: absolute;
top: 0.666rem;
left: 0.4rem;
width: 2rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
.langTitle img{
width: 0.16rem;
height: 0.146rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList{
position: absolute;
left: 0.4rem;
top: 1.2rem;
width: 2.5rem;
height: 2.7rem;
background: rgba(255,255,255,.7);
z-index: 50;
border-radius: 0.106rem;
-webkit-border-radius: 0.106rem;
-moz-border-radius: 0.106rem;
display: none;
}
.langList p{
width: 100%;
text-align: center;
font-size: 0.346rem;
color:#000;
margin-top: 0.266rem;
}
.langList p:nth-child(1){
padding-top: .2rem;
}
.topUp{
position: absolute;
top: 0.666rem;
right: 0.466rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
a:hover{
color:#FFF;
}
.mBottom{
display: none;
}
.heartbeat {
animation-name: heartbeat;
-webkit-animation-name: heartbeat;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible!important;
}
@keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
</style>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<span class="langTitle"><img src="/img/down.png"/><font></font></span> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png"/><font></font></span>
<div class="langList"> <div class="langList">
<p data-lang="2">繁體中文</p>
<p data-lang="1">English</p> <p data-lang="1">English</p>
<p data-lang="7">العربية</p> <p data-lang="7">العربية</p>
</div> </div>
<a class="topUp L_Ar">شحن</a> <img src="https://www.footseen.com/img/logo.png" class="logo" />
<a class="topUp L_En">Top-up</a> <a class="topUp"></a>
<div class="swiper-container swiper-container1 L_Ar"> <div class="iosDown heartbeat"></div>
<div class="swiper-wrapper"> <img src="https://www.footseen.com/img/live.png" class="live" />
<div class="swiper-slide"> <div class="swiper-container hide">
<div class="swiperImg swiperImg1"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg2"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg3"></div>
</div>
</div>
</div>
<div class="swiper-container swiper-container2 L_En">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg4"></div> <img src="https://www.footseen.com/img/img1_cn.png"/>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg5"></div> <img src="https://www.footseen.com/img/img2_cn.png"/>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg6"></div> <img src="https://www.footseen.com/img/img3_cn.png"/>
</div> </div>
</div> </div>
</div> <div class="swiper-pagination"></div>
<div class="iosBg iosBg1 L_Ar">
<img class="iosBtn iosBtn1 heartbeat" src="/img/btn.png" />
<!--<span class="iosText">ثقةPeach</span>-->
</div>
<div class="iosBg iosBg2 L_En">
<img class="iosBtn iosBtn2 heartbeat" src="/img/btn_en.png" />
<!--<span class="iosText">Trust Peach</span>-->
</div>
<div class="mBottom">
<p>www.footseen.com</p>
</div> </div>
</div> </div>
</body> </body>
<script src="/js/jquery-3.1.1.min.js"></script> <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="/js/swiper.min.js"></script> <script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="/js/lang.js?v=201911251528" ></script> <script type="text/javascript" src="https://www.footseen.com/js/langIos.js?v=202003301517" ></script>
<script src='/layer-v3.1.0/layer/layer.js'></script> <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript"> <script type="text/javascript">
$('.mBottom').show();
var data = OpenInstall.parseUrlParams(); var data = OpenInstall.parseUrlParams();
// $('.iosBtn').on('click',function(){
// window.location.href = 'https://testflight.apple.com/join/F0dDxv20';
// })
new OpenInstall({ new OpenInstall({
appKey: "dzxj4c", appKey: "dzxj4c",
preferWakeup: true, preferWakeup: true,
...@@ -305,34 +93,34 @@ new OpenInstall({ ...@@ -305,34 +93,34 @@ new OpenInstall({
onready: function () { onready: function () {
var m = this; var m = this;
m.schemeWakeup(); m.schemeWakeup();
$(".iosBtn").on("click", function () { $(".iosDown").on("click", function () {
ga('send', 'event', { ga('send', 'event', {
eventCategory: 'defaultIos', eventCategory: 'ios',
eventAction: 'click', eventAction: 'click',
eventLabel: 'defaultIos' eventLabel: 'ios'
}); });
ga('clientTracker.send', 'event', { ga('clientTracker.send', 'event', {
eventCategory: 'defaultIos', eventCategory: 'ios',
eventAction: 'click', eventAction: 'click',
eventLabel: 'defaultIos' eventLabel: 'ios'
}); });
gtag('event', 'conversion', { gtag('event', 'conversion', {
'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC', 'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC',
'event_callback': gtag_report_conversion(m) 'event_callback': gtag_report_conversion('apk',m)
}); });
return false; return false;
}) })
} }
}, data); }, data);
function gtag_report_conversion(url,m) {
function gtag_report_conversion(m) {
setTimeout(function(){ setTimeout(function(){
m.wakeupOrInstall(); m.wakeupOrInstall();
},500) },500)
} }
$('.topUp').on('click',function(){ $('.topUp').on('click',function(){
window.location.href = 'http://www.yabolive.tv/footseen/phonepay/applepay.html?lang='+sessionStorage.lang+'&gofrom=web'; window.location.href = 'http://www.yabolive.tv/footseen/phonepay/applepay.html?lang='+sessionStorage.lang+'&gofrom=web'+'&gofrom=web&cidStr=h5_footseengw';
}) })
</script> </script>
</html> </html>
index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<!--<script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script>-->
<!-- <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>-->
<!--<script>
var ua = navigator.userAgent.toLowerCase();
province = ['北京', '天津', '河北', '山西', '内蒙古', '辽宁', '吉林','深圳','广州','杭州','苏州', '黑龙江', '上海', '江苏', '浙江', '安徽', '福建', '江西', '山东 ', '河南', '湖北', '湖南', '广东', '广西', '海南 ', '重庆', '四川', '贵州', '云南', '西藏', '陕西', '甘肃', '青海', '宁夏', '新疆', 'CHINA']
for(var i=0;i<province.length;i++){
if(returnCitySN["cname"].indexOf(province[i])!=-1){
window.location.href='https://footseen.com/content.html'
}
}
</script>-->
<script async src='https://www.google-analytics.com/analytics.js'></script> <script async src='https://www.google-analytics.com/analytics.js'></script>
<script> <script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
...@@ -40,268 +27,57 @@ ga('clientTracker.send', 'pageview'); ...@@ -40,268 +27,57 @@ ga('clientTracker.send', 'pageview');
<meta name="description" content=""> <meta name="description" content="">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<script src="https://footseen.com/js/fsize.js"></script> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="https://footseen.com/css/swiper.min.css"> <meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="https://footseen.com/css/base.css?v=20191128185777"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" href="https://footseen.com/layer-v3.1.0/layer.css"> <meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script>
<link rel="stylesheet" href="https://www.footseen.com/css/swiper.min.css">
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="https://www.footseen.com/css/inedx.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Foot Seen</title> <title>Foot Seen</title>
<style>
.main{
margin: 0 auto;
width: 10rem;
min-height: 100vh;
position: relative;
background-color: #E44C90;
font-size: 0;
background: url(https://footseen.com/img/bg.jpg) no-repeat;
background-size: cover;
}
.swiper-container{
width: 10rem;
height: 16.986rem;
}
.swiperImg{
background: url(https://footseen.com/img/img1.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
width: 10rem;
height: 16.986rem;
}
.swiperImg2{
background: url(https://footseen.com/img/img2.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg3{
background: url(https://footseen.com/img/img3.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg4{
background: url(https://footseen.com/img/img1_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg5{
background: url(https://footseen.com/img/img2_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg6{
background: url(https://footseen.com/img/img3_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.anBg,.anBg2{
background: url(https://footseen.com/img/anbg.png) no-repeat;
background-size: 100% 100%;
width: 9.146rem;
height: 7.573rem;
position: relative;
margin: -4.5rem auto 0;
z-index: 100;
}
.anBg2{
background: url(https://footseen.com/img/anbg_en.png) no-repeat;
background-size: 100% 100%;
}
.anBtn{
width: 7.573rem;
height: 1.386rem;
position: absolute;
left: 50%;
margin-left: -3.786rem;
top: -.693rem;
z-index: 10;
}
.mBottom{
padding: 0.8rem 0 0.666rem;
width: 100%;
text-align: center;
font-size: 0;
}
.mBottom p{
font-size: 0.32rem;
color:#F3BED3;
}
.mBottom p:nth-child(2){
margin-top: 0.066rem;
}
.masking{
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 500;
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, .6);
display: none;
}
.masking img{
width: 7.933rem;
height: 3.906rem;
position: absolute;
left: 50%;
top: 1rem;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
}
.langTitle{
position: absolute;
top: 0.666rem;
left: 0.4rem;
width: 2rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
.langTitle img{
width: 0.16rem;
height: 0.146rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList{
position: absolute;
left: 0.4rem;
top: 1.2rem;
width: 2.5rem;
height: 2.7rem;
background: rgba(255,255,255,.7);
z-index: 50;
border-radius: 0.106rem;
-webkit-border-radius: 0.106rem;
-moz-border-radius: 0.106rem;
display: none;
}
.langList p{
width: 100%;
text-align: center;
font-size: 0.346rem;
color:#000;
margin-top: 0.266rem;
}
.langList p:nth-child(1){
padding-top: .2rem;
}
.topUp{
position: absolute;
top: 0.666rem;
right: 0.466rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
a:hover{
color:#FFF;
}
.mBottom{
display: none;
}
.heartbeat {
animation-name: heartbeat;
-webkit-animation-name: heartbeat;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible!important;
}
@keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
</style>
</head> </head>
<body> <body>
<div class="main"> <div class="main bg1">
<span class="langTitle"><img src="https://footseen.com/img/down.png"/><font></font></span> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png"/><font></font></span>
<div class="langList"> <div class="langList">
<p data-lang="2">繁體中文</p>
<p data-lang="1">English</p> <p data-lang="1">English</p>
<p data-lang="7">العربية</p> <p data-lang="7">العربية</p>
</div> </div>
<a class="topUp L_Ar">شحن</a> <img src="https://www.footseen.com/img/logo.png" class="logo" />
<a class="topUp L_En">Top-up</a> <a class="topUp"></a>
<div class="swiper-container swiper-container1 L_Ar"> <div class="iosDown heartbeat"></div>
<div class="swiper-wrapper"> <div class="swiper-container androidSwiper hide">
<div class="swiper-slide">
<div class="swiperImg swiperImg1"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg2"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg3"></div>
</div>
</div>
</div>
<div class="swiper-container swiper-container2 L_En">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg4"></div> <img src="https://www.footseen.com/img/animg1_cn.png"/>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg5"></div> <img src="https://www.footseen.com/img/animg2_cn.png"/>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg6"></div> <img src="https://www.footseen.com/img/animg3_cn.png"/>
</div>
</div>
</div> </div>
<div class="anBg L_Ar">
<img class="anBtn anBtn1 heartbeat" src="https://footseen.com/img/btn.png" />
</div> </div>
<div class="anBg anBg2 L_En"> <div class="swiper-pagination"></div>
<img class="anBtn anBtn2 heartbeat" src="https://footseen.com/img/btn_en.png" />
</div> </div>
<div class="mBottom"> <div class="andoridDesc"></div>
<p>www.footseen.com</p> <div class="andoridBottom"></div>
</div> <div class="arBottom"></div>
</div>
<div class="masking">
<img src="https://footseen.com/img/fx.png"/>
</div> </div>
</body> </body>
<script src="https://footseen.com/js/jquery-3.1.1.min.js"></script> <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="https://footseen.com/js/swiper.min.js"></script> <script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="https://footseen.com/js/lang.js?v=201911251528" ></script> <script type="text/javascript" src="https://www.footseen.com/js/langAndorid.js?v=202003301518" ></script>
<script src="https://footseen.com/layer-v3.1.0/layer/layer.js"></script> <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript"> <script type="text/javascript">
$('.mBottom').show();
var ua = navigator.userAgent.toLowerCase(); var ua = navigator.userAgent.toLowerCase();
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
// if (/android/.test(ua)) {
$(".anBtn1,.anBtn2").on("click", function () { $(".iosDown").on("click", function () {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent.indexOf("Line") > -1) { if (userAgent.indexOf("Line") > -1) {
if(sessionStorage.lang == 7){ if(sessionStorage.lang == 7){
...@@ -328,11 +104,10 @@ $('.mBottom').show(); ...@@ -328,11 +104,10 @@ $('.mBottom').show();
}); });
} }
}) })
// }
function gtag_report_conversion(url) { function gtag_report_conversion(url) {
setTimeout(function(){ setTimeout(function(){
window.location.href='apk'; window.location.href='https://www.footseen.com/apk';
},500) },500)
} }
......
index2.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script>
<script async src='https://www.google-analytics.com/analytics.js'></script> <script async src='https://www.google-analytics.com/analytics.js'></script>
<script> <script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
...@@ -28,268 +27,57 @@ ga('clientTracker.send', 'pageview'); ...@@ -28,268 +27,57 @@ ga('clientTracker.send', 'pageview');
<meta name="description" content=""> <meta name="description" content="">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<script src="/js/fsize.js"></script> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="/css/swiper.min.css"> <meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="/css/base.css?v=20191128185777"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" href="/layer-v3.1.0/layer.css"> <meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script>
<link rel="stylesheet" href="https://www.footseen.com/css/swiper.min.css">
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="https://www.footseen.com/css/inedx.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Foot Seen</title> <title>Foot Seen</title>
<style>
.main{
margin: 0 auto;
width: 10rem;
min-height: 100vh;
position: relative;
background-color: #E44C90;
font-size: 0;
background: url(/img/bg.jpg) no-repeat;
background-size: cover;
}
.swiper-container{
width: 10rem;
height: 16.986rem;
}
.swiperImg{
background: url(/img/img1.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
width: 10rem;
height: 16.986rem;
}
.swiperImg2{
background: url(/img/img2.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg3{
background: url(/img/img3.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg4{
background: url(/img/img1_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg5{
background: url(/img/img2_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg6{
background: url(/img/img3_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.anBg,.anBg2{
background: url(/img/anbg.png) no-repeat;
background-size: 100% 100%;
width: 9.146rem;
height: 7.573rem;
position: relative;
margin: -4.5rem auto 0;
z-index: 100;
}
.anBg2{
background: url(/img/anbg_en.png) no-repeat;
background-size: 100% 100%;
}
.anBtn{
width: 7.573rem;
height: 1.386rem;
position: absolute;
left: 50%;
margin-left: -3.786rem;
top: -.693rem;
z-index: 10;
}
.mBottom{
padding: 0.8rem 0 0.666rem;
width: 100%;
text-align: center;
font-size: 0;
}
.mBottom p{
font-size: 0.32rem;
color:#F3BED3;
}
.mBottom p:nth-child(2){
margin-top: 0.066rem;
}
.masking{
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 500;
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, .6);
display: none;
}
.masking img{
width: 7.933rem;
height: 3.906rem;
position: absolute;
left: 50%;
top: 1rem;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
}
.langTitle{
position: absolute;
top: 0.666rem;
left: 0.4rem;
width: 2rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
.langTitle img{
width: 0.16rem;
height: 0.146rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList{
position: absolute;
left: 0.4rem;
top: 1.2rem;
width: 2.5rem;
height: 2.7rem;
background: rgba(255,255,255,.7);
z-index: 50;
border-radius: 0.106rem;
-webkit-border-radius: 0.106rem;
-moz-border-radius: 0.106rem;
display: none;
}
.langList p{
width: 100%;
text-align: center;
font-size: 0.346rem;
color:#000;
margin-top: 0.266rem;
}
.langList p:nth-child(1){
padding-top: .2rem;
}
.topUp{
position: absolute;
top: 0.666rem;
right: 0.466rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
a:hover{
color:#FFF;
}
.mBottom{
display: none;
}
.heartbeat {
animation-name: heartbeat;
-webkit-animation-name: heartbeat;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible!important;
}
@keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
</style>
</head> </head>
<body> <body>
<div class="main"> <div class="main bg1">
<span class="langTitle"><img src="/img/down.png"/><font></font></span> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png"/><font></font></span>
<div class="langList"> <div class="langList">
<p data-lang="2">繁體中文</p>
<p data-lang="1">English</p> <p data-lang="1">English</p>
<p data-lang="7">العربية</p> <p data-lang="7">العربية</p>
</div> </div>
<a class="topUp L_Ar">شحن</a> <img src="https://www.footseen.com/img/logo.png" class="logo" />
<a class="topUp L_En">Top-up</a> <a class="topUp"></a>
<div class="swiper-container swiper-container1 L_Ar"> <div class="iosDown heartbeat"></div>
<div class="swiper-container androidSwiper hide">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg1"></div> <img src="https://www.footseen.com/img/animg1_cn.png"/>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg2"></div> <img src="https://www.footseen.com/img/animg2_cn.png"/>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg3"></div> <img src="https://www.footseen.com/img/animg3_cn.png"/>
</div>
</div>
</div>
<div class="swiper-container swiper-container2 L_En">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiperImg swiperImg4"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg5"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg6"></div>
</div>
</div>
</div>
<div class="anBg L_Ar">
<img class="anBtn anBtn1 heartbeat" src="/img/btn.png" />
</div>
<div class="anBg anBg2 L_En">
<img class="anBtn anBtn2 heartbeat" src="/img/btn_en.png" />
</div> </div>
<div class="mBottom">
<p>www.footseen.com</p>
</div> </div>
<div class="swiper-pagination"></div>
</div> </div>
<div class="masking"> <div class="andoridDesc"></div>
<img src="/img/fx.png"/> <div class="andoridBottom"></div>
<div class="arBottom"></div>
</div> </div>
</body> </body>
<script src="/js/jquery-3.1.1.min.js"></script> <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="/js/swiper.min.js"></script> <script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="/js/lang.js?v=201911251528" ></script> <script type="text/javascript" src="https://www.footseen.com/js/langAndorid.js?v=202003301518" ></script>
<script src="/layer-v3.1.0/layer/layer.js"></script> <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript"> <script type="text/javascript">
$('.mBottom').show();
var ua = navigator.userAgent.toLowerCase(); var ua = navigator.userAgent.toLowerCase();
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
// if (/android/.test(ua)) { // if (/android/.test(ua)) {
$(".anBtn1,.anBtn2").on("click", function () { $(".iosDown").on("click", function () {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent.indexOf("Line") > -1) { if (userAgent.indexOf("Line") > -1) {
if(sessionStorage.lang == 7){ if(sessionStorage.lang == 7){
......
ios.html
...@@ -38,264 +38,52 @@ ...@@ -38,264 +38,52 @@
<meta name="description" content=""> <meta name="description" content="">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<script src="js/fsize.js"></script> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="css/swiper.min.css"> <meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="css/base.css?v=201911251528"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" href="layer-v3.1.0/layer.css"> <meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script>
<link rel="stylesheet" href="https://www.footseen.com/css/swiper.min.css">
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="https://www.footseen.com/css/inedx.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Foot Seen</title> <title>Foot Seen</title>
<style>
.main{
margin: 0 auto;
width: 10rem;
min-height: 100vh;
position: relative;
background-color: #E44C90;
font-size: 0;
background: url(img/bg.jpg) no-repeat;
background-size: cover;
}
.swiper-container{
width: 10rem;
height: 16.986rem;
}
.swiperImg{
background: url(img/img1.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
width: 10rem;
height: 16.986rem;
}
.swiperImg2{
background: url(img/img2.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg3{
background: url(img/img3.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg4{
background: url(img/img1_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg5{
background: url(img/img2_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg6{
background: url(img/img3_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.iosBg,.iosBg2{
/*background: url(img/iosbg.png) no-repeat;
background-size: 100% 100%;
width: 9.146rem;
height: 24.413rem;*/
position: relative;
margin: -4rem auto 0;
z-index: 50;
}
.iosBg2{
/*background: url(img/iosbg_en.png) no-repeat;
background-size: 100% 100%;*/
}
.iosBtn{
width: 7.573rem;
height: 1.386rem;
position: absolute;
left: 50%;
margin-left: -3.786rem;
top: -.693rem;
z-index: 10;
}
/*.iosText{
position: absolute;
width: 3.933rem;
right: 0.45rem;
top: 15.426rem;
height: 0.8rem;
line-height: .8rem;
text-align: center;
color:#FF4999;
font-size: 0.3rem;
direction: rtl;
}*/
.mBottom{
padding: 0.8rem 0 0.666rem;
width: 100%;
text-align: center;
font-size: 0;
position: absolute;
left: 0;
bottom: 0.266rem;
text-align: center;
z-index: 100;
}
.mBottom p{
font-size: 0.32rem;
color:#F3BED3;
}
.mBottom p:nth-child(2){
margin-top: 0.066rem;
}
.langTitle{
position: absolute;
top: 0.666rem;
left: 0.4rem;
width: 2rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
.langTitle img{
width: 0.16rem;
height: 0.146rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList{
position: absolute;
left: 0.4rem;
top: 1.2rem;
width: 2.5rem;
height: 2.7rem;
background: rgba(255,255,255,.7);
z-index: 50;
border-radius: 0.106rem;
-webkit-border-radius: 0.106rem;
-moz-border-radius: 0.106rem;
display: none;
}
.langList p{
width: 100%;
text-align: center;
font-size: 0.346rem;
color:#000;
margin-top: 0.266rem;
}
.langList p:nth-child(1){
padding-top: .2rem;
}
.topUp{
position: absolute;
top: 0.666rem;
right: 0.466rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
a:hover{
color:#FFF;
}
.mBottom{
display: none;
}
.heartbeat {
animation-name: heartbeat;
-webkit-animation-name: heartbeat;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible!important;
}
@keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
</style>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<span class="langTitle"><img src="img/down.png"/><font></font></span> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png"/><font></font></span>
<div class="langList"> <div class="langList">
<p data-lang="2">繁體中文</p>
<p data-lang="1">English</p> <p data-lang="1">English</p>
<p data-lang="7">العربية</p> <p data-lang="7">العربية</p>
</div> </div>
<a class="topUp L_Ar">شحن</a> <img src="https://www.footseen.com/img/logo.png" class="logo" />
<a class="topUp L_En">Top-up</a> <a class="topUp"></a>
<div class="swiper-container swiper-container1 L_Ar"> <div class="iosDown heartbeat"></div>
<img src="https://www.footseen.com/img/live.png" class="live" />
<div class="swiper-container hide">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg1"></div> <img src="https://www.footseen.com/img/img1_cn.png"/>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg2"></div> <img src="https://www.footseen.com/img/img2_cn.png"/>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="swiperImg swiperImg3"></div> <img src="https://www.footseen.com/img/img3_cn.png"/>
</div> </div>
</div> </div>
</div> <div class="swiper-pagination"></div>
<div class="swiper-container swiper-container2 L_En">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiperImg swiperImg4"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg5"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg6"></div>
</div>
</div>
</div>
<div class="iosBg iosBg1 L_Ar">
<img class="iosBtn iosBtn1 heartbeat" src="img/btn.png" />
<!--<span class="iosText">ثقةPeach</span>-->
</div>
<div class="iosBg iosBg2 L_En">
<img class="iosBtn iosBtn2 heartbeat" src="img/btn_en.png" />
<!--<span class="iosText">Trust Peach</span>-->
</div>
<div class="mBottom">
<p>www.footseen.com</p>
</div> </div>
</div> </div>
</body> </body>
<script src="js/jquery-3.1.1.min.js"></script> <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="js/swiper.min.js"></script> <script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="js/lang.js?v=201911251528" ></script> <script type="text/javascript" src="https://www.footseen.com/js/langIos.js?v=202003301517" ></script>
<script src='layer-v3.1.0/layer/layer.js'></script> <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript"> <script type="text/javascript">
$('.mBottom').show();
var data = OpenInstall.parseUrlParams(); var data = OpenInstall.parseUrlParams();
// $('.iosBtn').on('click',function(){
// window.location.href = 'https://testflight.apple.com/join/F0dDxv20';
// })
new OpenInstall({ new OpenInstall({
appKey: "dzxj4c", appKey: "dzxj4c",
preferWakeup: true, preferWakeup: true,
...@@ -305,7 +93,7 @@ new OpenInstall({ ...@@ -305,7 +93,7 @@ new OpenInstall({
onready: function () { onready: function () {
var m = this; var m = this;
m.schemeWakeup(); m.schemeWakeup();
$(".iosBtn").on("click", function () { $(".iosDown").on("click", function () {
ga('send', 'event', { ga('send', 'event', {
eventCategory: 'ios', eventCategory: 'ios',
......
new/index2.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-134943215-2', 'auto');
ga('create', 'UA-155364301-1', 'auto','clientTracker');
ga('send', 'pageview');
ga('clientTracker.send', 'pageview');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-678006312"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-678006312');
</script>
<script>
gtag('event', 'conversion', {'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC'});
</script>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="foot fetish,foot worship,foot tickle,Foot Seen,Video streaming">
<meta name="description" content="">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script>
<link rel="stylesheet" href="https://www.footseen.com/css/swiper.min.css">
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="https://www.footseen.com/css/inedx.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Foot Seen</title>
</head>
<body>
<div class="main bg1">
<span class="langTitle"><img src="https://www.footseen.com/img/down2.png"/><font></font></span>
<div class="langList">
<p data-lang="2">繁體中文</p>
<p data-lang="1">English</p>
<p data-lang="7">العربية</p>
</div>
<img src="https://www.footseen.com/img/logo.png" class="logo" />
<a class="topUp"></a>
<div class="iosDown heartbeat"></div>
<div class="swiper-container androidSwiper hide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://www.footseen.com/img/animg1_cn.png"/>
</div>
<div class="swiper-slide">
<img src="https://www.footseen.com/img/animg2_cn.png"/>
</div>
<div class="swiper-slide">
<img src="https://www.footseen.com/img/animg3_cn.png"/>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="andoridDesc"></div>
<div class="andoridBottom"></div>
<div class="arBottom"></div>
</div>
</body>
<script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="https://www.footseen.com/js/langAndorid.js?v=202003301518" ></script>
<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase();
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
// if (/android/.test(ua)) {
$(".iosDown").on("click", function () {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent.indexOf("Line") > -1) {
if(sessionStorage.lang == 7){
$('.masking img').att('src','/img/fx.png');
$(".masking").fadeIn(500);
} else {
$('.masking img').att('src','/img/fx_en.png');
$(".masking.L_En").fadeIn(500);
}
}
else{
ga('send', 'event', {
eventCategory: 'defaultAndroid',
eventAction: 'click',
eventLabel: 'defaultAndroid'
});
ga('clientTracker.send', 'event', {
eventCategory: 'defaultAndroid',
eventAction: 'click',
eventLabel: 'defaultAndroid'
});
gtag('event', 'conversion', {
'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC',
'event_callback': gtag_report_conversion('apk')
});
}
})
// }
function gtag_report_conversion(url) {
setTimeout(function(){
window.location.href='http://footseen.com/apk';
},500)
}
$('.topUp').on('click',function(){
window.location.href = 'http://www.yabolive.tv/footseen/phonepay/applepay.html?lang='+sessionStorage.lang+'&gofrom=web';
})
</script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment