-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
169 lines (152 loc) · 6.73 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
<!-- Author: Bryan Lemcke Info: Diese Webseite dient zur Unterstützung bei Bewerbungen.
Alle Inhalte sind Eigentum des Autors -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bewerbung_von_Bryan_Lemcke</title>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<!-- Navigationbar-->
<header class="header">
<p>Bryan Lemcke</p>
<nav class="navbar">
<a href="#me">Über mich</a>
<a href="#cv">Lebenslauf</a>
<a href="#qualification">Qualifikationen</a>
</nav>
</header>
<!-- Intro-->
<section id="intro">
<div class="intro">
<div class="introbox">
<h1>
“Hallo, ich bin Bryan aus Lübeck und lebe mich gerne kreativ aus, sowohl analog als auch digital”
</h1>
<img src="images/Profilbild.jpg" alt="Junger stattlicher Mann">
</div>
</div>
</section>
<!-- About me-->
<section id="me">
<div class="section">
<a href="#" class="description">Über mich</a>
</div>
<div class="about">
<p>Ich bin Student der Medieninformatik mit großem Interesse am User Experience Design.
Bereits in jungen Jahren begeisterten mich digitale Medien und die Möglichkeiten, mit ihnen Probleme im alltäglichen Leben zu lösen.
Ich besitze eine gute Auffassungsgabe und ein Auge fürs Detail, was mir unter anderem im Studium half ein Gespür für Layout und User-Führung zu entwickeln, welches ich wiederum unbedingt in meiner Abschlussarbeit einsetzen wollte.
Durch verschiedenen Nebentätigkeiten habe ich gelernt mit Kunden und Teamkameraden zu arbeiten.
Sollte es jedoch zu Problemen kommen bin ich gewillt diese möglichst effizient und zufriedenstellend zu lösen.
Zurzeit bin ich auf der Suche nach einer studentischen Beschäftigung im Bereich UX Design, um meine derzeitigen Kenntnisse zu erweitern und praktische Erfahrung zu sammeln.
</p>
<div class="motivationbutton">
<p>Mein vollständiges Motivationsschreiben können Sie hier einsehen:</p> <br>
<a onclick="window.open('pdfs/Motivationsschreiben_BryanLemcke.pdf', '_blank')" class="pdfbutton" style="--clr:#555555">
<span>
Motivationsschreiben.pdf
</span>
</a>
</div>
</div>
</section>
<!-- CV-->
<section id="cv">
<div class="section">
<a href="#" class="description">Lebenslauf</a>
</div>
<div class="cv">
<div class="cvcontent">
<div class="left">
<h1>Persönliche Daten</h1>
<p>Name <br> Geburtstag <br> Adresse</p>
<br> <br>
<h1>Berufserfahrung</h1>
<p>11/2020 - 10/2021 <br> <br> 10/2014 - 08/2019 </p>
<br> <br>
<h1>Ausbildung</h1>
<p>10/2018 - 09/2023 <br> <br> 2018</p>
<br> <br>
<h1>Kenntnisse und Interessen</h1>
<p>Fremdsprachen <br> <br> IT-Kenntnisse <br> <br> Hobbys <br></p>
<br>
</div>
<div class="right">
<p><br> Bryan Lemcke <br> 04.05.1999 <br> Bardowieker Weg 37 <br> 23568 Lübeck</p>
<br><br>
<p>LidlVertriebsGmbH & Co. KG-Siek <br> Werkstudent <br>Trave-Apotheke <br> Bote</p>
<br><br>
<p>Universität zu Lübeck <br> B.Sc. Medieninformatik <br> Ernestinenschule zu Lübeck <br> Abitur</p>
<br><br>
<p>Deutsch (Muttersprache) <br>Englisch (gut) <br> Grundkenntnisse in C#, HTML, CSS <br> Axure RP und Figma <br> Gaming, Sport, Lesen, Zeichnen</p>
<br>
</div>
</div>
<p>Den gesamten Lebenslauf können Sie hier einsehen:</p> <br>
<a onclick="window.open('pdfs/Lebenslauf_BryanLemcke.pdf', '_blank')" class="pdfbutton" style="--clr:#555555">
<span>
Lebenslauf.pdf
</span>
</a>
</div>
</section>
<section id="qualification" class="qualification">
<div class="section">
<a href="#" class="description">Qualifikationen</a>
</div>
<h1>Zeugnisse</h1>
<div class="qual">
<div class="qualleft">
<p>
Abitur <br> B.Sc. Medieninformatik <br> Arbeitszeugnis Trave Apotheke <br> Arbeitszeugnis Lidl
</p>
</div>
<div class="qualright">
<a onclick="window.open('pdfs/Zeugnis_Abitur_BryanLemcke.pdf', '_blank')" class="pdfbutton">
<span>
Zeugnis_Abitur.pdf
</span>
</a>
<br>
<a onclick="window.open('pdfs/Zeugnis_BachelorMDI_BryanLemcke.pdf', '_blank')" class="pdfbutton">
<span>
Zeugnis_BachelorMDI.pdf
</span>
</a>
<br>
<a onclick="window.open('pdfs/Arbeitszeugnis_TraveApotheke_BryanLemcke.pdf', '_blank')" class="pdfbutton">
<span>
Zeugnis_TraveApotheke.pdf
</span>
</a>
<br>
<a onclick="window.open('pdfs/Arbeitszeugnis_Lidl_BryanLemcke.pdf', '_blank')" class="pdfbutton">
<span>
Zeugnis_Lidl.pdf
</span>
</a>
</div>
</div>
</section>
<script>
var password = "BryanLemcke";
(function passcodeprotect() {
var passcode = prompt("Geben Sie das Passwort ein");
while (passcode !== password) {
alert("Falsches Passwort");
return passcodeprotect();
}
}());
</script>
<footer>
<div class="contact">
<h1>Kontakt</h1>
<p>Handy: +49 160 2163882 <br>
E-Mail: [email protected]</p>
</div>
</footer>
</body>
</html>