-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
290 lines (282 loc) · 14.6 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
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
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Felix Meischter | Tour Management | Arts Management</title>
<link rel="stylesheet" href="assets/css/style.css">
<meta name="author" content="Sophie Brunner">
<meta name="description"
content="Felix Meischter, tour management, arts management, project management and stage management in Hamburg, Germany and Europe">
</head>
<body>
<header class="header" id="header">
<a href="/" class="header__homelink">Felix Meischter</a>
<button class="nav-button" id="nav-button">
<span class="nav-button__text">Menu</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
class="nav-button__icon nav-button__icon--open" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5"
stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M4 8l16 0" />
<path d="M4 16l16 0" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
class="nav-button__icon nav-button__icon--close" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5"
stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M18 6l-12 12" />
<path d="M6 6l12 12" />
</svg>
</button>
<nav class="main-nav" id="main-nav" aria-label="Main navigation">
<ul class="main-nav__list list">
<li class="main-nav__item">
<a class="main-nav__link" href="#about">About</a>
</li>
<li class="main-nav__item">
<a class="main-nav__link" href="#services">Services</a>
</li>
<li class="main-nav__item">
<a class="main-nav__link" href="#contact">Contact</a>
</li>
</ul>
</nav>
</header>
<main>
<section class="section hero" id="hero">
<div class="section__inner hero__container">
<div class="hero__headshot">
<img src="assets/images/felix-meischter.jpg" alt="Portrait Felix Meischter" />
</div>
<div class="hero__text">
<h1>
Tour & Arts Manager Felix Meischter
</h1>
<p>
Moin, I'm Felix 👋. Nice to meet you.
</p>
<p>
I'm a freelance tour and arts
manager, currently located in Hamburg, Germany.
</p>
<p>On this website, you can <a href="#about">get to know me</a>, inform about my <a
href="#services">services</a>
and find out, how to
<a href="#contact">contact me</a>.
</p>
</div>
</div>
</section>
<section class="section about" id="about">
<div class="section__inner">
<h2>About</h2>
<p>
One of my current clients is Belgian Singer-Songwriter
<a href="http://milow.com/">MILOW</a>. I accompany him to all his
tour dates as well as radio and television appearances.
</p>
<p>
Before I started my own business I worked in the administration of
the
<a href="https://www.ndr.de/orchester_chor/radiophilharmonie/index.html">NDR Radiophilharmonie</a>
in Hanover, Germany. My responsibilities were all internal and
external communication to agencies, festivals and promoters,
artist assistance and support as well as video and social media
content.
</p>
<p>
Already before and during my studies in Musicology and Arts
Management at the University of Music
<span style="font-variant: small-caps">Franz Liszt</span> Weimar I
was able to gain professional experience as project and tour
manager for several choirs I was singing with. Furthermore,
<a href="https://www.kunstfest-weimar.de/index.php?id=156">Kunstfest Weimar</a>
and
<a href="https://kunstfestspiele.de/en/">Kunstfestspiele Herrenhausen</a>
asked me to take responsibility for differenct projects in several
festival seasons.
</p>
<p>
<a class="about__contact" href="#contact">Contact me</a>
</p>
</div>
</section>
<section class="section services" id="services">
<div class="section__inner">
<h2>How can I help you?</h2>
<div class="services__container">
<div class="services__inner">
<h3>Tour Management</h3>
<p>
Advancing and accompaniment of all kinds of concerts and tours for
artists, bands, orchestras and choirs.
</p>
<ul class="services__list list">
<li class="services__item">
<div class="disclosure-widget">
<div class="panel">
<h4>Accompaniment of all tour dates</h4>
<ul class="disclosure-widget__list">
<li class="disclosure-widget__item">Festival/tour shows</li>
<li class="disclosure-widget__item">Radio and TV promotion</li>
<li class="disclosure-widget__item">Class B driver's licence</li>
</ul>
</div>
</div>
</li>
<li class="services__item">
<div class="disclosure-widget">
<div class="panel">
<h4>Advancing of all show related details</h4>
<ul class="disclosure-widget__list">
<li class="disclosure-widget__item">Technical arrangements</li>
<li class="disclosure-widget__item">Travel and hotel arrangements</li>
<li class="disclosure-widget__item">Technical and hospitality riders</li>
</ul>
</div>
</div>
</li>
<li class="services__item">Stage management</li>
<li class="services__item">
<div class="disclosure-widget">
<div class="panel">
<h4>Tour finances</h4>
<ul class="disclosure-widget__list">
<li class="disclosure-widget__item">Budgeting</li>
<li class="disclosure-widget__item">Settling of shows</li>
</ul>
</div>
</div>
</li>
<li class="services__item">
<div class="disclosure-widget">
<div class="panel">
<h4>Merchandise sales</h4>
<ul class="disclosure-widget__list">
<li class="disclosure-widget__item">Order placement</li>
<li class="disclosure-widget__item">Inventory</li>
<li class="disclosure-widget__item">Reordering of items</li>
<li class="disclosure-widget__item">On-site sales</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
<div class="services__inner">
<h3>Arts Administration</h3>
<p>
Planning and implementation of cultural projects and events such
as theatre performances, concerts, festivals (also in the public
space), music competitions, masterclasses etc.
</p>
<ul class="services__list list">
<li class="services__item">Concept development</li>
<li class="services__item">
<div class="disclosure-widget">
<div class="panel">
<h4>Financials</h4>
<ul class="disclosure-widget__list">
<li class="disclosure-widget__item">Funding</li>
<li class="disclosure-widget__item">Budgeting</li>
<li class="disclosure-widget__item">Controlling</li>
<li class="disclosure-widget__item">Settlement</li>
</ul>
</div>
</div>
</li>
<li class="services__item">
<div class="disclosure-widget">
<div class="panel">
<h4>Project management</h4>
<ul class="disclosure-widget__list">
<li class="disclosure-widget__item">Planning according to legal requirements</li>
<li class="disclosure-widget__item">Contract management</li>
<li class="disclosure-widget__item">Scheduling</li>
<li class="disclosure-widget__item">Implementation considering the local conditions</li>
<li class="disclosure-widget__item">Communication with all internal and external partners</li>
<li class="disclosure-widget__item">Hotel and travel arrangements</li>
<li class="disclosure-widget__item">Transport of people and material</li>
<li class="disclosure-widget__item">Assistance and support for all participants</li>
</ul>
</div>
</div>
</li>
<li class="services__item">Calling of shows</li>
<li class="services__item">Read music</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section contact" id="contact">
<div class="section__inner">
<h2>Contact me</h2>
<address>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true" focusable="false">
<!-- !Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
<path
d="M16.1 260.2c-22.6 12.9-20.5 47.3 3.6 57.3L160 376l0 103.3c0 18.1 14.6 32.7 32.7 32.7c9.7 0 18.9-4.3 25.1-11.8l62-74.3 123.9 51.6c18.9 7.9 40.8-4.5 43.9-24.7l64-416c1.9-12.1-3.4-24.3-13.5-31.2s-23.3-7.5-34-1.4l-448 256zm52.1 25.5L409.7 90.6 190.1 336l1.2 1L68.2 285.7zM403.3 425.4L236.7 355.9 450.8 116.6 403.3 425.4z" />
</svg>
<a href="mailto:[email protected]">[email protected]</a>
</address>
<nav aria-label="Social media profiles">
<ul class="list" role="list">
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
<!-- !Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
<path
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" />
</svg>
<a href="https://www.instagram.com/femei93/?hl=de" aria-label="Felix Meischter on Instagram">@femei</a>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
<!-- !Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
<path
d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z" />
</svg>
<a href="https://www.linkedin.com/in/felixmeischter/"
aria-label="Felix Meischter on LinkedIn">felixmeischter
</a>
</li>
</ul>
</nav>
<p>
You can talk to me in English, German or French. I'm also always
interested in new languages, so feel free to contact me!
</p>
</div>
</section>
</main>
<footer class="footer">
<p class="footer__text">
<span>Made with</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="heart" role="img">
<!-- !Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
<title>love</title>
<path
d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z" />
</svg> <span>by</span>
<a href="https://sophiebrunner.com">Sophie Brunner</a>
</p>
<div>
<nav class="legal" aria-label="Legal info">
<ul class="legal__list list" role="list">
<li><a class="legal__link" href="#">Impressum</a></li>
<li><a class="legal__link" href="#">Datenschutz</a></li>
</ul>
</nav>
<a href="#top">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"><!-- !Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
<path
d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM151.2 217.4c-4.6 4.2-7.2 10.1-7.2 16.4c0 12.3 10 22.3 22.3 22.3l41.7 0 0 96c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-96 41.7 0c12.3 0 22.3-10 22.3-22.3c0-6.2-2.6-12.1-7.2-16.4l-91-84c-3.8-3.5-8.7-5.4-13.9-5.4s-10.1 1.9-13.9 5.4l-91 84z" />
</svg>
<span class="visually-hidden">Back to top</span></a>
</div>
</footer>
<script src="assets/js/script.js"></script>
</body>
</html>