diff --git a/images/Profilbild.jpg b/images/Profilbild.jpg new file mode 100644 index 0000000..0b6987b Binary files /dev/null and b/images/Profilbild.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c6b95ac --- /dev/null +++ b/index.html @@ -0,0 +1,212 @@ + + + + + + + + Bewerbung_von_Bryan_Lemcke + + + + + + + + +
+ Bryan Lemcke + + +
+ + +
+
+
+

+ “Hallo, ich bin Bryan aus Lübeck und liebe es, + mich in der digitalen Welt kreativ auszuleben” +

+
+
+ Junger stattlicher Mann +
+
+ +
+ + +
+
+
+ Über mich +
+ +
+

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. +

+
+ +
+

Mein komplettes Motivationsschreiben können Sie hier einsehen:


+ + + Motivationsschreiben.pdf + + +
+ +
+
+ + +
+
+ Lebenslauf +
+ +
+ +

Persönliche Daten

+
+

Name
+ Geburtstag
+ Adresse

+
+
+

Bryan Lemcke
+ 04.05.1999
+ Bardowieker Weg 37

+
+ +

Berufserfahrung

+
+

11/2020 - 10/2021
+
+ 10/2014 - 08/2019

+
+
+

+ LidlVertriebs-GmbH & Co. KG- Siek
+ Werkstudent
+ Trave-Apotheke
+ Bote +

+
+ +

Ausbildung

+
+

+ 10/2018 - 09/2023

+ 2018 +

+
+
+

+ Universität zu Lübeck
+ B.Sc. Medieninformatik
+ Ernestinenschule zu Lübeck
+ Abitur +

+
+ +

Kenntnisse und Interessen

+
+

+ Fremdsprachen

+ IT-Kenntnisse

+ Hobbys
+

+
+
+

+ Deutsch (Muttersprache)
+ Englisch (gut)
+ Grundkenntnisse in C#, HTML, CSS,
Axure RP und Figma
+ Gaming, Sport, Lesen, Zeichnen/Malen +

+
+ +
+

Lebenslauf:

+ + + Lebenslauf.pdf + + +
+
+
+ +
+
+ Qualifikationen +
+ +

Zeugnisse

+
+

+ Abitur
+ B.Sc. Medieninformatik
+ Arbeitszeugnis Trave Apotheke
+ Arbeitszeugnis Lidl
+

