forked from cfaria21/FemmeHacks2021
-
Notifications
You must be signed in to change notification settings - Fork 0
/
southkorea.html
145 lines (127 loc) · 5.87 KB
/
southkorea.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
<!DOCTYPE HTML>
<!--
Big Picture by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>South Korea</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<h1>Around the World</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="pakistan.html">Pakistan</a></li>
<li><a href="russia.html">Russia</a></li>
<li><a href="southkorea.html">South Korea</a></li>
<li><a href="zimbabwe.html">Zimbabwe</a></li>
</ul>
</nav>
</header>
<!-- Intro -->
<section id="intro" class="main style1 dark fullscreen"
style="background: url(https://media.cntraveler.com/photos/5a70f9c64b063536a7d3625e/master/w_1600%2Cc_limit/Jirisan-National-Park-GettyImages-592691564.jpg)">
<div class="content">
<header>
<h2 style="font-style: italic; text-decoration: underline;">South Korea</h2>
</header>
<p style="font-weight: bold;">Welcome to South Korea. South Korea is well known for everything from their
food to their music
worldwide. Their captivating landscapes make for a great vacation spot. Learn more about South Korea
below!</p>
<footer>
<a href="#one" class="button style2 down">More</a>
</footer>
</div>
</section>
<!-- One -->
<section id="one" class="main style2 right dark fullscreen"
style="background: url(https://i.ytimg.com/vi/Aqnd9Kfh-nk/maxresdefault.jpg)">
<div class="content box style2">
<header>
<h2>Location</h2>
</header>
<p>South korea is a country in East Asia. Korea occupies 100,210 km² of the eastern most part of the Asian
content and has a population of about 51.71 million (2019).</p>
</div>
<a href="#two" class="button style2 down anchored">Next</a>
</section>
<!-- Two -->
<section id="two" class="main style2 left dark fullscreen"
style="background: url(https://i.pinimg.com/originals/6a/4d/f4/6a4df47cabffa67f0302f9c7a247c7ff.jpg)">
<div class="content box style2">
<header>
<h2>Food</h2>
</header>
<p>The Korean diet is composed of bab, kuk, and various banchan dishes. Korean diets include proportionally
high consumption of vegetables, moderate to high consumption of legumes and fish, and low consumption of
red meat.
Traditional Korean dishes include Classic Korean Bibmbap, Bulgogi(Korean Beef Barbecue), Mandoo(Korean
Dumplings) and Chap Chae(Stir-Fried Korean Noodles).
Banchan commonly consists of seasoned soybean sprouts, seasoned spinach, spicy cucmber salad, stir-fried
zucchini, stir-fried cucumbers, braised potatos and of course, kimchi.</p>
</div>
<a href="#work" class="button style2 down anchored">Next</a>
</section>
<!-- Work -->
<section id="work" class="main style3 primary">
<div class="content">
<header>
<h2>Music</h2>
<p>Music is a big part of Korean Culture. Korean music includes a wide array of performers in distinct
styles, both traditional and modern.
</p>
</header>
<!-- Gallery -->
<div class="gallery">
<article class="from-left">
<a href="images/fulls/sk01.jpg" class="image fit"><img src="images/thumbs/sk01.jpg"
title="The changgo (an hourglass-shaped drum)" alt="" /></a>
</article>
<article class="from-right">
<a href="images/fulls/sk02.jpg" class="image fit"><img src="images/thumbs/sk02.jpg" title="BTS"
alt="" /></a>
</article>
<article class="from-left">
<a href="images/fulls/sk03.jpg" class="image fit"><img src="images/thumbs/sk03.jpg"
title="The p'iri (a type of double-reed aerophone)" alt="" /></a>
</article>
<article class="from-right">
<a href="images/fulls/sk04.jpg" class="image fit"><img src="images/thumbs/sk04.jpg"
title="BlackPink" alt="" /></a>
</article>
<article class="from-left">
<a href="images/fulls/sk05.jpg" class="image fit"><img src="images/thumbs/sk05.jpg"
title="The kayagŭm (a Korean 12-stringed zither)" alt="" /></a>
</article>
<article class="from-right">
<a href="images/fulls/sk06.jpg" class="image fit"><img src="images/thumbs/sk06.jpg"
title="Red Velvet" alt="" /></a>
</article>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>