forked from HACKED210/TopUpGames
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwheel.html
199 lines (174 loc) · 9.07 KB
/
wheel.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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- ========CDN LINK BOOTSTRAP=========== -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="asset/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="asset/font-awesome/css/all.css" />
<!-- ============LINK STYLE ===============-->
<link rel="stylesheet" href="asset/css/style.css"/>
<title>N store</title>
</head>
<body class="d-flex flex-column min-vh-100">
<!-- ==========NAVIGASI BAR============== -->
<nav class="navbar navbar-expand-lg shadow navbar-dark bg-dark" >
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="asset/img/brand.png" width="40" height=34>
</a>
<!-- BUTTON DROPDOWN -->
<button class="navbar-toggler text-secondary border border-secondary border-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-dark"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 val">
<li class="nav-item">
<a class="nav-link text-light" aria-current="page" href="index.html"><i class="fa-solid fa-house-user home"></i>Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="cek.html"><i class="fa-solid fa-magnifying-glass home"></i>chack invoice</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-light" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fa-solid fa-calculator home"></i>
Calculator ML
</a>
<ul class="dropdown-menu text-white navbar-dark bg-dark" aria-labelledby="">
<li><a class="dropdown-item text-light" href="wr.html"><i class="fa-solid fa-id-card home"></i>hitung wr ml</a></li>
<li><a class="dropdown-item text-light" href="zodiak.html"><i class="fa-solid fa-id-card home"></i>hp zodiak</a></li>
<li><a class="dropdown-item text-light" href="wheel.html"><i class="fa-solid fa-id-card home"></i>hp magic wheel</a></li>
</ul>
</div>
</div>
</nav>
<!--=========RANGE DIAMOND==============-->
<div class="container range-zodiak">
<div class="row my-5">
<div class="col-sm-5 col-12 mb-5">
<img src="asset/img/brand.png" class="mlImg" alt="MobileLegends" width="23%"/>
<h5 class="text-white mt-3 mb-1">Kalkulator Magic Wheel</h5>
<small class="text-white">Kalkulator Magic Wheel berfungsi untuk mengetahui total maksimal diamond yang kamu butuhkan untuk mendapatkan skin LEGEND.<br /></small>
</div>
<div class="col-sm-7 col-12">
<form method="post" target="">
<div class="row">
<h5 class="mb-2 text-white" style="font-size:1em;">Geser Sesuai Point Magic Wheel Anda</h5>
<div class="col-12 col-lg-8 mb-5">
<div class="slidecontainer">
<p> </p>
<span>
<span color='white'>Star Point Anda :
</span >
</span>
<span id="f" style="font-weight:bold;color:#30cdf8"></span><br />
<input type="range" min="0" max="199" value="100" name="sld6" class="slider" id="myRange" onchange="show_value2(this.value)" data-cf-modified-9ff0d2b3622356971d920874-="">
<span color='white'>Membutuhkan Maksimal : </span>
<span id="slider_value2" style="color:white;font-weight:bold;">
</span>
<i class="fas fa-gem" style="color: #00c8c8"></i><br>
</div>
<br>
<a href="https://www.ourastore.com" class="d-flex align-items-center btn btn-confrim px-4 py-2 btn-lg border" style="background-color:#b18f45;">
<span class="content-justify-center" style="color: white;">Klik Untuk Membeli Diamond</span>
</a>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- JAVASCRIPT VALIDASI RANGE -->
<script type="text/javascript" charset="utf-8">
function show_value2(x) {
if (x < 196) {
sisa_spin = 200 - x;
jumlah_spin = Math.ceil(sisa_spin / 5);
yz = jumlah_spin * 270;
}
if (x > 195) {
sisa_spin = 200 - x;
yz = sisa_spin * 60;
}
document.getElementById("slider_value2").innerHTML = yz;
}
</script>
<!-- VALUE RANGE SLIDE -->
<script type="text/javascript" charset="utf-8">
var slideCol = document.getElementById("myRange");
var y = document.getElementById("f");
y.innerHTML = slideCol.value;
slideCol.oninput = function() {
y.innerHTML = this.value;
}
</script>
<!-- ===============FOOTER============== -->
<div class="container-status" style="margin-top:4rem;">
<div class="wrapper-status">
<img src="asset/img/brand.png" alt="BRAND" width="40" height="34" style="margin-left:20px;">
<a class="brand-status" style="font-size:1.1em;">VAL STORE</a>
<span class="garis-2"></span>
<p class="promosi">VAL STORE adalah tempat top up games yang aman, murah dan terpercaya. Proses cepat 1-3 Detik. Open 24 jam. Payment terlengkap. Jika ada kendala silahkan klik logo CS pada kanan bawah di website ini.</p>
</div>
</div>
<footer>
<div class="container-menu">
<div class="wrapper-menu" id="colorList">
<p class="menu">Menu</p>
<ul class="ul-menu">
<li><a href="index.html" class="menu-list" id="listColor1"><span>></span> home</a></li>
<li><a href="wr.html" class="menu-list"id="listColor3"><span>></span> hitung WR</a></li>
<li><a href="wheel.html" class="menu-list" id="listColor2"><span>></span> hitung point magic wheel<a/></li>
</ul>
<p class="service">other service</p>
<ul class="ul-service">
<li><a href="" class="service-list"><span>></span> point blank</a></li>
<li><a href="" class="service-list"><span>></span> super sus</a></li>
<li><a href="" class="service-list"><span>></span> genshin impact</a></li>
</ul>
</div>
</div>
<div class="container-end" id="footer">
<div class="wrapper-end">
<a class="enda2">Copyright © 2021 by <a class="enda">VAL STORE</a><a class="enda2">All Rights Reserved. Owned by PT NOVAL STORE INDONESIA</a><a class="enda">Terms and conditions</a> - <a class="enda">Privacy Policy</a></a>
</div>
</div>
</footer>
<!-- ========CALL CENTER CONTACT========== -->
<div class="fab-container">
<div class="fab fab-icon-holder" style="background-color:#FFF; padding:5px">
<img src="asset/img/dinda.jpg" class="img-fluid" alt="" loading="lazy">
</div>
<ul class="fab-options">
<li>
<a href="https://www.instagram.com/novalsyahhhh/" class="text-decoration-none" target="_blank">
<div class="fab-icon-holder" style="background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);">
<i class="fab fa-instagram"></i>
</div>
</a>
</li>
<li>
<a href="https://wa.me/6285748638453" class="text-decoration-none" target="_blank">
<div class="fab-icon-holder" style="background-color: #25D366;">
<i class="fab fa-whatsapp"></i>
</div>
</a>
</li>
<li>
<a href="https://www.tiktok.com/@valsyahh_?_t=8Yyh1RapBNy&_r=1" class="text-decoration-none" target="_blank">
<div class="fab-icon-holder" style="background-color: #5865F2;">
<i class="fab fa-tiktok"></i>
</div>
</a>
</li>
</ul>
<a href="#" class="act-btn-top text-decoration-none" onclick="toTop()" style="display: none; background-color: #bd4cae; bottom: 19px;" data-cf-modified-3b8231d928fbd77a69f52826-="">
<i class="fas fa-angle-up mt-2"></i>
</a>
</div>
<script src="asset/js/dark.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="asset/js/main.js"></script>
</body>
</html>