-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (86 loc) · 7.04 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
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Portfolio von Lucas Wintel, Softwareentwickler und Data Scientist">
<meta name="keywords" content="Lucas Wintel, Portfolio, Softwareentwicklung, Data Science">
<title>Lucas Wintel - Portfolio</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/00b804c05e.js" crossorigin="anonymous"></script>
</head>
<body class="flex flex-col min-h-screen">
<div id="top"></div>
<!-- Navbar -->
<nav class="bg-gray-800 text-white p-2 sticky top-0">
<div class="container flex justify-between items-center">
<div class="font-bold flex justify-center items-center">
<a href="#top" class="font-bold flex justify-center items-center hover:text-blue-500">
<img src="/Bilder/Logo.png" alt="Logo von Lucas Wintel" class="mr-2" style="width: 50px; height: 50px;">Lucas Wintel</a></div>
<div class="flex absolute-right-0">
<a href="#about" class="px-2 md:px-4 hover:text-blue-500">Über Mich</a>
<a href="#portfolio" class="px-2 md:px-4 hover:text-blue-500">Portfolio</a>
<a href="#contact-form" class="px-2 md:px-4 hover:text-blue-500">Kontakt</a>
</div></div></nav>
<header class="text-center header-background">
<h1 id="about" class="text-5xl py-6 font-bold">Hallo, ich bin Lucas Wintel</h1>
<!-- About Section -->
<section class="container mx-auto my-5 flex flex-col md:flex-row">
<div class="md:w-1/3 flex justify-center items-center md:justify-start md:items-start md:pr-12">
<img src="/Bilder/gpt.png" alt="Bild von Lucas Wintel" class="w-full h-auto rounded-lg"></div>
<div class="md:w-2/3 mt-4 md:mt-0">
<h4 class="text-2xl mb-1 font-bold text-center md:text-left">Ein wenig über Mich</h4>
<p class="text-center mt-2 md:text-left">Hallo, ich bin Lucas Wintel, ein neugieriger und aufgeweckter Softwareentwickler und angehender Data Scientist, gefangen im Körper eines aufgebrauchten alten Chemikanten, mit großem Interesse an Automatisierung von Prozessen durch clevere Lösungen. <br>
Mit einer abgeschlossenen Ausbildung zum Chemikanten und einem Hang zur Informatik habe ich die verschiedensten Aspekte der Industrie 4.0 umfassend erlebt! Dadurch bringe ich ein breites Spektrum an Kenntnissen wie Planungstalent, analytisches Arbeiten sowie lösungsorientiertes Denken mit. <br>
In zahlreichen eigenen Projekten lerne ich konstant Neues auf der Reise in die Welt der Programmierung, wo ich meine Fähigkeiten in Softwareentwicklung, Datenanalyse und maschinellem Lernen vertiefe. Besonders faszinierte mich die Möglichkeit, komplexe Probleme mit eleganten Code-Lösungen zu bewältigen. <br>
Eines meiner Kerngebiete ist das Webscraping, die Datenaufbereitung und -analyse für verschiedenste Ziele sowie die Vorhersage von Wahrscheinlichkeiten mithilfe von Algorithmen, Statistik und KI.
</p></div></section></header>
<!-- Portfolio Section -->
<section id="portfolio" class="my-4">
<h2 class="text-4xl my-8 font-bold text-center">Portfolio</h2>
<div class="grid grid-cols-2 md:grid-cols-2 gap-6 my-6">
<div class="border text-center p-3 portfolio-entry">
<h3 class="font-bold text-xl">Webscraping</h3>
<p>Erstellen verschiedener Webscraper und Beschaffung verschiedenster Datensätze aus unterschiedlichsten Quellen.</p></div>
<div class="border text-center p-3 portfolio-entry">
<h3 class="font-bold text-xl">Softwareentwicklung</h3>
<p>Umfassendes Planen und Erstellen von Softwarelösungen für diverse Zwecke.</p></div>
<div class="border text-center p-3 portfolio-entry">
<h3 class="font-bold text-xl">Automatisierung</h3>
<p>Erstellen verschiedener Skripte, um Aufgaben zu automatisieren und zu erleichtern.</p></div>
<div class="border text-center p-3 portfolio-entry">
<h3 class="font-bold text-xl">Datenaufbereitung</h3>
<p>Professionelles Aufbereiten von Daten durch Filtern, Ergänzen oder Neubeschaffen.</p></div>
<div class="border text-center p-3 portfolio-entry">
<h3 class="font-bold text-xl">Promptwriting</h3>
<p>Damit ist jede Ki unser bester Freund und wird ihr Möglichstes für uns tun.</p></div>
<div class="border text-center p-3 portfolio-entry">
<h3 class="font-bold text-xl">Datenauswertung</h3>
<p>Erstellen von Grafiken und Veranschaulichen, um genaueren Aufschluss über die Daten zu geben.</p>
</div></div></section>
<!-- Kontaktbereich -->
<section id="contact">
<h2 class="text-4xl mb-8 font-bold text-center">Kontaktiere Mich</h2>
<div class="text-center flex mb-8 justify-center items-center flex-wrap">
<a href="https://www.linkedin.com/in/lucas-wintel-35712a262/" target="_blank" class="mx-1 md:mx-4"><i class="fa-brands fa-linkedin icon-40x40"></i></a>
<a href="mailto:[email protected]" target="_blank" class="mx-1 md:mx-4"><i class="fa-brands fa-google icon-40x40"></i></a>
<a href="https://github.com/LAleLU1234" target="_blank" class="mx-1 md:mx-4"><i class="fa-brands fa-github icon-40x40"></i></a>
<a href="https://discord.gg/CV4dBWfder" target="_blank" class="mx-1 md:mx-4"><i class="fa-brands fa-discord icon-40x40"></i></a>
<a href="https://www.freelancer.com/u/Luucas222" target="_blank" class="mx-1 md:mx-4"><i class="fa-solid fa-briefcase icon-40x40"></i></a>
<a href="https://www.pinterest.de/" target="_blank" class="mx-1 md:mx-4"><i class="fa-brands fa-pinterest icon-40x40"></i></a>
<a href="https://www.facebook.com/" target="_blank" class="mx-1 md:mx-4"><i class="fa-brands fa-facebook icon-40x40"></i></a></div>
<form id="contact-form" action="https://formspree.io/f/xleqgeeb" method="POST" class="mt-2 flex flex-col items-center space-y-2">
<input type="text" name="name" placeholder="Ihr Name" class="w-full max-w-md border border-gray-500 p-2" required>
<input type="email" name="_replyto" placeholder="Ihre E-Mail" class="mb-2 w-full max-w-md border border-gray-500 p-2" required>
<textarea name="message" placeholder="Ihre Nachricht" class="mb-2 w-full max-w-md border border-gray-500 p-2" style="height: 100px;" required></textarea>
<button type="submit" class="bg-blue-500 text-white px-4 py-1">Senden</button>
</form></section>
<!-- Footer -->
<footer class="bg-gray-800 text-white text-center p-4 mt-auto">
<p>Stolz präsentiert von Lucas Wintel</p>
<p>© 2024 Alle Rechte vorbehalten</p>
</footer>
<script src="script.js"></script>
</body>
</html>