mirror of
https://github.com/stan-turing/website.git
synced 2025-03-06 20:53:28 +01:00
95 lines
No EOL
5.1 KiB
HTML
95 lines
No EOL
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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="css/styles.css">
|
|
<link rel="shortcut icon" href="img/pgcircle.png" type="image/x-icon">
|
|
<title>Patrick Gerhartz</title>
|
|
</head>
|
|
<body>
|
|
<div class="top-container" id="home">
|
|
<header>
|
|
<img src="img/pgcircle.png" alt="logo" class="logo">
|
|
<div class="hamburger">
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
</div>
|
|
<nav class="nav-bar">
|
|
<ul>
|
|
<li>
|
|
<a href="#home">home</a>
|
|
</li>
|
|
<li>
|
|
<a href="#whoami">whoami</a>
|
|
</li>
|
|
<li>
|
|
<a href="#projekte">projects</a>
|
|
</li>
|
|
<li>
|
|
<a href="#blog">//blog</a>
|
|
</li>
|
|
<li>
|
|
<a href="#contact-me">contact</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<img class="hi-me" src="img/hi.png" alt="hello" width="200px">
|
|
<h1 class="hi-title">Hi, ich bin Patrick :)</h1>
|
|
<h2 class="short-bio">Ich liebe es neues zu lernen und spannende Probleme zu lösen.
|
|
</h2>
|
|
<div class="intro-links">
|
|
<a class="know-more" href="#whoami">Mehr erfahren</a>
|
|
<a class="cv" href="cv_patrickgerhartz.pdf" download>Download CV</a>
|
|
</div>
|
|
<div id="whoami" class="nav-line"></div>
|
|
</div>
|
|
<div class="middle-container">
|
|
<br>
|
|
<div class="profile">
|
|
<h2 id="whoami-title">whoami? - Und wenn ja, wie viele?</h2>
|
|
<p class="intro">Puh, das ist eine gute Frage. ^^ Aber um nicht in philosophische Gedanken abzudriften.. <br>
|
|
Hi, mein Name ist Patrick Gerhartz und ich mache gerade eine Ausbildung zum Fachinformatiker für Anwendungsentwicklung. <br>
|
|
Ich liebe es Probleme zu lösen und mein Spezialinteresse ist die IT-Sicherheit. Mich fasziniert es, wie unsere digitale Welt funktioniert und manchmal kurz vor dem Kollaps steht, ohne dass die meisten Menschen je davon erfahren würden. <br>
|
|
Die Hacking Angriffe, die unsere digitale Welt jeden Tag prägen, faszinieren mich wie ein Sherlock Holmes Krimi. Und deswegen möchte ich nach meiner Ausbildung in der IT-Security Branche arbeiten, um dort unseren digitalen Alltag etwas sicherer zu machen. <br>
|
|
Vor meiner Ausbildung habe ich mir Video Animation / Motion Graphics Design autodidaktisch beigebracht und habe für den YouTube-Kanal <a class="links" href="https://www.youtube.com/@TheMorpheusVlogs">The Morpheus</a> Videos produziert. <br>
|
|
Diese Videos haben Themen wie den Cyberwar, alltägliche IT-Sicherheit für jeden und auch das ein oder andere netzpolitische Thema behandelt und haben damit hunderttausenden Menschen Aufklärung und Awareness vermittelt.</p>
|
|
</div>
|
|
<hr id="projekte">
|
|
<br>
|
|
<div>
|
|
<img id="coding-projects" src="img/laptop.png" alt="work in progress">
|
|
<h2 id="projekte-title">Projekte - daran arbeite ich gerade.</h2>
|
|
<div class="projekt">Diese Website ist gerade mein Hauptprojekt. <br> Ich habe alles an dieser Website selber gemacht. <br> Den Code findet man auf <a class="links" href="https://github.com/stan-turing/website">GitHub</a>.</div>
|
|
</div>
|
|
<hr id="blog">
|
|
<br>
|
|
<div>
|
|
<h2 id="blog-title">//blog</h2>
|
|
<div class="blog-text">
|
|
<p>Hier möchte ich meine Erfahrungen in der IT Ausbildung dokumentieren, also wenn ich was neues lerne. <br> Und über mein Spezialinteresse und Hobby: IT-Security schreiben und mein Wissen weiter geben.</p>
|
|
<hr class="blog-hr">
|
|
<p class="blog-info">Der Blog ist in Version 2.0 der Website geplant. Aktuelle Version: v0.42</p>
|
|
</div>
|
|
</div>
|
|
<hr id="contact-me">
|
|
<div>
|
|
<img id="contact-me-img" src="img/call.png" alt="hello">
|
|
<h2 id="contact-title">Contact_Me</h2>
|
|
<h3 class="contact-message">Ich bin offen für <span>spannende Projekte</span> und <span>Jobangebote</span>!</h3>
|
|
<!-- <p class="contact-message">Aktuell suche ich einen Praktikumsplatz in Hamburg die Dauer sollte 3 Monate gehen.</p> -->
|
|
<a class="btn" href="mailto:contact@patrickgerhartz.de">Contact me</a>
|
|
<a class="cv" href="cv_patrickgerhartz.pdf" download>Download CV</a>
|
|
</div>
|
|
</div>
|
|
<div class="bottom-container">
|
|
<a class="footer-link" href="https://github.com/stan-turing">GitHub</a>
|
|
<a class="footer-link" href="imprint.html">Impressum</a>
|
|
<p class="copyright">© 2023 - <span id="year"></span> Patrick Gerhartz | Alle Rechte vorbehalten.</p>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |