index.html
2.05 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<html>
<head>
<meta charset="utf-8"/>
<title>App</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<style>
section {
display: block;
max-width: 94%;
background: #164277;
margin: 0 auto 1em;
height: 110px;
border-radius: .5em;
}
section > div {
font-size: small;
padding:6px;
position: relative;
top: 40%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.overall-container{
height:100%;
width:100%;
position:relative;
overflow:hidden;
}
.app-title{
font-family: myriad pro;
font-size:38px;
font-weight:700;
color:white;
margin-top:10px;
text-align:center;
}
</style>
</head>
<body style="background: url(bg.jpg) center center no-repeat; background-size:cover; font-size: 12pt;">
<div align="center" class="overall-container"><img style="margin-top:10%; width:80%; height:auto;" src="bg-1.png"/>
<div>
<p class="app-title">WOWECOIN</p>
</div>
<div></div><img style="width:40%; height:auto; margin:0 5px;" src="Google-Play-Transparent-border.png"/><img style="width:40%; height:auto; margin:0 5px;" src="apple_store_icon.png"/>
</div>
<script src="file:///C|/Users/Hao/Downloads/Telegram Desktop/modernizr.js"></script>
<script src="file:///C|/Users/Hao/Downloads/Telegram Desktop/detectizr.js"></script>
<script>
var android = document.querySelector("#android");
var ios = document.querySelector("#ios");
var desktop = document.querySelector("#desktop");
if(Detectizr.os.name == 'android'){
android.style.display = "block";
location.replace("market://details?id=com.incredibleqr.wowecoin&hl=en");
} else if(Detectizr.os.name == 'ios'){
ios.style.display = "block";
} else if(Detectizr.device.type == 'desktop'){
desktop.style.display = "block";
} else {
}
</script>
</body>
</html>