-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (70 loc) · 3.17 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
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<head>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<title>Kai Wißler</title>
</head>
<body>
<div class="container">
<div class="image-wrapper">
<img class="slides active" src="assets/slide1.jpg">
<img class="slides" src="assets/slide2.jpg">
<img class="slides" src="assets/slide3.jpg">
</div>
<div class="header">
<div id="logo">Kai Wißler</div>
<div id="social-media-container-top">
<a href="https://twitter.com/singerkaiw" class="sm twitter" target="_blank"><div class="socicon-twitter"></div></a>
<a href="https://www.facebook.com/singerkai/" class="sm facebook" target="_blank"><div class="socicon-facebook"></div></a>
<a href="https://www.youtube.com/channel/UC-XDVNaqef2U_5HnGZrRxvA" class="sm youtube" target="_blank"><div class="socicon-youtube"></div></a>
<a href="https://www.instagram.com/singerkai/" class="sm instagram" target="_blank"><div class="socicon-instagram"></div></a>
</div>
</div>
<div id="video-wrapper">
<iframe src="https://www.youtube.com/embed/612Zmvqo1wU" frameborder="0" allowfullscreen></iframe>
<iframe src="https://www.youtube.com/embed/nsiN3AGaI70" frameborder="0" allowfullscreen></iframe>
<iframe src="https://www.youtube.com/embed/fIDPXSR_o8U" frameborder="0" allowfullscreen></iframe>
</div>
<div class="section" id="sec-black">
<span class="headline">Bio</span>
<div class="flowingtext">
My name is Kai. Born 1996, I'm a young singer and songwriter from Germany.<br>
I would describe my musical style as a mixture between Pop, Soul and Electronic.
</div>
</div>
<div class="section" id="sec-grey">
<span class="headline">Vita</span>
<div class="flowingtext">
<b>2012 - 2015</b><br><br>A-Level at Richard-Fehrenbach-Gewerbeschule in Freiburg, Germany<br><br>
<b>2016 - </b><br><br>Study of Media Informatics at hKDM Freiburg
</div>
</div>
<div class="section" id="sec-black">
<span class="headline">Wanna see more?</span>
<div class="flowingtext">
Then check out my social media channels:
<div id="social-media-container-bottom">
<a href="https://twitter.com/singerkaiw" class="sm twitter black" target="_blank"><div class="socicon-twitter"></div></a>
<a href="https://www.facebook.com/singerkai/" class="sm facebook black" target="_blank"><div class="socicon-facebook"></div></a>
<a href="https://www.youtube.com/channel/UC-XDVNaqef2U_5HnGZrRxvA" class="sm youtube black" target="_blank"><div class="socicon-youtube"></div></a>
<a href="https://www.instagram.com/singerkai/" class="sm instagram black" target="_blank"><div class="socicon-instagram"></div></a>
</div>
</div>
</div>
<div class="section" id="sec-grey">
<span class="headline">Impressum</span>
<div class="flowingtext">
<b>Kai Wißler</b><br>
Prägenhofstraße 59<br>
79256 Buchenbach<br>
Deutschland<br><br>
kai.wissler@gmx.de
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="js/Main.js"></script>
</body>
</html>