-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
162 lines (152 loc) · 7.03 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
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>KulturLeben Leipzig & Region</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="stylesheet" href="website/assets/custom.css">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|PT+Serif:400,700&display=swap"
rel="stylesheet">
</head>
<body>
<div class="container">
<!-- Navigation bar -->
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="index.html">
<img class="nav_logo" src="./website/img/Logo_Kulturleben.png" alt="Kulturloge Logo" />
</a>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="./website/pages/gastwerden.html">
Gast werden
</a>
<a class="navbar-item" href="./website/pages/kulturpartner.html">
Kulturpartner
</a>
<a class="navbar-item" href="./website/pages/kulturbegleiter.html">
Kulturbegleiter werden
</a>
<a class="navbar-item" href="./website/pages/unterstuetzen.html">
Unterstützen
</a>
<a class="navbar-item" href="./website/pages/ueber_uns.html">
Über uns
</a>
</div>
<div class="navbar-end">
<a class="navbar-item">
Leichte Sprache
</a>
<div class="navbar-item is-size-3">
<a href="https://www.facebook.com/KulturLebenLeipzig"><span class="fab fa-facebook-square"></span></a>
</div>
</div>
</div>
</nav>
<!-- Heading -->
<section class="heading is-margin-top">
<h1 class="is-size-1">Kultur für alle</h1>
</section>
<!-- CTA boxes -->
<section>
<div class="container">
<div class="columns">
<div class="column">
<div class="start-page-main">
<div class="imagecontainer visible">
<img src="website/img/kulturbegleiter.jpg">
<div class="imagelabelcontainer --small">Kulturbegleiter</div>
</div>
</div>
</div>
<div class="column is-two-fifths" style="height: 280px;">
<div id="imagewrapper" class="start-page-main">
<div class="imagecontainer visible">
<img src="website/img/konzert.jpg">
<div class="imagelabelcontainer">Werde Gast!</div>
</div>
<div class="imagecontainer">
<img src="website/img/klassik.jpg">
<div class="imagelabelcontainer">Werde Gast!</div>
</div>
<div class="imagecontainer">
<img src="website/img/fussball.jpg">
<div class="imagelabelcontainer">Werde Gast!</div>
</div>
<div class="imagecontainer">
<img src="website/img/museum.jpg">
<div class="imagelabelcontainer">Werde Gast!</div>
</div>
</div>
</div>
<div class="column">
<div class="start-page-main">
<div class="imagecontainer visible">
<img src="website/img/herz.jpg">
<div class="imagelabelcontainer --small">Mitarbeiten</div>
</div>
</div>
</div>
</div>
</section>
<!-- News -->
<section class="add-margin-top">
<div class="columns is-centered">
<div class="column">
<div class="columns">
<div class="column is-one-quarter"><img src="website/img/news_1.jpg" alt="Placeholder image" /></div>
<div class="column">
<p style="font-size:smaller">27. November 2019</p>
<h2 class="is-size-4">KulturLeben bei Leipzig Fernsehen</h2>
<p>Eine unserer ehrenamtlichen Team-MitgliederInnen hat ein Interview über
KulturLeben Leipzig & Region für Leipzig Fernsehen geführt, schaut es euch an!</p>
<i><a href="./website/pages/archiv.html">weiterlesen...</a></i>
</div>
</div>
</div>
<div class="column">
<div class="columns">
<div class="column is-one-quarter"><img src="website/img/news_2.jpg" alt="Placeholder image" /></div>
<div class="column"><p style="font-size:smaller">11. November 2019</p>
<h2 class="is-size-4">Triff uns auf der Engagementmesse </h2>
<p>Barbara Häntzschel von der Initiative KulturLeben Leipzig & Region im Interview</p>
<i><a href="./website/pages/archiv.html">weiterlesen...</a></i>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<!-- Container end -->
</div>
<footer class="footer" style="margin-top:4rem;">
<div class="content has-text-centered">
<div class="columns">
<div class="column">
<p><a href="#">Kontakt</a></p>
<p><a href="#">Impressum</a></p>
<p><a href="#">Datenschutz</a></p>
</div>
<div class="column">
<p><a href="#">Sozialpartner</a></p>
<p><a href="#">Medienecho</a></p>
</div>
<div class="column">
<p class="is-size-4">Werde Gast: <a href="#">jetzt anmelden</a></p>
</div>
</div>
</div>
</footer>
<script src="website/assets/custom.js"></script>
</body>
</html>