+
+
+ + + Zeugnis_Abitur.pdf + +
+ + + + Zeugnis_BachelorMDI.pdf + +
+ + + + Arbeitszeugnis_TraveApotheke.pdf + +
+ + + + Arbeitszeugnis_Lidl.pdf + + +
+
+ + + + + \ No newline at end of file diff --git a/pdfs/Arbeitszeugnis_Lidl_BryanLemcke.pdf b/pdfs/Arbeitszeugnis_Lidl_BryanLemcke.pdf new file mode 100644 index 0000000..1044b82 Binary files /dev/null and b/pdfs/Arbeitszeugnis_Lidl_BryanLemcke.pdf differ diff --git a/pdfs/Arbeitszeugnis_TraveApotheke_BryanLemcke.pdf b/pdfs/Arbeitszeugnis_TraveApotheke_BryanLemcke.pdf new file mode 100644 index 0000000..eab4d25 Binary files /dev/null and b/pdfs/Arbeitszeugnis_TraveApotheke_BryanLemcke.pdf differ diff --git a/pdfs/Lebenslauf_BryanLemcke.pdf b/pdfs/Lebenslauf_BryanLemcke.pdf new file mode 100644 index 0000000..e2668fb Binary files /dev/null and b/pdfs/Lebenslauf_BryanLemcke.pdf differ diff --git a/pdfs/Motivationsschreiben_BryanLemcke.pdf b/pdfs/Motivationsschreiben_BryanLemcke.pdf new file mode 100644 index 0000000..3790f07 Binary files /dev/null and b/pdfs/Motivationsschreiben_BryanLemcke.pdf differ diff --git a/pdfs/Zeugnis_Abitur_BryanLemcke.pdf b/pdfs/Zeugnis_Abitur_BryanLemcke.pdf new file mode 100644 index 0000000..fbffbbb Binary files /dev/null and b/pdfs/Zeugnis_Abitur_BryanLemcke.pdf differ diff --git a/pdfs/Zeugnis_BachelorMDI_BryanLemcke.pdf b/pdfs/Zeugnis_BachelorMDI_BryanLemcke.pdf new file mode 100644 index 0000000..dd6545b Binary files /dev/null and b/pdfs/Zeugnis_BachelorMDI_BryanLemcke.pdf differ diff --git a/script.js b/script.js new file mode 100644 index 0000000..0677c31 --- /dev/null +++ b/script.js @@ -0,0 +1,7 @@ +const menu = document.querySelector('#mobile-menu') +const menuLinks = document.querySelector('.navbar_menu') + +menu.addEventListener('click', function() { + menu.classList.toggle('is-active'); + menuLinks.classList.toggle('active'); +}) diff --git a/style.css b/style.css new file mode 100644 index 0000000..3924c0e --- /dev/null +++ b/style.css @@ -0,0 +1,255 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Times New Roman'; +} + +body{ + display: flex; + flex-direction: column; + background: white; + color: black; +} + +footer{ + background: #0f1a1d; + color: white; + width: 100%; + padding-top: 80px; + padding-bottom: 80px; +} + +/*-------Navigationbar------*/ +.header{ + position: fixed; + top: 0; + left: 0; + width: 100%; + padding: 20px 100px; + background: #0f1a1d; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 100; +} + +.name{ + background-color: none; + font-size: 32px; + color: white; + text-decoration: none; + font-weight: bold; + font-style: italic; + cursor: default; +} + +.navbar a{ + position: relative; + font-size: 24px; + color: white; + font-weight: bold; + text-decoration: none; + margin-left: 40px; +} + +.navbar a:hover{ + color: rgb(74, 229, 237); +} + +/*-------Button------*/ + +.pdfbutton{ + cursor: pointer; + font-size: 20px; + padding: 2px 10px 2px 10px; + background: white; + text-decoration: none; + letter-spacing: 0px; + outline: thick double #0f1a1d; +} + +.pdfbutton :hover{ + color: rgb(74, 229, 237); +} + +/*-------Intro------*/ +.intro{ + height: 100vh; + display: flex; + align-items: center; + justify-content: center; +} + +.introflexbox{ + display: flex; + justify-content: center; + align-items: center; + color: white; + background: #539bac; + width: 50%; + height: 60%; +} + +.intro img{ + display: flex; + justify-content: center; + align-items: center; + height: 100%; +} + +.intro h1{ + font-size: 46px; + display: flex; + justify-content: center; + align-items: center; + height: 100%; + margin: 0; + padding: 0; + text-align: center; + margin-left: 100px; +} + +/*-------About me------*/ +.section{ + width: 100%; + padding: 20px 100px; + background: #0f1a1d; + display: flex; + justify-content: space-between; + align-items: center; +} + +.about{ + margin-bottom: 30px; +} + +.description{ + color: white; + font-size: 28px; + text-decoration: none; + font-weight: bold;; + cursor: default; +} + +.contentabout{ + line-height: 150% ; + font-size: 20px; + display: flex; + justify-content: center; + align-items: center; + height: 100%; + margin: 0; + padding: 0; +} + +.contentabout p{ + margin-top: 30px; + margin-bottom: 30px; + margin-left: 100px; + margin-right: 100px; +} + +.motivationbutton{ + margin-top: 30px; + margin-left: 100px; +} + +.motivationbutton p{ + font-size: 20px; +} + +/*-------CV------*/ + +.cv{ + width: 100%; + margin-top: 30px; + margin-bottom: 30px; + padding: 0; +} + +.cv h1{ + text-decoration: underline; + margin-left: 100px; + margin-bottom: 30px; +} + + +.left{ + line-height: 150% ; + font-size: 20px; + width: 50%; + float: left; + +} +.left p{ + margin-bottom: 35px; + margin-left: 100px; +} + +.right{ + line-height: 150% ; + font-size: 20px; + width: 50%; + float: right; +} +.right p{ + margin-bottom: 35px; +} + +.cvbutton{ + margin-top: 30px; + margin-left: 100px; +} + +.cvbutton p{ + font-size: 20px; + margin-bottom: 5px; +} + + +/*-------Qualification------*/ +.qualification{ + margin-bottom: 30px; +} + +.qualification h1{ + text-decoration: underline; + margin-top: 30px; + margin-left: 100px; + margin-bottom: 30px; +} + +.qualleft{ + margin-left: 100px; + line-height: 220% ; + font-size: 20px; + width: 40%; + float: left; +} + +.qualright{ + line-height: 220%; + font-size: 20px; + width: 50%; + float: right; +} + +/*-------Footer------*/ + +.contact{ + text-align: center; +} +.contact p{ + margin-left: 40%; + margin-right: 40%; + font-size: 20px; +} + +.contact h1{ + cursor: default; + text-decoration: underline; + margin-left: 40%; + margin-right: 40%; + margin-bottom: 30px; +}