<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>fierfire官網</title>
<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/base2.css">
<style>
.main {
width: 10rem;
height: 100vh;
margin: 0 auto;
position: relative;
background: url(./img/fire/bg.png) no-repeat;
background-size: cover;
}
.mainIcon {
width: 5.72rem;
height: 5.347rem;
position: absolute;
top: 2.4rem;
left: 50%;
transform: translateX(-50%);
}
.downloadBtn {
width: 7.52rem;
height: 1.28rem;
line-height: 1.28rem;
color: #111;
font-weight: bold;
text-align: center;
font-size: 0.4rem;
background: linear-gradient(90deg, #5fe2ff, #3098ee);
border-radius: 0.4rem;
position: absolute;
top: 12.84rem;
left: 1.28rem;
}
.contact{
width: 7.52rem;
height: 1.28rem;
line-height: 1.28rem;
color: #fff;
text-align: center;
font-size: 0.4rem;
border-radius: 0.4rem;
position: absolute;
top: 12.84rem;
left: 1.28rem;
display: none;
}
.pageFoot{
box-sizing: border-box;
padding: 0 10vw;
position: absolute;
bottom: 1.4rem;
left: 0;
}
.companyInfo{
float: left;
width: 100%;
z-index: 1;
width: 100%;
text-align: center;
color: #fff;
opacity: 0.8;
font-size: 0.28rem;
}
.showHome {
width: 50%;
float: left;
line-height: 0.8rem;
color: #fff;
opacity: 0.8;
text-align: center;
font-size: 0.32rem;
text-decoration: underline;
z-index: 2;
}
.showSupport {
width: 50%;
float: left;
line-height: 0.8rem;
color: #fff;
opacity: 0.8;
text-align: center;
font-size: 0.32rem;
text-decoration: underline;
z-index: 2;
}
</style>
</head>
<body>
<div class="main">
<img src="./img/fire/icon.png" class="mainIcon">
<div class="downloadBtn">Download</div>
<p class="contact">Contact us: kuke@firefly.live</p>
<div class="pageFoot">
<div class="showHome">Home</div>
<div class="showSupport">Support</div>
<div class="companyInfo">@copyright FIREFLY LIVE PTE LIMITED</div>
</div>
</div>
<script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script>
// /(pad|pod|iPad|iPod|ios)/i.test(navigator.userAgent)&&(head=document.getElementsByTagName('head'),viewport=document.createElement('meta'),viewport.name='viewport',viewport.content='target-densitydpi=device-dpi,width=480px,user-scalable=no',head.length>0&&head[head.length-1].appendChild(viewport))
$('.downloadBtn').on('click', function () {
window.location.href = 'https://apps.apple.com/hk/app/id1632598421';
})
$('.showHome').on('click', function () {
$('.downloadBtn').show();
$('.contact').hide();
})
$('.showSupport').on('click', function () {
$('.downloadBtn').hide();
$('.contact').show();
})
</script>
</body>
</html>