-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (158 loc) · 9.43 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
<!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">
<link rel="shortcut icon" href="assets/icon-logo.png" type="image/x-icon">
<title>Running Man</title>
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<header id="home">
<nav>
<div class="container">
<img src="assets/header-logo.png" alt="logo" class="logo">
<div class="nav-menu">
<ul>
<li>
<a href="#home">
<span>Home</span>
</a>
</li>
<li>
<a href="#about">
<span>About</span>
</a>
</li>
<li>
<a href="#gallery">
<span>Gallery</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="flex-container-column jumbotron">
<div class="flex-container-row container">
<div class="box-element text-element">
<h1><span>Running Man</span> is a variety show from South Korea</h1>
<p>Running Man was originally classified as an "urban action variety" a genre of variety
shows in an urban environment.The MCs and guests were to complete missions at a landmark
to win the race.</p>
</div>
<div class="box-element">
<img src="assets/jumbotron.png" alt="">
</div>
</div>
</div>
</header>
<main>
<div class="box-content" id="about">
<div class="main-flex-row container">
<div id="content" class="elemen-transisi">
<article class="card ">
<img src="assets/yoojaesuk.jpg" alt="YooJae-suk" class="featured-image">
<p>Pembawa acara utama, Yoo Jae-suk dikenal sebagai Yoo-ruce Willis (유르스 윌리스)
selama misi perlombaan mana dia pandai melarikan diri. Nama ini adalah parodi
dari Bruce Willis di Die Hard. Dia juga dikenal sebagai Yoo Hyuk (유혁), bertindak
sebagai seorang mahasiswa populer yang dapat menari dengan baik.
</p>
</article>
<article class="card">
<img src="assets/haha.jpg" alt="HaHa" class="featured-image">
<p>Ha-ha biasanya diambil oleh anggota lain. Ia dikenal sebagai Ha-roro (하로로) karena
penampilannya serupa dengan Pororo the Little Penguin. Selama misi perlombaan, ia disebut
sebagai Ha-rad Pitt (하래드 피트), yang merupakan parodi dari Brad Pitt. Dia juga memiliki
kecenderungan untuk merasa seolah-olah ia adalah pemimpin utama dalam sebuah film yang
dibuat
oleh imajinasinya.</p>
</article>
<article class="card">
<img src="assets/jisukjin.jpg" alt="JiSuk-jin" class="featured-image">
<p>Anggota tertua dari pertunjukan dan salah satu teman dekat Yu Jae-suk, mengenal satu sama
lain selama lebih dari 20 tahun. Dia terbukti cemburu dari hubungan baik antara Yu Jae-suk
dan Kim Jong-kook. Selama misi perlombaan, ia ditampilkan sebagai salah satu anggota
terlemah dan adalah yang paling mudah dan paling sering dieliminasi pertama dari pemain,
sehingga mudah bagi anggota lain, akan menyatakan bahwa perlombaan telah resmi dimulai
setelah eliminasinya.</p>
</article>
<article class="card">
<img src="assets/Kim Jong-kook.jpg" alt="Kim Jong-kook" class="featured-image">
<p>Orang terkuat di acara ini, ia dikenal sebagai Sparta-kook (스파르타국스) dan Commander (능력자) untuk
keahliannya dalam menangkap orang lain selama misi perlombaan, penampilan mendadak dan
menunjukkan kekuatan biasanya disertai dengan ucapan "Sparta!" diambil dari film 300. Taktik
cerdasnya sering berhasil untuk menghilangkan anggota lain dan sebagai hasilnya, ia dikenal
karena memiliki kedua otak dan otot. </p>
</article>
<article class="card" id="gallery">
<img src="assets/Song Ji-hyo.jpg" alt="Song Ji-hyo" class="featured-image">
<p>Satu-satunya anggota wanita dalam acara, Song Ji-hyo dikenal sebagai Song Ji-yok (송지욕), di
mana "yok" berarti "bersumpah", karena "kata-kata buruk"nya terhadap beberapa anggota
seperti Lee Kwang-soo dan Ha-ha. Dia juga dikenal sebagai Mong Ji-hyo (멍지효), di mana "mong"
berarti "bingung (blank)", karena ekspresi wajah yang membuat dia tampak bingung. Sepanjang
seri, ia telah terlibat dalam Loveline utama dari pertunjukan bersama Gary. </p>
</article>
<article class="card">
<img src="assets/Yang Se-chan.jpg" alt="Yang Se-chan" class="featured-image">
<p>Salah satu anggota termuda dari acara, yang awalnya muncul sebagai tamu untuk beberapa
episode. Dia secara resmi ditambahkan ke pemeran utama sejak episode 346. Sejak menjadi
anggota, dia dengan cepat menjadi anggota kelompok sial bersama Yoo Jae-suk, Ji Suk-jin dan
Lee Kwang-soo. Dia juga disebut sebagai #8 (yang ke-8), dalam hal penampilan. Warna resminya
abu-abu. </p>
</article>
<article class="card">
<img src="assets/Jeon So-min.jpg" alt="Jeon So-min" class="featured-image">
<p>Salah satu anggota termuda dari acara, yang awalnya muncul sebagai tamu untuk beberapa
episode. Dia secara resmi ditambahkan ke pemeran utama sejak episode 346. Dia sering disebut
sebagai versi wanita Lee Kwang-soo karena sikapnya untuk berbalik dari timnya dan
mengkhianati mereka, dan dia sering dipasangkan sebagai pasangan Lee Kwang-soo oleh anggota
lainnya. Warna resminya berwarna biru tua.</p>
</article>
<article class="card">
<img src="assets/Lee Kwang-soo.jpeg" alt="Lee Kwang-soo" class="featured-image">
<p>Anggota termuda dan tertinggi dari para pemain dan awalnya diperkenalkan bersama Gary dan
Song Joong-ki sebagai salah satu "variety rookies" karena kurangnya pengalaman di berbagai
pertunjukan sebelum Running Man. Selama episode sebelumnya ia dikenal untuk membingkai
sesama anggota dengan rumor memalukan dan sering tidak masuk akal. Ia sering diejek oleh
sisa pemain, terutama Kim Jong-kook, karena sifat pemalu nya serta penampilan mirip dengan
spesies Na'vi di Avatar. </p>
</article>
</div>
<aside class="elemen-transisi">
<div class="profile-card">
<div class="profile">
<div class="ptn-profile"></div>
<div class="ptn-profile ptn-profile2"></div>
<img src="assets/fotoku.png" alt="profile" class="profile-image">
</div>
<h2>Christoper Nazara</h2>
</div>
<article>
<q>Hola perkenalkan nama saya Toper, umur saya 22 tahun tinggal di Sumatera Utara. Sangat Senang
Belajar Web Programming Terutama di Bidang FrontEnd.
Website ini merupakan list anggota favorit saya yaitu Running Man.
</q>
</article>
</aside>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<p>Made with <svg style="margin-bottom: -3px; color: #ff002f;" xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor" class="bi bi-heart-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" />
</svg> Powered by christoper nazara
</p>
</div>
</footer>
<a href="#top">
<img class="scroll" src="assets/scroll.png">
</a>
<script src="script.js"></script>
</body>
</html>