-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (157 loc) · 6.09 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Joe-Manuel Schlüter - Portfolio</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<h1 class="name">Joe-Manuel Schlüter</h1>
<p class="tagline">AI Enthusiast ¯\_(ツ)_/¯</p>
</div>
</header>
<!-- Main Content -->
<main class="container">
<!-- About Me Section -->
<section id="about-me" class="section">
<h2>About Me</h2>
<p>Hi! I'm Joe-Manuel Schlüter, an AI enthusiast dedicated to creating practical and impactful solutions through engaging projects.</p>
</section>
<!-- Projects Section -->
<section id="projects" class="section">
<h2>Projects</h2>
<div class="projects-grid">
<div class="project-card">
<img src="https://cdn.pixabay.com/photo/2023/10/21/12/35/ai-generated-8331364_640.jpg" alt="Coming Soon Preview" class="project-preview">
<div class="project-info">
<h3>Explore My Work</h3>
<p>See the work I'm passionate about and contribute to future projects.</p>
<button onclick="window.location.href='https://github.com/joesaistuff'; target='_blank'">View Projects</button>
</div>
</div>
</div>
</section>
<!-- Skills Section -->
<section id="skills" class="section">
<h2>Skills</h2>
<div class="skills">
<span>AI Basics</span>
<span>ML Concepts</span>
<span>Problem Solving</span>
<span>Python Basics</span>
<span>Building AI Projects</span>
<span>Prompt Engineering</span>
</div>
</section>
<!-- Education Section -->
<section id="education" class="section">
<h2>Education</h2>
<ul>
<li>
<strong>Berufsbildende Schulen Rinteln</strong> – Electrical Engineering
<br>
<em>Aug 2014 - Mar 2017</em>
</li>
<li>
<strong>Stadtschule Rodenberg</strong> – High School
<br>
<em>Aug 2007 - Jul 2014</em>
</li>
</ul>
</section>
<!-- Certificates Section -->
<section id="certificates" class="section">
<h2>Certificates</h2>
<ul>
<li>
<a href="#" target="_blank">Generative AI with Large Language Models</a>
<br>
<em>Jan 2024</em>
</li>
<li>
<a href="#" target="_blank">AI Python for Beginners</a>
<br>
<em>Dec 2024</em>
</li>
<li>
<a href="https://certificates.mooc.fi/validate/p5a5e0q0whl" target="_blank">Elements of AI: Building AI</a>
<br>
<em>Dec 2024</em>
</li>
<li>
<a href="https://certificates.mooc.fi/validate/crjp37geex8" target="_blank">Elements of AI: Introduction to AI</a>
<br>
<em>Dec 2024</em>
</li>
</ul>
</section>
<!-- Work Experience Section -->
<section id="work-experience" class="section">
<h2>Work Experience</h2>
<ul>
<li>
<strong>Intern</strong> at MOXI
<br>
<em>Oct 2022</em>
</li>
<li>
<strong>Postal Worker</strong> at Deutsche Post und DHL
<br>
<em>Dec 2019 - Jan 2020</em>
</li>
<li>
<strong>Intern</strong> at Meyer EDV
<br>
<em>Sep 2019 - Oct 2019</em>
</li>
<li>
<strong>Furniture Packer</strong> at Möbel Heinrich
<br>
<em>Jan 2019 - Feb 2019</em>
</li>
<li>
<strong>Temporary Worker</strong> at ZAG Zeitarbeits-Gesellschaft
<br>
<em>Nov 2018</em>
</li>
<li>
<strong>Electronics Technician</strong> at Liebeck Blitzschutzbau
<br>
<em>Jun 2018</em>
</li>
<li>
<strong>Salesperson</strong> at Senioren- Und Pflegezentrum Haus Gehrden
<br>
<em>Aug 2017 - Sep 2017</em>
</li>
<li>
<strong>Temporary Worker</strong> at Unique Personalservice
<br>
<em>Apr 2017 - Jul 2017</em>
</li>
<li>
<strong>Electronics Technician</strong> at Elektro-Konerding
<br>
<em>Aug 2014 - Mar 2017</em>
</li>
</ul>
</section>
<!-- Work Break Section -->
<section id="work-break" class="section">
<h2>Work Break & Therapy</h2>
<p>In 2020, I was diagnosed with schizophrenia, and I've been on a journey of recovery ever since. I keep pushing myself forward, exploring new opportunities, embracing challenges, and always striving to do my best.</p>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<p>Connect with me:</p>
<a href="https://linkedin.com/in/joesaistuff" target="_blank">LinkedIn</a>
<a href="https://www.instagram.com/joesaistuff/" target="_blank">Instagram</a>
<a href="https://www.youtube.com/@joesaistuff" target="_blank">YouTube</a>
</footer>
</body>
</html>