/
index.html
179 lines (151 loc) · 8.24 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
<!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>K-Quiz</title>
<!-- custom css file link -->
<link rel="stylesheet" href="./css/style.css">
<!-- google icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- swiper css link -->
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
<!-- font awesome 4 cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo"><span>K-Quiz</span></a>
<nav class="navbar">
<a href="index.html">HOME</a>
<a href="#about">ABOUT</a>
<a href="#quiz">QUIZZES</a>
</nav>
<div class="icons">
<i id="menu-btn" class="fas fa-bars"></i>
</div>
</header>
<!-- header section ends -->
<section class="image_1">
<div class="image_1row">
<div class="banner">
<img src="images/Kdrama.jpg" alt="img">
<p class="heading">How well do you know your K-dramas?<br>
<span style=" color:rgba(63, 6, 96, 0.925);
font-size: 2.2rem;
font-weight: 500;">Take these K-Quizzes to find out!!</span>
</p>
</div>
</div>
<section class="inform_about" id="about">
<div class="exer">
<h3 style="color: rgba(63,6,96,0.925);">ABOUT</h3>
<div>
<img src="images/JETLRP.png" />
</div>
<div class="exer-content">
<p>
<em>Would you call yourself the <b>"best k-drama fanatic"</b>?</em>
<br><br>
Do you love K-dramas as much as Ji Eun Tak loves radio production?
<br>
It's hardly surprising that K-dramas have become incredibly popular due to their realistic,
hilarious, and fantastic writing. K-dramas are renowned for their excellent acting, compelling
plots, and high production values that assist to create an emotional connection between the
characters and the audience.
<br><br>
K-dramas have great appeal to all age groups and people of many nations, particularly those that
are more socially conservative. The unique techniques of storytelling that K-dramas use to
address social challenges, individual struggles, and universal themes like family, friendship,
and love creates insightful content that connects with audiences throughout the world.
<br><br>
Simply said, K-dramas help us feel less alone and frequently succeed in capturing our common
human experiences and emotions.
<br><br>
It's time to test yourself and your passion for these k-dramas with these elaborate quizzes.
<br><br>
</p>
</div>
</div>
</section>
<!--quiz grid starts-->
<section class="q-grid" id="qg">
<h2 class="q-head" id="quiz" style="color: rgba(63,6,96,0.925);">QUIZ SECTION</h2>
<div class="q-boxcontain">
<div class="q-contain">
<img src="images/dots.jpg" alt="" class="image">
<div class="contents">
<h3>DESCENDANTS OF THE SUN</h3>
<p>Descendants of the Sun (태양의 후예; Taeyang-ui Huye) is a 2016 South Korean television series starring Song Joong Ki, Song Hye Kyo, Jin Goo, and Kim Ji Won.</p>
<div class="box-text">
<a href="./public/DOTS.html" style="color:#fff;"><button id="btn">Take Quiz</button></a>
</div>
</div>
</div>
<div class="q-contain">
<img src="images/goblin.jpg" alt="" class="image">
<div class="contents">
<h3>GUARDIAN: THE LONELY AND GREAT GOD</h3>
<p>Guardian: The Lonely and Great God (Kor: 쓸쓸하고 찬란하神 – 도깨비; RR: Sseulsseulhago Challanhasin – Dokkaebi) is a South Korean television series starring Gong Yoo, Kim Go-eun, Lee Dong-wook, Yoo In-na, and Yook Sung-jae.</p>
<div class="box-text">
<a href="./public/GOB.html" style="color:#fff;"><button id="btn">Take Quiz</button></a>
</div>
</div>
</div>
<div class="q-contain">
<img src="images/shryeo.jpg" alt="" class="image">
<div class="contents">
<h3>MOON LOVERS: SCARLET HEART RYEO</h3>
<p>Moon Lovers: Scarlet Heart Ryeo is a 2016 South Korean television series based on the Chinese novel Bu Bu Jing Xin by Tong Hua.</p>
<div class="box-text">
<a href="./public/SH.html" style="color:#fff;"><button id="btn">Take Quiz</button></a>
</div>
</div>
</div>
<div class="q-contain">
<img src="images/CLOY.jpg" alt="" class="image">
<div class="contents">
<h3>CRASH LANDING ON YOU</h3>
<p>Crash Landing on You is a 2020 South Korean television series about a chaebol heiress who falls in love with a North Korean KPA captain after she crash-lands into their side of the Korean DMZ.</p>
<div class="box-text">
<a href="./public/CLOY.html" style="color:#fff;"><button id="btn">Take Quiz</button></a>
</div>
</div>
</div>
<div class="q-contain">
<img src="images/SG.jpg" alt="" class="image">
<div class="contents">
<h3>SQUID GAMES</h3>
<p>Squid Game (Korean: 오징어 게임; RR: Ojing-eo Geim) is a South Korean survival drama television series created by Hwang Dong-hyuk. Its cast includes Lee Jung-jae, Park Hae-soo, Wi Ha-joon, HoYeon Jung, O Yeong-su, Heo Sung-tae, Anupam Tripathi, and Kim Joo-ryoung.</p>
<div class="box-text">
<a href="./public/SG.html" style="color:#fff;"><button id="btn">Take Quiz</button></a>
</div>
</div>
</div>
<div class="q-contain">
<img src="images/dbs.jpg" alt="" class="image">
<div class="contents">
<h3>STRONG WOMAN: DO BONG SOON</h3>
<p>Strong Girl Bong-soon (Korean: 힘쎈여자 도봉순) is a 2017 South Korean television series starring Park Bo-young as a the lead with superhuman strength, with Park Hyung-sik and Ji Soo.</p>
<div class="box-text">
<a href="./public/DBS.html" style="color:#fff;"><button id="btn">Take Quiz</button></a>
</div>
</div>
</div>
</div>
</section>
<!--quiz grid ends-->
<!-- copyright section -->
<div class="credits">
<p>All copyright of images used in this project goes to its respective owners.</p>
<p>
<h2>HacktoberFest2k22 Open Source Project | All Rights Reserved.</h2>
</p>
</div>
<script src="./js/main.js"></script>
</body>
</html>