-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
83 lines (77 loc) · 3.39 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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<title>Vorstellung</title>
</head>
<body>
<script>
function toggleNavbar() {
var navbar = document.getElementById("myNavbar");
if (navbar.className === "navbar") {
navbar.className += " responsive";
navbar.classList.add("slide-in-animation");
} else {
navbar.className = "navbar";
navbar.classList.add("slide-out-animation");
setTimeout(function() {
navbar.classList.remove("slide-out-animation");
}, 500);
}
}
</script>
<div id="background">
<div class="navbar" id="myNavbar">
<a href="javascript:void(0);" class="icon" onclick="toggleNavbar()">
<i class="fa fa-bars"></i>
</a>
</a>
<a href="./index.html">Zurück</a>
<a href="Kontaktdaten.html">Kontaktdaten</a>
<a href="./Kontakt.html">Kontaktaufnahme</a>
</div>
<div id="Schulische Laufbahn">
<h1>Vorstellung von Gabriel</h1>
</div>
<div>
<p>Ich bin Gabriel Richter, 16 Jahre alt, und mache mein berufsorientierendes Praktikum derzeit bei der Join GmbH. </p>
</div>
<div>
<p> Dabei soll ich mich mit Hilfe einer HTML-Website selbst vorstellen. </p>
</div>
<div>
<h2>Schulische Laufbahn</h2>
<p>2013: <a href="https://www.ev-grundschule-eisenach.de/">Evangelische Grundschule Eisenach</a>
<br>
2017: <a href="https://www.martin-luther-gymnasium.com/">Martin Luther Gymnasium Eisenach</a>
<br> Voraussichlicher Abschluss: Abitur 5/2025
</p>
</div>
<p id="och">
_
</p>
<div>
<h2>Hobbys</h2>
<p>Klavier spielen ist eine wunderbare Möglichkeit, meine Liebe zur Musik auszudrücken. Ich genieße es, verschiedene Stile zu erkunden und meiner Kreativität freien Lauf zu lassen.
Hierbei gefällt es mir besonders Jazz, aber auch klassische Musik bzw. auch Musik aus Medien wie Filmen oder Videospielen zu spielen </p>
<p>Seit ungefähr einem Jahr nehme ich aktiv an Paartanzunterricht teil, wobei wir als Gruppe damit auch auf verschiedenen Bällen auftreten.</p>
<p>In meiner Freizeit spiele ich auch verschiedenste Videospiele.
Dabei habe ich keine speziellen Präferenzen für jene Genre.
Zu meinen Lieblingsspielen gehören Hollow Knight, Satisfactory, Elden Ring, Hades, The Messenger, Ultrakill und Half Life samt Portal
</p>
<p>Kochen ist für mich eine kreative Auszeit vom Alltag.
Ich liebe es, neue Rezepte auszuprobieren und mit frischen Zutaten Gerichte zuzubereiten.</p>
<p>Wie zu Beginn bereits aufgelistet, spiele ich Klavier, jedoch bin ich beim Spielen stets primär bemüht, eigene Komostionen zu erstellen, oder Improvisationen zu bereits bekannten Liedern zu erstellen</p>
</div>
<footer>
Erstellt am 02.02.2024 innerhalb des berufsorientierenden Praktikums bei <a href="https://www.join.de/">Join</a>
</footer>
</div>
</body>
</html>