-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoutdoors.html
214 lines (152 loc) · 7.41 KB
/
outdoors.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!-- <!DOCTYPE html> -->
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Discover SP</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="glide/dist/css/glide.core.min.css">
<link rel="stylesheet" href="glide/dist/css/glide.theme.min.css">
<meta name="viewport" content="initial-scale=1.0, width=device-width">
</head>
<body>
<header id="masthead">
<button type="button" name="burg" id="hamburguer">≡</button>
<nav>
<a href="index.html" id="iconImg"><img src="images/icon.png" alt="Icon"></a>
<ul>
<li>
<a class="dropdownMenu">Culture</a>
<ul class="dropdownList">
<li><a href="museums.html">Museums</a></li>
<li><a href="theatres.html">Theatres</a></li>
<li><a href="outdoors.html">Outdoors</a></li>
</ul>
</li>
<li>
<a class="dropdownMenu">Night Life</a>
<ul class="dropdownList">
<li><a href="clubs.html">Night Clubs</a></li>
<li><a href="pubs.html">Pubs</a></li>
<li><a href="restaurants.html">Restaurants</a></li>
</ul>
</li>
<li>
<a class="dropdownMenu">History</a>
<ul class="dropdownList">
<li><a href="foundation.html">Foundation</a></li>
<li><a href="coffee.html">Coffee Boom</a></li>
<li><a href="xxi.html">XXI Century</a></li>
</ul>
</li>
<li>
<a class="dropdownMenu">About Us</a>
<ul class="dropdownList">
<li><a href="developers.html">Developers</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="references.html">References</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<main>
<div class="glide">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<li class="glide__slide imgIbirapuera">
<article>
<div class="content">
<h2>Ibirapuera Park</h2>
<p>
Elected as one of the best urban parks on the planet by the UK daily newspaper The Guardian, Ibirapuera Park is an island of green and tranquility in the middle of this very noisy city.
</p>
<p>
In addition to the thirteen playgrounds, lakes, picnic spaces and bike lanes, the park contains within its boundaries the OCA museum, the Museum of Modern Art, the Museum of Contemporary Art, and the Afro-Brazilian Museum.
</p>
<p>
It is also here that every two years the art scene comes alive with the São Paulo biennale.
</p>
<footer>
<p> Link to Website: <a href="https://parqueibirapuera.org/">Click Here</a> </p>
</footer>
</div>
</article>
</li>
<li class="glide__slide imgVillaLobos">
<article>
<div class="content">
<h2>Villa Lobos Park</h2>
<p>
Named after one of Brazil’s most famous classical composers, the park is one of the most beloved in the entire city, with almost 20,000 visitors passing through on any given weekend.
</p>
<p>
The park, located in the Alto de Pinheiros neighbourhood, encompasses 732,000 square metres of green space which also houses a bicycle path, football fields, playground, gym equipment, jogging track, and a forest with species from the native Mata Atlantica (Atlantic Forest).
</p>
<footer>
<p> Link to Website: <a href="https://www.saopaulo.sp.gov.br/conhecasp/parques-e-reservas-naturais/parque-villa-lobos/">Click Here</a> </p>
</footer>
</div>
</article>
</li>
<li class="glide__slide imgLiberdade">
<article>
<div class="content">
<h2>Liberdade</h2>
<p>
No trip to São Paulo would be complete without a visit to the Liberdade neighbourhood, Japan’s largest colony outside of Japan. Walk around Liberdade and you will feel a part of Japan in the largest city in South America.
</p>
<p>
It is estimated that about 400,000 Japanese and descendants live in São Paulo today, many in the streets of Liberdade. With Japanese lanterns decorating the streets and dozens of sushi establishments and specialised food stores where one can find Japanese, Thai and Korean products for sale, Liberdade is a true centre for its tight-knit community.
</p>
<p>
It even has its own Japanese-language newspaper and hosts several annual Eastern culture festivals including Chinese New Year.
</p>
<footer>
<p> Link to Website: <a href="https://www.capital.sp.gov.br/turista/atracoes/pontos-turisticos/liberdade">Click Here</a> </p>
</footer>
</div>
</article>
</li>
<li class="glide__slide imgPaulista">
<article>
<div class="content">
<h2>Paulista Avenue</h2>
<p>
Avenida Paulista is São Paulo's center of activity, full of things to do and a favorite destination for both tourists and locals.
</p>
<p>
This is an ideal spot for people-watching from one of the numerous sidewalk cafes. The area is home to many shops, theaters, galleries, and museums, including the São Paulo Museum of Art (MASP).
</p>
<p>
There are also several adjacent parks, like Parque Trianon, which provides a foliage-dense oasis right in the city center.
</p>
<p>
This main avenue hosts numerous festivals and celebrations throughout the year, and every Sunday is closed to traffic to become a dedicated space for walks, meetings, play music and several other things.
</p>
<footer>
<p> Link to Website: <a href="https://theculturetrip.com/south-america/brazil/articles/a-brief-history-of-paulista-avenue-sao-paulos-main-street/">Click Here</a> </p>
</footer>
</div>
</article>
</li>
</ul>
<div class="glide__bullets" data-glide-el="controls[nav]">
<button class="glide__bullet" data-glide-dir="=0"></button>
<button class="glide__bullet" data-glide-dir="=1"></button>
<button class="glide__bullet" data-glide-dir="=2"></button>
<button class="glide__bullet" data-glide-dir="=3"></button>
</div>
</div>
</div>
</main>
<script src="script.Js"></script>
<script src="glide/dist/glide.min.js"></script>
<script>
new Glide('.glide',{
type: 'carousel',
gap: 0,
animationDuration: 1500
}).mount()
</script>
</body>
</html>