-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·620 lines (545 loc) · 32.4 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
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Website for Cedric Scheibel - Pianist and DJ">
<meta name="author" content="Tristan Kast">
<title>Cedric Scheibel - Pianist and DJ</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/grayscale.css" rel="stylesheet">
<!-- Individual stylings for this website -->
<link href="css/individual_styles.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#offer">Leistungen</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#demo">Impressionen</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#repertoire">Repertoire</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#references">Referenzen</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">Über mich</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead">
<div class="container d-flex h-100 align-items-center">
<div class="mx-auto text-center">
<h1 class="mx-auto my-0 text-uppercase">Cedric Scheibel</h1>
<h2 class="text-white-50 mx-auto mt-2 mb-5">Pianist und DJ aus Leidenschaft</h2>
</div>
</div>
</header>
<!-- About Section -->
<section id="home" class="about-section bg-light">
<div class="container col-lg-12 mx-auto">
<h1 class="jumbotron-heading" style="text-align: center; padding-bottom: 20px">
Meine Name ist Cedric Scheibel und ich bin Pianist und DJ aus Tübingen!
</h1>
<div class="img-fluid col-lg-7 center-picture">
<img src="img/cedi_cutoff.png" alt="">
</div>
</div>
</section>
<!-- Offer Section -->
<section id="offer" class="offer-section bg-light">
<section class="jumbotron text-center">
<h1 class="jumbotron-heading">Leistungen</h1>
</section>
<div class="container" style="padding-top: 40px">
<!-- Featured Project Row -->
<div class="row align-items-center no-gutters mb-4 mb-lg-5">
<div class="col-xl-8 col-lg-7">
<img class="img-fluid mb-3 mb-lg-0" src="img/cedi2.jpg" alt="">
</div>
<div class="col-xl-4 col-lg-5">
<div class="featured-text text-center text-lg-left">
<h4>Hochzeiten</h4>
<p class="text-black-50 mb-0">Als Pianist mit besten Referenzen und mobiler DJ möchte ich Ihre Hochzeit zu einem unvergesslichen Erlebnis machen. Die Kombination aus moderner Pianomusik zum Empfang und Abendessen mit anschließender Tanz- und Partymusik im besten Sound ist ein besonderes Angebot. Sie und Ihre Gäste werden begeistert sein!</p>
</div>
</div>
</div>
<!-- Featured Project Row -->
<div class="row align-items-center no-gutters mb-lg-5 mb-4">
<div class="col-lg-5 col-xl-4 ">
<div class="featured-text text-center text-lg-left">
<h4>Geburstage</h4>
<p class="text-black-50 mb-0">Gerne biete ich meine Dienste auch für andere Veranstaltungen wie Geburtstage an. Auch hier werden ihre Gäste begeister sein.</p>
</div>
</div>
<div class="col-lg-7 col-xl-8">
<img class="img-fluid mb-3 mb-lg-0" src="img/cedi3.jpg" alt="">
</div>
</div>
<!-- Featured Project Row -->
<div class="row align-items-center no-gutters" style="padding-top: 30px;">
<div class="col-md-12" >
<h5>Inklusive Zusatzleistungen</h5>
<ul>
<li>Bereitstellung einer hochwertigen Musikanlage (Solton/Denon/Line6/Apple,Pioneer)</li>
<li>Bereitstellung einer professionellen Lichtanlage (Profi-LED Bar und Effektlicht Revo III)</li>
<li>Bereitstellung eines erstklassigem Stage Pianos</li>
<li>Auf- und Abbau von Technik</li>
<li>Individuelle Betreuung durch persönliche oder telefonische Vorgespräche</li>
<li>Wunschkärtchen und Kugelschreiber für Sie und Ihre Gäste</li>
<li>Anfahrten bis zu einer Stunde von Tübingen aus ohne Aufpreis - meistens einen Führerschein und wenn nicht fährt mich ein Kumpel zu Ihrer Veranstaltung - Versprochen!</li>
</ul>
<h5 style="padding-top: 25px">Optionale Zusatzleistungen</h5>
<ul>
<li>Musikalische Begleitung durch eine Sängerin</li>
<li>Begleitung auf Ihrer Trauung</li>
</ul>
<h5 style="padding-top: 25px">Ihre Sicherheit zählt</h5>
<p>
Jede Buchungen erfolgt schriflich - Sie haben immer eine Auftragsbestätigung für Ihre Unterlagen!
</p>
</div>
</div>
</div>
</section>
<!-- Demo Section -->
<section id="demo" class="demo-section bg-light">
<section class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">Impressionen</h1>
</div>
</section>
<div class="container">
<p class="lead text-muted" style="text-align: center; padding-top: 20px; padding-bottom: 30px;">Jeder Musiker hat seinen eigenen Stil! Entscheiden Sie anhand einer Auswahl meiner Interpretationen von bekannten Stücken ob meine Spielart mit Ihren Vorstellungen kompatibel ist. </p>
<div class="row">
<div class="col-lg-12 mx-auto">
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-lg-4 col-md-12 mb-4">
<!--Modal: Name-->
<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<!--Content-->
<div class="modal-content">
<!--Body-->
<div class="modal-body mb-0 p-0">
<div class="embed-responsive embed-responsive-16by9 z-depth-1-half">
<iframe width="560" height="315" src="https://www.youtube.com/embed/VKl3lz4W0bU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<!--/.Content-->
</div>
</div>
<!--Modal: Name-->
<a><img class="img-fluid z-depth-1" src="img/my_heart.png" alt="video"
data-toggle="modal" data-target="#modal1"></a>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-4 col-md-12 mb-4">
<!--Modal: Name-->
<div class="modal fade" id="modal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<!--Content-->
<div class="modal-content">
<!--Body-->
<div class="modal-body mb-0 p-0">
<div class="embed-responsive embed-responsive-16by9 z-depth-1-half">
<iframe width="560" height="315" src="https://www.youtube.com/embed/--z8b8gtPdI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<!--/.Content-->
</div>
</div>
<!--Modal: Name-->
<a><img class="img-fluid z-depth-1" src="img/pearl_habor.png" alt="video"
data-toggle="modal" data-target="#modal2"></a>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-4 col-md-12 mb-4">
<!--Modal: Name-->
<div class="modal fade" id="modal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<!--Content-->
<div class="modal-content">
<!--Body-->
<div class="modal-body mb-0 p-0">
<div class="embed-responsive embed-responsive-16by9 z-depth-1-half">
<iframe width="560" height="315" src="https://www.youtube.com/embed/VnmzDPgGbdI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<!--/.Content-->
</div>
</div>
<!--Modal: Name-->
<a><img class="img-fluid z-depth-1" src="img/die_fabelhafte_welt.png" alt="video"
data-toggle="modal" data-target="#modal3"></a>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
</div>
</div>
</section>
<!-- Repertoire Section -->
<section id="repertoire" class="projects-section bg-light">
<section class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">Repertoire</h1>
</div>
</section>
<div class="container" style=" padding-top: 4rem;">
<div class="overflow-auto" style="max-height: 500px; max-width: auto;border:1px solid black; padding-top: 20px;">
<div class="row">
<div class="col-lg-12 mx-auto">
<div class="row">
<div class="col-lg">
<ul class="list-group list-group-flush" id="songlist1">
<li class="list-group-item">3 Doors down - Here without you</li>
<li class="list-group-item">A fine Frenzy - Almost Lover</li>
<li class="list-group-item">Adam Lambert - If I had you</li>
<li class="list-group-item">Adele - Rolling in the deep</li>
<li class="list-group-item">Adele - Set fire to the rain</li>
<li class="list-group-item">Adele - Skyfall</li>
<li class="list-group-item">Adele - Someone like you</li>
<li class="list-group-item">Adele- Turning Tables</li>
<li class="list-group-item">Akon - Beautiful</li>
<li class="list-group-item">Akon - Hold my Hand</li>
<li class="list-group-item">Avril Lavigne - Innoncence</li>
<li class="list-group-item">B.O.B. - Airplanes</li>
<li class="list-group-item">B.O.B. - Nothing on you</li>
<li class="list-group-item">Backstreetboys - Incomplete</li>
<li class="list-group-item">Beatles - Yesterday </li>
<li class="list-group-item">Beethoven - Für Elise</li>
<li class="list-group-item">Blue - Breathe Easy</li>
<li class="list-group-item">Blue - I can</li>
<li class="list-group-item">Bob Dylan - Knocking on heavens door</li>
<li class="list-group-item">Bon Jovi - Its my life</li>
<li class="list-group-item">Bruno Mars - Grenade</li>
<li class="list-group-item">Bruno Mars - Just the Way you are</li>
<li class="list-group-item">Bruno Mars - Marry you</li>
<li class="list-group-item">Bruno Mars - Talkin to the Moon</li>
<li class="list-group-item">Bruno Mars- Billionaire</li>
<li class="list-group-item">Celine Dion - My heart will go on</li>
<li class="list-group-item">Chopin - Nocturne 20 Cis Moll</li>
<li class="list-group-item">Christina Grimmie - Liar</li>
<li class="list-group-item">Christina Grimmie - Unforgivable</li>
<li class="list-group-item">Christina Perri - Jar of hearts</li>
<li class="list-group-item">Christina Perrie - A thousand years</li>
<li class="list-group-item">Chrstina Grimmie - King of Thieves</li>
<li class="list-group-item">Clean Bandit - Rather be </li>
<li class="list-group-item">Diddy Dirty Money - Coming home</li>
<li class="list-group-item">Die Kinder des Monsieur Mathieu - Caresse sur L´océan</li>
<li class="list-group-item">Die Kinder des Monsieur Mathieu - Vois sur ton chemin</li>
<li class="list-group-item">Die Ärzte - Junge </li>
<li class="list-group-item">Droplex - Gina </li>
<li class="list-group-item">Ed Sheehan - I see fire </li>
<li class="list-group-item">Ellie Golding - lights </li>
<li class="list-group-item">Elton John - can you feel the love tonight </li>
<li class="list-group-item">Elton John - circle of life</li>
<li class="list-group-item">Emeli Sandé - Read all about it</li>
<li class="list-group-item">Eminem - I need a doctor</li>
<li class="list-group-item">Eminem - Not afraid</li>
<li class="list-group-item">Eminem - We made you</li>
<li class="list-group-item">Eminem ft. Bruno Mars - Lighters</li>
<li class="list-group-item">Eminem ft. Rihanna - Love the way you lie</li>
<li class="list-group-item">Eminem- Till i collapse</li>
<li class="list-group-item">Enrique Iglesias - Tonight im loving you</li>
<li class="list-group-item">Enya - Only time</li>
<li class="list-group-item">Evanescence - Hello</li>
<li class="list-group-item">Evanescence - My immortal</li>
<li class="list-group-item">Fun - We are young</li>
<li class="list-group-item">Game of Thrones Theme</li>
<li class="list-group-item">Gary Jules - Mad world </li>
<li class="list-group-item">Green Day - 21 Guns</li>
<li class="list-group-item">Green Day - Boulevard of broken dreams</li>
<li class="list-group-item">Habits - stay high </li>
<li class="list-group-item">Hans Zimmer - Fluch der Karibik</li>
<li class="list-group-item">Hans Zimmer - Tennesse (Pearl Harbor)</li>
<li class="list-group-item">Hurts - Stay</li>
<li class="list-group-item">Hurts - Wonderful life</li>
<li class="list-group-item">Inception theme </li>
<li class="list-group-item">Iyaz- Replay</li>
<li class="list-group-item">Iyaz- Replay</li>
<li class="list-group-item">Jason Mraz - I won't give up</li>
<li class="list-group-item">Jason Walker - Down</li>
<li class="list-group-item">Jessi J - Price Tag</li>
<li class="list-group-item">Johann von Pachelbel - Pachelbelcanon</li>
<li class="list-group-item">John Legend - All of me </li>
<li class="list-group-item">John Lennon - Imagine</li>
<li class="list-group-item">Kaan - Waving flag</li>
<li class="list-group-item">Kelly Clarkson - Because of you</li>
<li class="list-group-item">Kelly Clarkson - My life would suck without you</li>
<li class="list-group-item">Kings of Leon - Use somebody</li>
<li class="list-group-item">Lady Gaga - Edge of Glory</li>
<li class="list-group-item">Lady Gaga - Just dance</li>
<li class="list-group-item">Lady Gaga - Paparazzi</li>
<li class="list-group-item">Lady Gaga - Pokerface</li>
<li class="list-group-item">Lana Del Ray - Summertime Sadness </li>
<li class="list-group-item">Leona Lewis - I see you (Avatar)</li>
<li class="list-group-item"></li>
</ul>
</div>
<div class="col-lg">
<ul class="list-group list-group-flush">
<li class="list-group-item">Leonard Cohen - Hallelujah</li>
<li class="list-group-item">Lil Wayne - Mirrors</li>
<li class="list-group-item">Limp Bizkit - Behind blue Eyes</li>
<li class="list-group-item">Linkin Park - Castle of Glass</li>
<li class="list-group-item">Linkin Park - Crawling</li>
<li class="list-group-item">Linkin Park - In pieces</li>
<li class="list-group-item">Linkin Park - In the End</li>
<li class="list-group-item">Linkin Park - Iridescent</li>
<li class="list-group-item">Linkin Park - Leave out all the rest</li>
<li class="list-group-item">Linkin Park - New divide</li>
<li class="list-group-item">Linkin Park - No more sorrow</li>
<li class="list-group-item">Linkin Park - Numb</li>
<li class="list-group-item">Linkin Park - Robot boy</li>
<li class="list-group-item">Linkin Park - The catalyst</li>
<li class="list-group-item">Linkin Park - Valentines Day</li>
<li class="list-group-item">Linkin Park - Waiting for the end</li>
<li class="list-group-item">Linkin Park - What I've done</li>
<li class="list-group-item">LMFAO - Party Rock Anthem</li>
<li class="list-group-item">Lorde - Everybody wants to rule the world </li>
<li class="list-group-item">Ludovico Einaudi - Divenire</li>
<li class="list-group-item">Ludovico Einaudi - Fly</li>
<li class="list-group-item">Ludovico Einaudi - Gionrni Dispari</li>
<li class="list-group-item">Ludovico Einaudi - Nuvole Bianche</li>
<li class="list-group-item">Ludovico Einaudi - Una Mattina</li>
<li class="list-group-item">Lynyrd Skynyrd - Sweet Home Alabama </li>
<li class="list-group-item">Marlon Roudette - New age</li>
<li class="list-group-item">Maroon 5 - Payphone</li>
<li class="list-group-item">Martin Garrix - Animals </li>
<li class="list-group-item">Medicated - wiz khalifa</li>
<li class="list-group-item">Miley Cyrus - When I look at you</li>
<li class="list-group-item">Mozart - Rondo alla Turca</li>
<li class="list-group-item">Mr. Probz - Waves </li>
<li class="list-group-item">Neelix - Angel of Destruction</li>
<li class="list-group-item">Nelly - Just a Dream</li>
<li class="list-group-item">Olly Murs - My heart skips a beat</li>
<li class="list-group-item">One Republic - All the right moves</li>
<li class="list-group-item">One Republic - Apologize</li>
<li class="list-group-item">One Republic - Good Life</li>
<li class="list-group-item">One Republic - If i Lose myself</li>
<li class="list-group-item">One Republic - Secrets</li>
<li class="list-group-item">Opus - Life is life </li>
<li class="list-group-item">Owl City - Fireflies</li>
<li class="list-group-item">Passenger - Let her go</li>
<li class="list-group-item">Pink - Fucking perfect</li>
<li class="list-group-item">Pink - just give me a reason</li>
<li class="list-group-item">Pink - So what</li>
<li class="list-group-item">Pink - Try</li>
<li class="list-group-item">Ranj - Butterfly</li>
<li class="list-group-item">Ray Charles - Hit the Road Jack</li>
<li class="list-group-item">Richard Marx - Right here Waiting</li>
<li class="list-group-item">Rihanna - Russian Roulette</li>
<li class="list-group-item">Rihanna - Take a bow</li>
<li class="list-group-item">Rihanna - Unfaithful </li>
<li class="list-group-item">Rihanna ft. Eminem - Love the way you lie Part II</li>
<li class="list-group-item">Rise against - Hero of war </li>
<li class="list-group-item">Robin Schulz - Sun goes down </li>
<li class="list-group-item">Sam Smith - Stay with me </li>
<li class="list-group-item">Sam Tsui ft Christina Grimmie - Just a Dream</li>
<li class="list-group-item">Scorpions - Wind of change </li>
<li class="list-group-item">Sean Paul - She doesn't mind</li>
<li class="list-group-item">Shontelle - Impossible</li>
<li class="list-group-item">Silbermond - Das Beste</li>
<li class="list-group-item">Simple Plan - Save you</li>
<li class="list-group-item">Snow Patrol - Run</li>
<li class="list-group-item">Stanfour - In your arms</li>
<li class="list-group-item">Starsailor - Four to the Floor</li>
<li class="list-group-item">Steve Jablonsky - Arrival to Earth (Transformers)</li>
<li class="list-group-item">Söhne Mannheims - Und wenn ein Lied</li>
<li class="list-group-item">Taio Cruz - Break your Heart</li>
<li class="list-group-item">Taio Cruz - Dynamite</li>
<li class="list-group-item">Taio Cruz - Hangover</li>
<li class="list-group-item">Take That - Rule the World</li>
<li class="list-group-item">Take That - The flood</li>
<li class="list-group-item">The Passenger- Let her go </li>
<li class="list-group-item">The Script - Hall of fame</li>
<li class="list-group-item">The Script - Superheroes </li>
<li class="list-group-item">Two Steps from Hell - Heart of courage</li>
<li class="list-group-item">Usher - DJ got us falling in Love again</li>
<li class="list-group-item">Westlife- Mandy</li>
<li class="list-group-item">Yann Tiersen - Comptine d´un aute été</li>
<li class="list-group-item">Yiruma - River flows in you</li>
<li class="list-group-item"></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<p class="lead text-muted" style="text-align: center; padding-top: 40px">Musikwünsche, die sich nicht in meinem Repertoire befinden, können wir gerne persönlich besprechen, können jedoch in den meisten Fällen aus Zeitgründen nicht berücksichtigt werden. </p>
</div>
</section>
<!-- References Section -->
<section id="references" class="projects-section bg-light">
<section class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">Referenzen</h1>
<!--<p class="lead text-muted">Lassen Sie sich von meinen Referenzen überzeugen. In diesen Etablissements durfte ich mein Können schon unter Beweis stellen, teils als Pianist, teils als DJ.</p>-->
</div>
</section>
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<div style="padding-top: 50px; padding-left: 40px; padding-right: 40px; font-family: sans-serif">
<p class="lead text-muted">
Villa Eugenia Hechingen / Maisenburg Hayingen / Blauer Turm Tübingen / Casino am Neckar in Tübingen / Breuninger Stuttgart und breuningerLAND Sindelfingen / Kessler Beletage Esslingen / Destillerie Kohler Heumaden / Wiesengrund Stuttgart / Waldschenke Schömberg / Vereinshalle Bietigheim / Golfclub Hammetweil / Krauthof Ludwigsburg / Burg Hohen Neffen / Achalm Reutlingen / Landgasthof Löwen Weinstadt / Burg Lichtenstein / Klassenbauernhof Wolfach / Schwarzes Schaf Tübingen / Epplehaus Tübingen / Kuckuck Tübingen / MILANEO Stuttgart / Porsche Grand Prix Stuttgart / Marc Cain / Lehmann Club Stuttgart / Butterbrezel Tübingen / Club 27 Tübingen
</p>
</div>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="projects-section bg-light" style="padding-bottom: 10rem">
<section class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">Lernen Sie mich kennen!</h1>
</div>
</section>
<div class="container" style="padding-top: 40px">
<!-- Project One Row -->
<div class="row justify-content-center no-gutters mb-5 mb-lg-0">
<div class="col-lg-6">
<img class="img-fluid" src="img/hd.jpg">
</div>
<div class="col-lg-6" >
<div class="bg-black text-center h-100 project" >
<div class="d-flex h-100" style="background-color: #F8F9FA">
<div class="project-text w-100 my-auto text-center text-lg-left" >
<p class="mb-0">Musik ist schon Teil meines Lebens solange ich Denken kann. Als Kind faszinierte mich besonders das Piano und ich verdanke meine Eltern die Chance, dass sich diese Neugier in echte Passion entfalten konnte. Seitdem spiele ich bei jeglicher Gelegenheit und bin dessen bisher noch kein einziges Mal überdrüssig geworden. Seit 2015 bin ich Stammpianist im Bräuniger Land Stuttgart und startete so meine profesionelle Karriere als Musiker. Ein besonderes Highlight ist seit drei Jahren der Porsche Grand Prix in Stuttgart bei dem ich eine Woche lang internationale Gäste unterhalte. </p>
<hr class="d-none d-lg-block mb-0 ml-0">
</div>
</div>
</div>
</div>
</div>
<!-- Project Two Row -->
<div class="row justify-content-center no-gutters">
<div class="col-lg-6">
<img class="img-fluid" src="img/cedi6.jpg" alt="" style=" display: block;margin-left: auto;margin-right: auto;">
</div>
<div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100" style="background-color: #F8F9FA">
<div class="project-text w-100 my-auto text-center text-lg-right">
<p class="mb-0">2016 bin ich aufgrund meines beginnenden Lehramtstudiums nach Tübingen gezogen jedoch rasch gemerkt, dass mein Herz der Musik gehört und mache nun ein Ausbildung als Tondesigner in Stuttgart. Durch die vielen Impressionen die solche eine Stadt einem jungem Menschen gibt habe ich rasch das Auflegen für entdeckt. Die unzähligen Möglichkeiten Musik zu kombinieren zusammen mit der Begeisterung in den Gesichtern meiner tanzenden Gäste fasziniert und freut mich jedes Mal auf's Neue. Mittlerweile habe auf unzähligen Partys, Firmenfeiern, Hochzeiten, Geburtstagsfeiern und natürlich in vielen Clubs im Raum Tübingen und Stuttgart aufgelegt. </p>
<hr class="d-none d-lg-block mb-0 mr-0">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Signup Section -->
<section id="signup" class="signup-section" >
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8 mx-auto text-center">
<i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
<h2 class="text-white mb-5">Lassen Sie uns Ihre Hochzeitsmuisk planen!</h2>
<form class="form-inline d-flex">
<a href="anfrage.html" class="btn btn-primary mx-auto">Unverbindliche Anfrage</a>
</form>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="contact-section bg-black">
<div class="container">
<div class="row">
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-map-marked-alt text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Adresse</h4>
<hr class="my-4">
<div class="small text-black-50">Jesinger Hauptstraße 122 - 72070 Tübingen</div>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-envelope text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Email</h4>
<hr class="my-4">
<div class="small text-black-50">
<a href="#">[email protected]</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-mobile-alt text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Telefon</h4>
<hr class="my-4">
<div class="small text-black-50">015229388835</div>
</div>
</div>
</div>
</div>
<div class="social d-flex justify-content-center">
<a href="https://www.instagram.com/cedricscheibel/?hl=en" class="mx-2">
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.facebook.com/cedricscheibelofficial/" class="mx-2">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.youtube.com/channel/UC8PgopaQoi7ur5uo-JSboxw" class="mx-2">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-black small text-center text-white-50">
<div class="container">
<!--Copyright © Your Website 2019-->
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/grayscale.min.js"></script>
</body>
</html>