-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (118 loc) · 5.83 KB
/
index.html
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>POPIna</title>
<link rel="shortcut icon" type="image/jpg" href="favicon.ico" />
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css"
integrity="sha512-Cv93isQdFwaKBV+Z4X8kaVBYWHST58Xb/jVOcV9aRsGSArZsgAnFIhMpDoMDcFNoUtday1hdjn0nGp3+KZyyFw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body onload="startCount()">
<div class="container">
<h1>POPIna</h1>
<p id="score">0</p>
<img src="popIna1.png" alt="Invalid" id="popIna1" height="600px">
<div class="tabs">
<div class="tab">
<input type="checkbox" id="chck1">
<label class="tab-label" for="chck1">
<i class="fas fa-trophy" style="color: gold; margin: 0px 10px 0px 10px; margin-left: -25px;
margin-right: 30px;"></i>
#1 <span class="flag-icon flag-icon-hk" style="margin: 0px 10px 0px 10px;"></span>120.3B
LeaderBoard <span class="flag-icon flag-icon-tw" style="margin: 0px 10px 0px 10px;"></span>
<span id="my_score">10000</span>
</label>
<div class="tab-content">
<table id="table">
<tr class="bordered" id="somerow">
<td></td>
<td><i class="fa fa-globe" style="color: blue;"></i></td>
<td>WorldWide</td>
<td id="wide_score">455,615,518,558</td>
</tr>
<tr class="bordered">
<td><i class='fas fa-medal' style="color: gold;"></i></td>
<td><span class="flag-icon flag-icon-hk"></span></td>
<td>Hong Kong</td>
<td id="wide_score">19</td>
</tr>
<tr class="bordered">
<td><i class='fas fa-medal' style="color: silver;"></i></td>
<td><span class="flag-icon flag-icon-tw"></span></td>
<td><b>Taiwan</b></td>
<td id="wide_score">14</td>
</tr>
<tr class="bordered">
<td><i class='fas fa-medal' style="color: brown;"></i></td>
<td><span class="flag-icon flag-icon-th"></span></td>
<td>Thailand</td>
<td id="wide_score">13</td>
</tr>
<tr class="bordered">
<td>4</td>
<td><span class="flag-icon flag-icon-jp"></span></td>
<td>Japan</td>
<td id="wide_score">11</td>
</tr>
<tr class="bordered">
<td>5</td>
<td><span class="flag-icon flag-icon-my"></span></td>
<td>Malaysia</td>
<td id="wide_score">15</td>
</tr>
<tr class="bordered">
<td>6</td>
<td><span class="flag-icon flag-icon-fi"></span></td>
<td>Finland</td>
<td id="wide_score">17</td>
</tr>
<tr class="bordered">
<td>7</td>
<td><span class="flag-icon flag-icon-se"></span></td>
<td>Sweden</td>
<td id="wide_score">13</td>
</tr>
<tr class="bordered">
<td>8</td>
<td><span class="flag-icon flag-icon-pl"></span></td>
<td>Poland</td>
<td id="wide_score">14</td>
</tr>
<tr class="bordered">
<td>9</td>
<td><span class="flag-icon flag-icon-dk"></span></td>
<td>Denmark</td>
<td id="wide_score">18</td>
</tr>
<tr class="bordered">
<td>10</td>
<td><span class="flag-icon flag-icon-id"></span></td>
<td>Indonesia</td>
<td id="wide_score">12</td>
</tr>
<tr class="bordered">
<td>11</td>
<td><span class="flag-icon flag-icon-hu"></span></td>
<td>Hungary</td>
<td id="wide_score">11</td>
</tr>
<tr class="bordered">
<td>12</td>
<td><span class="flag-icon flag-icon-rs"></span></td>
<td>Serbia</td>
<td id="wide_score">11</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>