-
Notifications
You must be signed in to change notification settings - Fork 0
/
kreuzberg.html
126 lines (124 loc) · 4.32 KB
/
kreuzberg.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
<!DOCTYPE html>
<html lang="en">
<head>
<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 charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kreuzberg</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-kreuzberg">
<h1>Kreuzberg</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>Kottbusser Tor, Jannowitz Brucke</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>
Kreuzberg is located in the central-east part of Berlin, neighboring
with Mitte, Friedrichshain and Neukölln districts. After the Berlin Wall
was erected, Kreuzberg became part of West Berlin surrounded by the Wall
from three sides. Since the living standards and the location were not
very attractive, the district became popular among immigrants, artists,
and students who created a peculiar mix that influenced the atmosphere
of the place.<br />
Today, Kreuzberg is one of the most popular and expensive places to live
due to hyper-gentrification of the recent years!
</p>
</section>
<div class="carousel">
<!-- <button class="carousel-button carousel-button--left">
<ion-icon
name="chevron-back-outline"
class="slider-nav-icon"
></ion-icon>
</button> -->
<div class="carousel-track-container">
<img
class="carousel-img"
src="ig/b_w_large/copy_large_img4.JPG"
alt=""
/>
<img
class="carousel-img"
src="ig/b_w_large/copy_large_img1.JPG"
alt=""
/>
<img
class="carousel-img"
src="ig/b_w_large/copy_large_img5.JPG"
alt=""
/>
<img
class="carousel-img"
src="ig/b_w_large/copy_large_img2.JPG"
alt=""
/>
<img
class="carousel-img"
src="ig/b_w_large/copy_large_img3.JPG"
alt=""
/>
</div>
<!-- <button class="carousel-button carousel-button--right">
<ion-icon
name="chevron-forward-outline"
class="slider-nav-icon"
></ion-icon>
</button> -->
<div class="carousel-nav">
<button
onclick="changeSlide(0)"
class="carousel-nav-btn current-dot"
></button
><button onclick="changeSlide(1)" class="carousel-nav-btn"></button
><button onclick="changeSlide(2)" class="carousel-nav-btn"></button
><button onclick="changeSlide(3)" class="carousel-nav-btn"></button
><button onclick="changeSlide(4)" class="carousel-nav-btn"></button>
</div>
</div>
<script defer src="/script.js"></script>
<script
type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
></script>
</body>
</html>