-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (69 loc) · 3.69 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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<link rel="canonical" href="https://www.niklas-buse.de"/>
<title>Niklas Buse - Work</title>
<meta name="description" content="Tauche ein in meine bisherigen Projekte und gewinne Einblicke in meine wertvollen Erfahrungen.">
<link rel="icon" href="/static/media/Logo_Responsiv.svg" type="image/svg+xml">
<link rel="stylesheet" href="/static/fonts/fontawesome.all-v6.4.0.css">
<script src="https://code.jquery.com/jquery-3.6.3.min.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/magic-grid/dist/magic-grid.min.js"></script>
<link rel="stylesheet" href="/static/css/color.css">
<link rel="stylesheet" href="/static/css/main.css">
<link rel="stylesheet" href="/static/css/navbar.css">
<link rel="stylesheet" href="/static/css/index.css">
<script src="/static/js/projects.js"></script>
</head>
<body>
<nav class="topnav" id="navigationBar">
<div id="menuToggle">
<input type="checkbox" title="Navigation ausklappen">
<span></span>
<span></span>
<span></span>
<ul id="menu">
<li><a href="/">Work.</a></li>
<li><a href="/about.html">About.</a></li>
<li><a href="/blog.html">Blog.</a></li>
</ul>
</div>
</nav>
<div id="profile" title="Kontaktdaten">
<img id="profile_img" src="/static/media/Profilbild.jpg" alt="Profilbild von Niklas Buse vor weißem Hintergrund">
<div id="username"><span style="display:block;">Niklas Buse</span>
<a href="https://github.com/ScreepCode" title="Nutzername GitHub">@ScreepCode</a></div>
<div id="about">
<span style="display:block;"><i class="fa-fw fas fa-envelope"></i>
<a href="mailto:mail@niklas-buse.de" title="E-Mail Adresse">mail@niklas-buse.de</a></span>
<span style="display:block;"><i class="fa-fw fas fa-link"></i>
www.niklas-buse.de</span>
<span style="display:block;"><i class="fa-fw fas fa-map-marker-alt"></i>
Bruchsal (DE)</span>
<div class="socials">
<span style="display:block;"><a href="https://discordapp.com/users/295965839713370123" target="_blank" class="socials" title="Link zum Discord Profil">
<i class="fa-fw fab fa-discord"></i></a></span>
<span style="display:block;"><a href="https://github.com/ScreepCode" target="_blank" class="socials" title="Link zum GitHub Profil">
<i class="fa-fw fab fa-github"></i></a></span>
<span style="display:block;"><a href="tel:+491624730266" target="_blank" class="socials" title="Handynummer">
<i class="fa-fw fa-solid fa-phone"></i></a></span>
<span style="display:block;"><a href="https://www.linkedin.com/in/niklas-buse/" target="_blank" class="socials" title="Link zum LinkedIn Profil">
<i class="fa-fw fab fa-linkedin-in"></i></a></span>
</div>
</div>
<div id="legal">
<span style="display:block;"><a href="/datenschutz.html" title="Datenschutzerklärung">Datenschutzerklärung</a></span>
<span style="display:block;"><a href="/impressum.html" title="Impressum">Impressum</a></span>
</div>
</div>
<div id="display">
<div id="work">
<h1>Work.</h1>
<div class="projects" id="work_section">
</div>
</div>
</div>
</body>
</html>