forked from cfaria21/FemmeHacks2021
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (141 loc) · 5.94 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
<!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>Around the World</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://images-na.ssl-images-amazon.com/images/I/61Rv3Enne0L._SX500_.jpg); color: black;">
<div class="content">
<header>
<h2>Around the World</h2>
</header>
<br>
<h3 style="font-weight: bold; font-size: 25px;">As-Salamu-Alaykum! (This is how Pakistani's say Hello in
Urdu!)</h3>
<br>
<p style="font-weight: bold; font-size: 25px;">Welcome to Around the World. Interested in learning more
about different
cultures? Explore our
website to learn more!</p>
<footer>
<a href="#one" class="button style2 down">More</a>
<!-- image link: https://www.cntraveler.com/gallery/the-most-beautiful-places-in-south-korea -->
</footer>
</div>
</section>
<!-- One -->
<section id="one" class="main style2 right dark fullscreen"
style="background: url(http://assorted.downloads.oppo.com/static/archives/images/pk/gallery/detail/43588e996ad40947f9a77427358a6f39.jpg)">
<div class="content box style2">
<header>
<h2>Pakistan</h2>
</header>
<p>Pakistan is a Multiethnic Country located in South Asia. Pakistan is home to 220,892,340 people. In 1947,
Pakistan gained independence from India. Mohammed Ali Jinnah founded Pakistan and helped create a name
for the Pakistan. In Pakistan, there are four provinces: Balochistan, Punjab, Sindh,and Khyber
Pakhtunkhwa.</p>
<p>Learn more about Pakistan <a href="pakistan.html">Here</a>!</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://s30876.pcdn.co/wp-content/uploads/Russia-1170x630.jpg)">
<div class="content box style2">
<header>
<h2>Russia</h2>
</header>
<p>Russia a transcontinetail country located in eatren Europe and Northern Asia. The largest city and
Russia’s capital is Moscow. It is the largest country in the world. Russia is home to 146,238,185
people.</p>
<p>Learn more about Russia <a href="russia.html">Here</a>!</p>
</div>
<a href="#three" class="button style2 down anchored">Next</a>
</section>
<section id="three" class="main style2 right 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 box style2">
<header>
<h2>South Korea</h2>
</header>
<p>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.</p>
<p>Learn more about South Korea <a href="southkorea.html">Here</a>!</p>
</div>
<a href="#four" class="button style2 down anchored">Next</a>
</section>
<section id="four" class="main style2 left dark fullscreen"
style="background: url(https://imgproxy.natucate.com/nl64ltzgmerNLiWCUsTfClRnR05bKeXgZIoqXVfil3Q/rs:fill/g:ce/w:1780/h:1001/aHR0cHM6Ly93d3cubmF0dWNhdGUuY29tL21lZGlhL3BhZ2VzL3JlaXNlemllbGUvYTA0MWZiNTEtMjY0Mi00N2Y2LTk0ZjctZGFhMjk5YmZkNWEyLzEyMTI2ODcyMTQtMTU1OTY1OTM1MS9zaW1iYWJ3ZS1sYWVuZGVyaW5mb3JtYXRpb25lbi1hZnJpa2EtbmF0dXJrdXJzLWZpZWxkLWd1aWRlLXZpY3RvcmlhZmFlbGxlLW5hdHVjYXRlLmpwZw)">
<div class="content box style2">
<header>
<h2>Zimbabwe</h2>
</header>
<p>Zimbabwe is a landlocked country in Southern Africa. It is surrounded by
South Africa to the south, Botswana to the Southwest, Zambia to the Northwest,
and Mozambique to the east and north. The Zambezi river forms the natural boundary
with Zambia and when in full flood, the massive Victoria Falls on the river forms
the world's largest curtain of falling water.</p>
<p>Learn more about Zimbabwe <a href="zimbabwe.html">Here</a>!</p>
</div>
<a href="#contact" class="button style2 down anchored">Next</a>
</section>
<!-- Contact -->
<section id="contact" class="main style3 secondary">
<div class="content">
<header>
<h2>Sign Up for Text Messages!</h2>
<p>Drop your number to sign up for weekly text messages.</p>
</header>
<div class="box">
<form method="post" action="#">
<div class="fields">
<div class="field half"><input type="text" name="name" placeholder="Name" /></div>
<div class="field half"><input type="tel" name="tel" placeholder="Number" /></div>
</div>
<ul class="actions special">
<li><input type="submit" value="Submit" /></li>
</ul>
</form>
</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>