Add all files

BryanLemcke · Mar 22, 2024 · 3b00378 · 3b00378
1 parent 751889d
commit 3b00378
Show file tree

Hide file tree

Showing 10 changed files with 474 additions and 0 deletions.
diff --git a/images/Profilbild.jpg b/images/Profilbild.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,212 @@
+<!-- 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>
+ <!--
+ <script>
+ var password = "BryansBewerbung";
+ (function passcodeprotect() {
+ var passcode = prompt("Geben Sie das Passwort ein");
+ while (passcode !== password) {
+ alert("Falsches Passwort");
+ return passcodeprotect();
+ }
+ }());
+ </script> -->
+ <!-- Navigationbar-->
+
+ <header class="header">
+ <a href="#intro" class="name">Bryan Lemcke</a>
+
+ <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="introflexbox">
+ <h1>
+ “Hallo, ich bin Bryan aus Lübeck und liebe es,
+ mich in der digitalen Welt kreativ auszuleben”
+ </h1>
+ </div>
+ <div class="introflexbox">
+ <img src="images/Profilbild.jpg" alt="Junger stattlicher Mann">
+ </div>
+ </div>
+
+ </section>
+
+ <!-- About me-->
+ <section id="me">
+ <div class="about">
+ <div class="section">
+ <a href="#" class="description">Über mich</a>
+ </div>
+
+ <div class="contentabout">
+ <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>
+
+ <div class="motivationbutton">
+ <p>Mein komplettes 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">
+
+ <h1>Persönliche Daten</h1>
+ <div class="left">
+ <p>Name <br>
+ Geburtstag <br>
+ Adresse</p>
+ </div>
+ <div class="right">
+ <p>Bryan Lemcke <br>
+ 04.05.1999 <br>
+ Bardowieker Weg 37 </p>
+ </div>
+
+ <h1>Berufserfahrung</h1>
+ <div class="left">
+ <p>11/2020 - 10/2021 <br>
+ <br>
+ 10/2014 - 08/2019 </p>
+ </div>
+ <div class="right">
+ <p>
+ LidlVertriebs-GmbH & Co. KG- Siek <br>
+ Werkstudent <br>
+ Trave-Apotheke <br>
+ Bote
+ </p>
+ </div>
+
+ <h1>Ausbildung</h1>
+ <div class="left">
+ <p>
+ 10/2018 - 09/2023 <br> <br>
+ 2018 
+ </p>
+ </div>
+ <div class="right">
+ <p>
+ Universität zu Lübeck <br>
+ B.Sc. Medieninformatik <br>
+ Ernestinenschule zu Lübeck <br>
+ Abitur
+ </p> 
+ </div>
+
+ <h1>Kenntnisse und Interessen</h1>
+ <div class="left">
+ <p>
+ Fremdsprachen <br> <br>
+ IT-Kenntnisse <br> <br>
+ Hobbys <br>
+ </p>
+ </div>
+ <div class="right">
+ <p>
+ Deutsch (Muttersprache) <br>
+ Englisch (gut) <br>
+ Grundkenntnisse in C#, HTML, CSS, <br> Axure RP und Figma <br>
+ Gaming, Sport, Lesen, Zeichnen/Malen
+ </p>
+ </div>
+
+ <div class="cvbutton">
+ <p>Lebenslauf:</p>
+ <a onclick="window.open('pdfs/Lebenslauf_BryanLemcke.pdf', '_blank')" class="pdfbutton" style="--clr:#555555">
+ <span>
+ Lebenslauf.pdf
+ </span> 
+ </a>
+ </div>
+ </div>
+ </section>
+
+ <section id="qualification" class="qualification">
+ <div class="section">
+ <a href="#" class="description">Qualifikationen</a>
+ </div>
+
+ <h1>Zeugnisse</h1>
+ <div class="qualleft">
+ <p>
+ Abitur <br>
+ B.Sc. Medieninformatik <br>
+ Arbeitszeugnis Trave Apotheke <br>
+ Arbeitszeugnis Lidl <br>
+ </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>
+ Arbeitszeugnis_TraveApotheke.pdf
+ </span> 
+ </a> <br>
+
+ <a onclick="window.open('pdfs/Arbeitszeugnis_Lidl_BryanLemcke.pdf', '_blank')" class="pdfbutton">
+ <span>
+ Arbeitszeugnis_Lidl.pdf
+ </span> 
+ </a>
+ </div>
+ </section>
+
+ <footer>
+ <div class="contact">
+ <h1>Kontakt</h1>
+ <p>Handy: +49 160 2163882 <br>
+ E-Mail: [email protected]</p>
+ </div>
+ </footer>
+</body>
+
+</html>
diff --git a/pdfs/Arbeitszeugnis_Lidl_BryanLemcke.pdf b/pdfs/Arbeitszeugnis_Lidl_BryanLemcke.pdf
diff --git a/pdfs/Arbeitszeugnis_TraveApotheke_BryanLemcke.pdf b/pdfs/Arbeitszeugnis_TraveApotheke_BryanLemcke.pdf
diff --git a/pdfs/Lebenslauf_BryanLemcke.pdf b/pdfs/Lebenslauf_BryanLemcke.pdf
diff --git a/pdfs/Motivationsschreiben_BryanLemcke.pdf b/pdfs/Motivationsschreiben_BryanLemcke.pdf
diff --git a/pdfs/Zeugnis_Abitur_BryanLemcke.pdf b/pdfs/Zeugnis_Abitur_BryanLemcke.pdf
diff --git a/pdfs/Zeugnis_BachelorMDI_BryanLemcke.pdf b/pdfs/Zeugnis_BachelorMDI_BryanLemcke.pdf
diff --git a/script.js 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');
+})