-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
528 lines (469 loc) · 28.2 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
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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="./assets/images/ico_wr.ico">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/css/style.css">
<script src="./assets/js/script.js"></script>
<link rel="stylesheet" href="./assets/css/tailwind.css">
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
<link href="https://unpkg.com/movement.css/movement.css" rel="stylesheet">
<!-- Primary Meta Tags -->
<title>WR MK8DX bot</title>
<meta name="title" content="WR MK8DX Bot" />
<meta name="description" content="The best discord bot can give you infomation about world record stuff in mario kart game!" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="../images/icowr.ico" />
<meta property="og:title" content="WR MK8DX Bot" />
<meta property="og:description" content="The best discord bot can give you infomation about world record stuff in mario kart game!" />
<meta property="og:image" content="https://cdn.discordapp.com/attachments/1176922445941313617/1181838263313498122/Rip.png?ex=658283a7&is=65700ea7&hm=6b17082d0153d9180b52f35c0a3a35732a70204f18b4db25bc55668639d704a8&" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://metatags.io/" />
<meta property="twitter:title" content="WR MK8DX Bot" />
<meta property="twitter:description" content="The best discord bot can give you infomation about world record stuff in mario kart game!" />
<meta property="twitter:image" content="https://cdn.discordapp.com/attachments/1176922445941313617/1181838263313498122/Rip.png?ex=658283a7&is=65700ea7&hm=6b17082d0153d9180b52f35c0a3a35732a70204f18b4db25bc55668639d704a8&" />
<!-- Meta Tags Generated with https://metatags.io -->
</head>
<body>
<br>
<div class="w-full text-white">
<div x-data="{ open: false }"
class="w-full flex flex-col max-w-screen-xl px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-4 lg:px-4">
<div class="p-6 flex flex-row items-center justify-between">
<a href="#" class="py-2 mt-2 text-lg font-semibold rounded-lg text-white ">WR MK8DX</a>
<button class="text-white md:hidden rounded-lg focus:outline-none focus:shadow-outline" @click="open = !open">
<svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
<path x-show="!open" fill-rule="evenodd"
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
clip-rule="evenodd"></path>
<path x-show="open" fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
<nav :class="{'flex': open, 'hidden': !open}"
class=" flex-col flex-grow pb-4 md:pb-0 hidden md:flex md:justify-end md:flex-row">
<a class="px-4 py-2 mt-2 text-lg font-semibold bg-gray-200 rounded-lg bg-gray-700 hover:bg-yellow-600 focus:text-white hover:text-white text-gray-200 md:mt-0 bg-yellow-600" href="
#">Blog</a>
</div>
</nav>
</div>
<section class="">
<div class="grid max-w-screen-xl px-4 py-36 mx-auto lg:gap-8 xl:gap-0 lg:py-42 lg:grid-cols-12">
<div class="mr-auto place-self-center lg:col-span-7">
<h1 data-m="bounce-right"
class="max-w-2xl mb-4 text-4xl font-extrabold tracking-tight leading-none md:text-5xl xl:text-6xl ">24/7
WR MK8DX Bot</h1>
<p data-m="bounce-right"class="max-w-2xl mb-6 font-sans text-gray-300 lg:mb-8 md:text-lg lg:text-xl ">display world record table stuff in discord platform you can find with any track using abbr
</p>
<a data-m="bounce-up" href="https://discord.com/oauth2/authorize?client_id=1176807126618878033"
class=" invite-btn inline-flex items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center text-white rounded-lg bg-white">
Invite Now
<svg class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</a>
<a data-m="bounce-up" href="https://www.patreon.com/Pondsan1412"
class="inline-flex items-center justify-center px-5 py-3 text-base font-medium text-center text-black bg-white rounded-lg ">
donate & get premium
</a>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#6d0003" fill-opacity="1"
d="M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,250.7C960,267,1056,245,1152,250.7C1248,256,1344,288,1392,304L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z">
</path>
</svg>
</section>
<section class="section-1">
<!--
<h1 class="text-center mx-auto text-white text-3xl py-32 lg:text-6xl"><span style="color: #e6aa1f;"> 24/7 </span> lofi radio bot with multiple radio stations & Hindi lofi</h1>
-->
<section class="">
<div data-m="bounce-right"
class="gap-8 items-center py-8 px-4 mx-auto max-w-screen-xl xl:gap-16 md:grid md:grid-cols-2 sm:py-16 lg:px-6">
<img class="w-full dark:hidden" src="https://img2.pic.in.th/pic/150cc_show.md.png" alt="dashboard image">
<img class="w-full hidden dark:block" src="https://img2.pic.in.th/pic/150cc_show.md.png" alt="dashboard image">
<div data-m="bounce-left" class="mt-4 md:mt-0">
<h2 class="mb-4 tracking-wide text-5xl tracking-tight font-extrabold text-white "><span
style="color: #e6aa1f; position: relative;">?wr rMC<img style="position: absolute;"
src="./assets/images/line-1.gif" width="75px" /></span>
easy to use command and dont worry we have track abbrreviasions for who doesn't know</h2>
<p class="mb-6 font-light text-gray-500 md:text-lg ">you can click swap cc between 200cc and 150cc buttons and yes you can decided how you can watch by blueple and grey button! <span
class="badge badge-lg">/?help</span></p>
<a href="#" class="inline-flex items-center text-black bg-white rounded px-5 py-2">
Invite Now
<svg class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</section>
</section>
<section style="background-color: #e6aa1f;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#6d0003" fill-opacity="1"
d="M0,256L48,250.7C96,245,192,235,288,208C384,181,480,139,576,106.7C672,75,768,53,864,69.3C960,85,1056,139,1152,165.3C1248,192,1344,192,1392,192L1440,192L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z">
</path>
</svg>
<div class="px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20"
id="features">
<div class="max-w-xl mb-10 md:mx-auto sm:text-center lg:max-w-2xl md:mb-12">
<div>
<p
class="inline-block px-3 py-px mt-22 text-xs font-semibold tracking-wider text-teal-900 uppercase rounded-full bg-teal-accent-400">
FEATURES
</p>
</div>
<h2 class="max-w-lg mb-6 text-3xl font-bold leading-none tracking-tight text-gray-900 sm:text-4xl md:mx-auto">
<span class="relative inline-block">
<span class="relative">What</span>
</span>
exactly does WR MK8DX offer?
</h2>
<p class="text-base text-gray-700 md:text-lg">
Learn why you should start using WR MK8DX now.
</p>
</div>
<div
class="grid max-w-screen-lg mx-auto space-y-6 lg:grid-cols-2 lg:space-y-0 lg:divide-x items-center text-center">
<div class="space-y-6 sm:px-16 mx-auto">
<div class="flex flex-col max-w-md sm:flex-row items-center">
<div class="mb-4 mr-4">
<div class="flex items-center justify-center w-12 h-12 rounded-full ">
<svg fill="#ffff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M21.3,10.08A3,3,0,0,0,19,9H14.44L15,7.57A4.13,4.13,0,0,0,11.11,2a1,1,0,0,0-.91.59L7.35,9H5a3,3,0,0,0-3,3v7a3,3,0,0,0,3,3H17.73a3,3,0,0,0,2.95-2.46l1.27-7A3,3,0,0,0,21.3,10.08ZM7,20H5a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1H7Zm13-7.82-1.27,7a1,1,0,0,1-1,.82H9V10.21l2.72-6.12A2.11,2.11,0,0,1,13.1,6.87L12.57,8.3A2,2,0,0,0,14.44,11H19a1,1,0,0,1,.77.36A1,1,0,0,1,20,12.18Z" />
</svg>
</div>
</div>
<div>
<h6 class="mb-3 text-xl font-bold leading-5">Easy to use</h6>
<p class="text-sm text-gray-900">
Simple command use like <span class="badge">?help</span> or <span class="badge">?wr rMC</span>.
and / is support too .
</p>
</div>
</div>
<div class="flex flex-col max-w-md sm:flex-row items-center">
<div class="mb-4 mr-4 ">
<div class="flex items-center justify-center w-12 h-12 rounded-full ">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="">
<path stroke-linecap="round" stroke-linejoin="round"
d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
</div>
<div>
<h6 class="mb-3 text-xl font-bold leading-5">24/7*</h6>
<p class="text-sm text-gray-900">
Our bot offers 24/7 playback.
</p>
</div>
</div>
<div class="flex flex-col max-w-md sm:flex-row items-center">
<div class="mb-4 mr-4">
<div class="flex items-center justify-center w-12 h-12 rounded-full ">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" />
</svg>
</div>
</div>
<div>
<h6 class="mb-3 text-xl font-bold leading-5">we are the one</h6>
<p class="text-sm text-gray-900">
we are tracking every newest world record and older world record just dont worry we know everything about players wolrd record and we are keep an eyes on specific track and player!
</p>
</div>
</div>
</div>
<div class="space-y-6 sm:px-16">
<div class="flex flex-col max-w-md sm:flex-row items-center">
<div class="mb-4 mr-4">
<div class="flex items-center justify-center w-12 h-12 rounded-full ">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z" />
</svg>
</div>
</div>
<div>
<h6 class="mb-3 text-xl font-bold leading-5">staff are always listening</h6>
<p class="text-sm text-gray-900">
we have staff to listen new bugs or report stuff
</p>
</div>
</div>
<div class="flex flex-col max-w-md sm:flex-row items-center">
<div class="mb-4 mr-4">
<div class="flex items-center justify-center w-12 h-12 rounded-full ">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 01-.825-.242m9.345-8.334a2.126 2.126 0 00-.476-.095 48.64 48.64 0 00-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0011.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
</svg>
</div>
</div>
<div>
<h6 class="mb-3 text-xl font-bold leading-5">Awesome Support</h6>
<p class="text-sm text-gray-900">
Join our discord server for 24/7 support if you encounter any issues or have any questions.
</p>
</div>
</div>
<div class="flex flex-col max-w-md sm:flex-row items-center">
<div class="mb-4 mr-4">
<div class="flex items-center justify-center w-12 h-12 rounded-full ">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M8.288 15.038a5.25 5.25 0 017.424 0M5.106 11.856c3.807-3.808 9.98-3.808 13.788 0M1.924 8.674c5.565-5.565 14.587-5.565 20.152 0M12.53 18.22l-.53.53-.53-.53a.75.75 0 011.06 0z" />
</svg>
</div>
</div>
<div>
<h6 class="mb-3 text-xl font-bold leading-5">99% uptime</h6>
<p class="text-sm text-gray-900">
Backend systems are regularly being maintained and updated to ensure stability and reliability.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-white text-center">Lofi Beats Live stats</h2>
<div class="px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20 content-center item-center">
<div class="grid grid-cols-3 row-gap-8 md:grid-cols-3 text-white ">
<div class="text-center md:border-r ">
<h6 class="text-4xl font-bold lg:text-5xl xl:text-6xl server"></h6>
<p class="text-sm font-medium tracking-widest text-white uppercase lg:text-base">
Servers
</p>
</div>
<div class="text-center md:border-r ">
<h6 class="text-4xl font-bold lg:text-5xl xl:text-6xl time"></h6>
<p class="text-sm font-medium tracking-widest text-white uppercase lg:text-base">
Uptime
</p>
</div>
<div class="text-center ">
<h6 class="text-4xl font-bold lg:text-5xl xl:text-6xl user"></h6>
<p class="text-sm font-medium tracking-widest text-white uppercase lg:text-base">
Users
</p>
</div>
</div>
</div> -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#00000" fill-opacity="1"
d="M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,250.7C960,267,1056,245,1152,250.7C1248,256,1344,288,1392,304L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z">
</path>
</svg>
</section>
<section class="bg-black">
<!-- MDI Icons -->
<!-- Page Container -->
<div class="flex items-center justify-center min-h-screen py-48">
<div class="flex flex-col">
<!-- Notes -->
<div class="flex flex-col mt-8">
<!-- Meet the Team -->
<div class="container max-w-7xl px-4">
<!-- Section Header -->
<div class="flex flex-wrap justify-center text-center mb-24">
<div class="w-full lg:w-6/12 px-4">
<!-- Header -->
<h1 class="text-white text-4xl font-bold mb-8">
Meet the Team
</h1>
<!-- Description -->
<p class="text-gray-300 text-lg font-light">
</p>
</div>
</div>
<!-- Team Members -->
<div class="flex flex-wrap justify-center">
<!-- Member #1 -->
<div class="w-full md:w-6/12 lg:w-4/12 mb-6 px-6 sm:px-6 lg:px-4">
<div class="flex flex-col">
<!-- Avatar -->
<a href="https://twitter.com/Pondmk1412" class="mx-auto">
<img class="rounded-2xl drop-shadow-md hover:drop-shadow-xl transition-all duration-200 delay-100"
src="https://img2.pic.in.th/pic/pond.jpeg">
</a>
<!-- Details -->
<div class="text-center mt-6">
<!-- Name -->
<h1 class="text-white text-xl font-bold mb-1">
Pondsan1412
</h1>
<!-- Title -->
<div class="text-gray-200 text-sm font-light mb-2">
Web & Bot developer
</div>
<!-- Social Icons -->
<div class="flex items-center justify-center opacity-50 hover:opacity-100
transition-opacity duration-300">
<!-- Linkedin -->
<a href="#" class="flex rounded-full hover:bg-indigo-50 h-10 w-10">
<i class="mdi mdi-linkedin text-indigo-500 mx-auto mt-2"></i>
</a>
<!-- Twitter -->
<a href="#" class="flex rounded-full hover:bg-blue-50 h-10 w-10">
<i class="mdi mdi-twitter text-blue-300 mx-auto mt-2"></i>
</a>
<!-- Instagram -->
<a href="#" class="flex rounded-full hover:bg-orange-50 h-10 w-10">
<i class="mdi mdi-instagram text-orange-400 mx-auto mt-2"></i>
</a>
</div>
</div>
</div>
</div>
<!-- Member #2 -->
<div class="w-full md:w-6/12 lg:w-4/12 mb-6 px-6 sm:px-6 lg:px-4">
<div class="flex flex-col">
<!-- Avatar -->
<a href="https://twitter.com/Zquka/media" class="mx-auto">
<img class="rounded-2xl drop-shadow-md hover:drop-shadow-xl transition-all duration-200 delay-100"
src="https://scontent.fbkk28-1.fna.fbcdn.net/v/t1.6435-9/51655232_10218179155741104_9040310557785194496_n.jpg?_nc_cat=108&ccb=1-7&_nc_sid=7b2446&_nc_eui2=AeGYu9qO6w5hQZAZwMYAqolmujnpVHpSy0q6OelUelLLSlzvtZDc7HzTUtoXOJrGnD42igtKaMArlQb6efMHqCwD&_nc_ohc=OAoxYlsJTxYQ7kNvgEIKdRO&_nc_ht=scontent.fbkk28-1.fna&oh=00_AYAyhNz-3QDDOBd8Bq1McYcLLwPzqB0TLX_A_4rmnjZfjw&oe=66A30AFF" width="520">
</a>
<!-- Details -->
<div class="text-center mt-6">
<!-- Name -->
<h1 class="text-white text-xl font-bold mb-1">
Zquka
</h1>
<!-- Title -->
<div class="text-gray-200 text-sm font-light mb-2">
tester/staff/helper/programmer
</div>
<!-- Social Icons -->
<div class="flex items-center justify-center opacity-50 hover:opacity-100
transition-opacity duration-300">
<!-- Linkedin -->
<a href="#" class="flex rounded-full hover:bg-indigo-50 h-10 w-10">
<i class="mdi mdi-linkedin text-indigo-700 mx-auto mt-2"></i>
</a>
<!-- Twitter -->
<a href="#" class="flex rounded-full hover:bg-blue-50 h-10 w-10">
<i class="mdi mdi-twitter text-blue-400 mx-auto mt-2"></i>
</a>
<!-- Instagram -->
<a href="#" class="flex rounded-full hover:bg-orange-50 h-10 w-10">
<i class="mdi mdi-instagram text-orange-400 mx-auto mt-2"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class=" text-gray-100 px-8 py-12 bg-black" id="contact">
<div class="text-center w-full">
<svg class="text-gray-100 h-8 mx-auto" fill=currentColor viewBox="0 0 150 29" version="1.1"
xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
</svg>
</div>
<div id="status"></div>
</section>
<footer class="bg-white dark:bg-gray-900">
<div class="container p-6 mx-auto">
<div class="lg:flex">
<div class="w-full -mx-6 lg:w-2/5">
<div class="px-6">
<div>
<a href="#"
class="text-xl font-bold text-gray-800 dark:text-white hover:text-gray-700 dark:hover:text-gray-300">WR MK8DX</a>
</div>
<p class="max-w-sm mt-2 text-gray-500 dark:text-gray-400">The best displaying world record table bot.</p>
<div class="flex mt-6 -mx-2">
<a href="https://twitter.com/wrmk8dxbot"
class="mx-2 text-gray-600 transition-colors duration-300 dark:text-gray-300 hover:text-blue-500 dark:hover:text-blue-400"
aria-label="Twitter">
<svg class="w-5 h-5 fill-current" viewBox="328 355 335 276" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M 630, 425
A 195, 195 0 0 1 331, 600
A 142, 142 0 0 0 428, 570
A 70, 70 0 0 1 370, 523
A 70, 70 0 0 0 401, 521
A 70, 70 0 0 1 344, 455
A 70, 70 0 0 0 372, 460
A 70, 70 0 0 1 354, 370
A 195, 195 0 0 0 495, 442
A 67, 67 0 0 1 611, 380
A 117, 117 0 0 0 654, 363
A 65, 65 0 0 1 623, 401
A 117, 117 0 0 0 662, 390
A 65, 65 0 0 1 630, 425
Z">
</path>
</svg>
</a>
<a href="https://github.com/pondsan1412"
class="mx-2 text-gray-600 transition-colors duration-300 dark:text-gray-300 hover:text-blue-500 dark:hover:text-blue-400"
aria-label="Github">
<svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12.026 2C7.13295 1.99937 2.96183 5.54799 2.17842 10.3779C1.395 15.2079 4.23061 19.893 8.87302 21.439C9.37302 21.529 9.55202 21.222 9.55202 20.958C9.55202 20.721 9.54402 20.093 9.54102 19.258C6.76602 19.858 6.18002 17.92 6.18002 17.92C5.99733 17.317 5.60459 16.7993 5.07302 16.461C4.17302 15.842 5.14202 15.856 5.14202 15.856C5.78269 15.9438 6.34657 16.3235 6.66902 16.884C6.94195 17.3803 7.40177 17.747 7.94632 17.9026C8.49087 18.0583 9.07503 17.99 9.56902 17.713C9.61544 17.207 9.84055 16.7341 10.204 16.379C7.99002 16.128 5.66202 15.272 5.66202 11.449C5.64973 10.4602 6.01691 9.5043 6.68802 8.778C6.38437 7.91731 6.42013 6.97325 6.78802 6.138C6.78802 6.138 7.62502 5.869 9.53002 7.159C11.1639 6.71101 12.8882 6.71101 14.522 7.159C16.428 5.868 17.264 6.138 17.264 6.138C17.6336 6.97286 17.6694 7.91757 17.364 8.778C18.0376 9.50423 18.4045 10.4626 18.388 11.453C18.388 15.286 16.058 16.128 13.836 16.375C14.3153 16.8651 14.5612 17.5373 14.511 18.221C14.511 19.555 14.499 20.631 14.499 20.958C14.499 21.225 14.677 21.535 15.186 21.437C19.8265 19.8884 22.6591 15.203 21.874 10.3743C21.089 5.54565 16.9181 1.99888 12.026 2Z">
</path>
</svg>
</a>
</div>
</div>
</div>
<div class="mt-6 lg:mt-0 lg:flex-1">
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<div>
<h3 class="text-gray-700 uppercase dark:text-white">Get Links</h3>
<a href="https://discord.gg/WhMjFs6j" class="block mt-2 text-sm text-gray-600 dark:text-gray-400 hover:underline">Discord server</a>
<a href="https://discord.com/oauth2/authorize?client_id=1176807126618878033&permissions=8&scope=bot" class="block mt-2 text-sm text-gray-600 dark:text-gray-400 hover:underline">Invite the bot</a>
<a href="term.html" class="block mt-2 text-sm text-gray-600 dark:text-gray-400 hover:underline">Terms &
Conditions</a>
<a href="legal_notices.html" class="block mt-2 text-sm text-gray-600 dark:text-gray-400 hover:underline">Legal notices</a>
</div>
<div>
<h3 class="text-gray-700 uppercase dark:text-white"></h3>
<a href="#" class="block mt-2 text-sm text-gray-600 dark:text-gray-400 hover:underline"></a>
</div>
<div>
<h3 class="text-gray-700 uppercase dark:text-white">Contact</h3>
<span
class="block mt-2 text-sm text-gray-600 dark:text-gray-400 hover:underline">wrmkbot.site@domainsbyproxy.com</span>
</div>
</div>
</div>
</div>
<hr class="h-px my-6 bg-gray-200 border-none dark:bg-gray-700">
<div>
<p class="text-center text-gray-500 dark:text-gray-400">© WR MK8DX <span id="date"></span> - All rights
reserved</p>
</div>
</div>
</footer>
<script>
const d = new Date();
let year = d.getFullYear();
document.getElementById("date").innerHTML = year;
</script>
</body>
</html>