-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (83 loc) · 5.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="kpop card matching game">
<meta name="keywords" content="k-pop, kpop, games, entertainment, card games, memory game, time, score, matching,
game, web, the boyz, tbz, txt, tomorrow by together, ab6ix, astro, ateez, bts, itzy, loona, monsta x, oh my girl,
oneus, onf, red velvet, stray kids, skz, weki meki">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>~✨ K-pop Card - Pic Matching ✨~ </title>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
</script>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header><nav class="navbar fixed-top">
<div class="btn-group">
<h1>~✨ 🃏K-pop 🎲 ✨~ Cards Matching</h1>
<button id="more" type="button" class="btn btn-outline-secondary navbar-toggler" data-bs-toggle="collapse"
data-bs-target="#myNavbar" aria-controls="myNavbar" aria-expanded="false" aria-label="Toggle navigation">
⇌
</button>
</div>
<div class="collapse" id="myNavbar">
<div class="btn-group-vertical">
<button class="btn btn-outline-secondary" type="button" id="tbz">the boyz</button>
<button class="btn btn-outline-secondary" type="button" id="loona">loona</button>
<button class="btn btn-outline-secondary" type="button" id="astro">astro</button>
</div>
<div class="btn-group-vertical">
<button class="btn btn-outline-secondary" type="button" id="skz">stray kids</button>
<button class="btn btn-outline-secondary" type="button" id="bts">bts</button>
<button class="btn btn-outline-secondary" type="button" id="monstax">monsta x</button>
</div>
<div class="btn-group-vertical">
<button class="btn btn-outline-secondary" type="button" id="ohmygirl">oh my girl</button>
<button class="btn btn-outline-secondary" type="button" id="onf">onf</button>
<button class="btn btn-outline-secondary" type="button" id="oneus">oneus</button>
</div>
<div class="btn-group-vertical">
<button class="btn btn-outline-secondary" type="button" id="wekimeki">weki meki</button>
<button class="btn btn-outline-secondary" type="button" id="redvelvet">red velvet</button>
<button class="btn btn-outline-secondary" type="button" id="ateez">ateez</button>
</div>
<div class="btn-group-vertical">
<button class="btn btn-outline-secondary" type="button" id="itzy">itzy</button>
<button class="btn btn-outline-secondary" type="button" id="txt">tomorrow x together</button>
<button class="btn btn-outline-secondary" type="button" id="ab6ix">ab6ix</button>
</div>
</div>
</nav></header>
<section id="content">
<div id="welcome">
<h1> W <span><marquee width="87" height="70" behavior="alternate" direction="down"><marquee behavior="alternate">🌸</marquee></marquee></span> E
<span><marquee width="85" height="50" behavior="alternate" direction="up"> <marquee behavior="alternate">🌸</marquee></marquee></span> L
<span><marquee width="85" height="50" behavior="alternate" direction="left"><marquee behavior="alternate">🌸</marquee></marquee></span> C
<span><marquee width="85" height="50" behavior="alternate" direction="down"><marquee behavior="alternate">🌸</marquee></marquee></span> O
<span><marquee width="85" height="50" behavior="alternate" direction="up"> <marquee behavior="alternate">🌸</marquee></marquee></span> M
<span><marquee width="85" height="50" behavior="alternate" direction="left"><marquee behavior="alternate">🌸</marquee></marquee></span> E </h1>
<h2><marquee direction="down" width="900" height="200" behavior="alternate"><marquee behavior="alternate">🌸✨PLAY🌺🌸&✨✨ENJOY🌺🌸✨🌺</marquee></marquee></h2>
</div><br/>
</section>
<div id="external_page" style="display: none; " >
<iframe src="" style="border: none; width:100%; height:700px;"></iframe>
</div>
<footer>
<h1><marquee behavior="alternate" direction="left">🌠~~
🌺🌸✨✧*｡٩(ˊᗜˋ*)و✧*｡✨🌸🌺
~~🌠
</marquee><marquee behavior="alternate" direction="right">
🌸✨🌺🌸✨🌺🌸✨🌺
</marquee>
Copyright © 2021 <a href="https://mobile.twitter.com/salaninalgae" target="_blank"
data-toggle="tooltip" title="~TW acc to write to me requests
about adding groups~"> Aiyumi S2</a>, For Entertainment, All rights reserved.</h1><br>
</footer>
<script src="./js/Main.js"></script>
</body>
</html>