-
Notifications
You must be signed in to change notification settings - Fork 0
/
neukolln.html
259 lines (258 loc) · 10.7 KB
/
neukolln.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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="ig/Logo-Berlin-By-Kiez.png" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="queries.css" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,600;1,500&display=swap"
rel="stylesheet"
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://code.iconify.design/iconify-icon/1.0.0-beta.3/iconify-icon.min.js"></script>
<title>
Neukölln — A neighbourhood in the South-East of the city
</title>
</head>
<body>
<div class="like--button">
<button class="button-like">
<ion-icon name="heart" class="heart"></ion-icon
><span class="count-number">0</span>
</button>
</div>
<header class="header">
<nav class="navigation">
<a href="index.html" class="btn navigation--btn">Home</a>
</nav>
</header>
<section class="hero">
<div class="hero-section hero-neukolln">
<h1>Neukölln</h1>
<p>
A neighbourhood in the South-East of the city, adjacent to Kreuzberg,
sharing borders with Alt-Treptow, Plänterwald and Tempelhof
</p>
<div class="train-info">
<div class="u-bahn-info">
<img src="ig/Ubahn-NK-logo.png" class="u-bahn-logo" />
<p>Schönlein Straße, Hermann Platz</p>
</div>
<div class="s-bahn-info">
<img src="ig/s-41-logo.png" class="s-bahn-logo" />
<img src="ig/s-42-logo.png" class="s-bahn-logo" />
<p>Treptower Park, Sonnenallee, S+U Neukölln</p>
</div>
</div>
</div>
</section>
<section class="kiez-intro container">
<p>
Neukölln is one of the most exciting parts of Berlin. The district has
been trendy for years - known for late nights, international parties,
culture and pubs. Stretching between the vast Tempelhofer Feld all the
way to Plänterwald, Neukölln or Rixdorf as it was called up until 1912,
is full of wonderful surprises and has something to offer for all
interests. Below are some points of interest scattered across the
different Kieze of Neukölln!
</p>
</section>
<section class="gallery-container">
<div class="cards grid grid--4--cols">
<div class="card">
<div class="card-img-box">
<img src="ig/populus-coffe.jpg" class="card-img" />
</div>
<div class="card-text-box">
<h3 class="tertiary-heading">Populus Coffee</h3>
<p>
First thing's first...coffee, of course! <br />Imo this is the
best coffee in Berlin and is definitely worth a visit for the
coffee enthusiasts. Roasted right there in the back of the shop,
the coffee always tastes amazing and has that tang!<br />A great
spot in Reuterkiez to spend an afternoon people watching
overlooking the Landwehrkanal.
</p>
</div>
<div class="address">
<ion-icon name="location" class="location-icon"></ion-icon>
<a href="https://g.page/populuscoffee?share" target="blank">
Maybachufer 20, 12047 Berlin
</a>
</div>
</div>
<div class="card">
<div class="card-img-box">
<img src="ig/la-maison.webp" class="card-img" />
</div>
<div class="card-text-box">
<h3 class="tertiary-heading">La Maison</h3>
<p>
Another great cafe along the Landwehrkanal with a large comfy
terrace that stays sunny into the afternoon! <br />
La Maison serve up some great coffees, baked goods, sandwiches and
even cocktails. Make sure to try the almond croissant, it is
addictively tasty and worth the queue but get there early, they
sell out fast!
</p>
</div>
<div class="address">
<ion-icon name="location" class="location-icon"></ion-icon>
<a href="https://g.page/lamaisonberlin?share" target="blank">
Paul-Lincke-Ufer 17, 10999 Berlin
</a>
</div>
</div>
<div class="card">
<div class="card-img-box">
<img src="ig/motif-wein.jpg" class="card-img" />
</div>
<div class="card-text-box">
<h3 class="tertiary-heading">Motif Wein</h3>
<p>
A combo of natural wine and music! The guys stock delicious wines,
play great records and host funky events! The staff are super
knowledgeable and friendly and the dimmed lights keep you there
for hours into the evening. <br />
It is also a shop, so you can buy your fav wine right there!
</p>
</div>
<div class="address">
<ion-icon name="location" class="location-icon"></ion-icon>
<a href="https://g.page/motifwein?share" target="blank">
Weserstr. 189 12045 Berlin
</a>
</div>
</div>
<div class="card">
<div class="card-img-box">
<img src="ig/treptower-park.jpg" class="card-img" />
</div>
<div class="card-text-box">
<h3 class="tertiary-heading">Treptower Park</h3>
<p>
A huge park with a lot going on. Here you can rent a boat, watch a
movie, listen to aspiring musicians, enjoy a dance or just chill
by the Spree.<br />
Insel der Jugend buried quite deep inside in the park hosts some
great summer evening events and has a beach bar, perfect for
watching the sunset.
</p>
</div>
<div class="address">
<ion-icon name="location" class="location-icon"></ion-icon>
<a href="https://goo.gl/maps/VyExBUQxJm6JPZme9" target="blank">
Treptower Park, 12435 Berlin
</a>
</div>
</div>
<div class="card">
<div class="card-img-box">
<img src="ig/woman-pic.jpg" class="card-img" />
</div>
<div class="card-text-box">
<h3 class="tertiary-heading">Neuköllner Stoff</h3>
<p>
Located along Maybachufer Straße that stretches along the
Landwehrkanal, this a weekend market where creatives of Berlin
come together to display their handywork. <br />The market is
divided into sections: fabrics, design, handicrafts, art, food.<br />
You will find a wide variety of goods here locally made with love.
</p>
</div>
<div class="address">
<ion-icon name="location" class="location-icon"></ion-icon>
<a href="https://goo.gl/maps/Ec3PSt5oDzCxqeyx9" target="blank">
Maybachufer, 12045 Berlin
</a>
</div>
</div>
<div class="card">
<div class="card-img-box">
<img src="ig/passage-kino.jpeg" class="card-img" />
</div>
<div class="card-text-box">
<h3 class="tertiary-heading">Passage Kino</h3>
<p>
If you are a fan of Berlin's vintage cinemas, you will definitely
enjoy a trip to the Passage Kino. Here, you can find a mixture of
art house, current Hollywood productions and European film art on
the screen. Film festival screenings also take place here. The
large spaces and arched windows will transport you to the bigger
days of Cinema.
</p>
</div>
<div class="address">
<ion-icon name="location" class="location-icon"></ion-icon>
<a href="https://goo.gl/maps/9qo3uhDZy7igGsDy5" target="blank">
Karl-Marx-Straße 131, 12043 Berlin
</a>
</div>
</div>
<div class="card">
<div class="card-img-box">
<img src="ig/klunkerkranich.jpg" class="card-img" />
</div>
<div class="card-text-box">
<h3 class="tertiary-heading">Klunkerkranich</h3>
<p>
Located between the areas of Schiller and Reuter Kieze, this is a
roof-top bar at the last level of the Neukölln Arcaden shopping
mall. You must enter through the car park at the top floor but the
maze to get there is worth it! One of the best places in the city
to watch the sunset with great music and performance artists.
</p>
</div>
<div class="address">
<ion-icon name="location" class="location-icon"></ion-icon>
<a href="https://goo.gl/maps/Sixck7nXVyKoBGRj8" target="blank">
Karl-Marx-Straße 66, 12043 Berlin
</a>
</div>
</div>
<div class="card">
<div class="card-img-box">
<img src="ig/freiluft-kino-hs.jpeg" class="card-img" />
</div>
<div class="card-text-box">
<h3 class="tertiary-heading">
Freiluftkino and Comedy Nights in Hasenheide
</h3>
<p>
Outdoor cinemas are everyone's favourite summer activity, no more
words necessary! Hasenheide also hosts a Comedy Night during
Summers in an intimate atmosphere, which feels more like a group
of friends.
</p>
</div>
<div class="address">
<ion-icon name="location" class="location-icon"></ion-icon>
<a href="https://goo.gl/maps/Nqsy6Lfrhc4Vakod7" target="blank">
Hasenheide, 10967 Berlin
</a>
</div>
</div>
</div>
</section>
<footer>
<p>Coded by Katya Sitko</p>
<a href="https://github.com/kat-s92/Berlin-By-Kiez" class="footer-icon"
><ion-icon name="logo-github"></ion-icon
></a>
</footer>
<script
type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
></script>
<script src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<script defer src="/script.js"></script>
</body>
</html>