-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
187 lines (171 loc) · 8.01 KB
/
Copy pathindex.html
File metadata and controls
187 lines (171 loc) · 8.01 KB
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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Portfolio und CV von Ralph Monheim">
<title>Ralph Monheim | Portfolio & CV</title>
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<header class="site-header">
<a class="brand" href="#top" aria-label="Zur Startseite">Ralph Monheim</a>
<nav class="main-nav" aria-label="Hauptnavigation">
<a href="#top">Start</a>
<a href="#projects">Projekte</a>
<a href="#cv">CV</a>
</nav>
<div class="language-switch" aria-label="Sprachauswahl">
<a class="active" href="index.html" lang="de" aria-current="page">DE</a>
<a href="en.html" lang="en">EN</a>
</div>
</header>
<main id="top">
<section class="hero section-wrap">
<div class="hero-content">
<p class="eyebrow">Portfolio & CV</p>
<h1>Ralph Monheim</h1>
<p class="hero-text">
Ich verbinde bauingenieurtechnische Grundlagen mit nachhaltiger Planung,
bauphysikalischer Bewertung, Technischer Gebäudeausrüstung und Gebäudesimulation.
Mein Fokus liegt auf nachhaltigen Lösungen für energieeffiziente Gebäude und ressourcenschonende Projekte.
</p>
<div class="hero-actions">
<a class="button primary" href="#projects">Projekte ansehen</a>
<a class="button secondary" href="#cv">CV ansehen</a>
</div>
</div>
<figure class="profile-card" aria-label="Profilbild von Ralph Monheim">
<img src="assets/img/profile-ralph-monheim.jpg" alt="Profilbild von Ralph Monheim">
<figcaption>Bauingenieurwesen · Bauphysik · Nachhaltigkeit</figcaption>
<div class="profile-divider" aria-hidden="true"></div>
<div class="profile-links">
<a href="https://www.linkedin.com/in/ralph-monheim/" rel="me noopener" target="_blank">LinkedIn</a>
<a href="https://github.com/ralphmonheim" rel="me noopener" target="_blank">GitHub</a>
</div>
</figure>
</section>
<section id="projects" class="section-wrap">
<div class="section-heading">
<p class="section-kicker">Projekte</p>
<p>
Ausgewählte Arbeiten an der Schnittstelle von Gebäudesimulation,
Bauphysik und nachhaltiger Planung. Die Projektseiten werden schrittweise ergänzt.
</p>
</div>
<div class="project-grid" aria-label="Projektübersicht">
<article class="project-card" data-project-id="masterarbeit">
<button class="project-toggle" type="button" aria-expanded="false" aria-controls="project-detail-panel" aria-label="Masterarbeit öffnen">
<img src="assets/img/project-01.svg" alt="Abstraktes Projektbild zur Masterarbeit">
<span class="sr-only">Masterarbeit</span>
</button>
</article>
<article class="project-card" data-project-id="bachelorarbeit">
<button class="project-toggle" type="button" aria-expanded="false" aria-controls="project-detail-panel" aria-label="Bachelorarbeit öffnen">
<img src="assets/img/project-02.svg" alt="Abstraktes Projektbild zur Bachelorarbeit">
<span class="sr-only">Bachelorarbeit</span>
</button>
</article>
<article class="project-card" data-project-id="projekt-03">
<button class="project-toggle" type="button" aria-expanded="false" aria-controls="project-detail-panel" aria-label="Projekt 03 öffnen">
<img src="assets/img/project-03.svg" alt="Abstraktes Projektbild für ein zukünftiges Projekt">
<span class="sr-only">Projekt 03</span>
</button>
</article>
<article class="project-card" data-project-id="projekt-04">
<button class="project-toggle" type="button" aria-expanded="false" aria-controls="project-detail-panel" aria-label="Projekt 04 öffnen">
<img src="assets/img/project-04.svg" alt="Abstraktes Projektbild für ein zukünftiges Projekt">
<span class="sr-only">Projekt 04</span>
</button>
</article>
</div>
</section>
<section id="cv" class="section-wrap">
<div class="section-heading">
<p class="section-kicker">Lebenslauf</p>
<p class="cv-note"></p>
</div>
<div class="cv-grid">
<div class="cv-column">
<div class="cv-card">
<h3>Kontakt & Kenntnisse</h3>
<span class="contact-label">E‑Mail:</span> <button class="button primary email-button" id="revealEmail" type="button" data-user="ralph.monheim" data-domain="web.de">E‑Mail anzeigen</button></p>
<div class="tag-list cv-skill-list" aria-label="Softwarekenntnisse">
<span>MS Office</span>
<span>AutoCAD</span>
<span>Revit</span>
<span>Solar-Computer</span>
<span>ZUB Argos</span>
<span>ROWA Soft</span>
<span>IDA ICE</span>
<span>WUFI</span>
</div>
</div>
<div class="cv-card">
<h3>Ausbildung</h3>
<div class="cv-item">
<h4>Zukunftssicher Bauen (M. Eng)</h4>
<span class="timeline-date">08/2023 - 09/2026</span>
<p class="cv-desc">Frankfurt University of Applied Sciences</p>
<p class="cv-desc">Schwerpunkte: Nachhaltigkeit, Ressourceneffizienz</p>
</div>
<div class="cv-item">
<h4>Energieeffizientes Gebäudedesign (B. Eng.)</h4>
<span class="timeline-date">10/2019 – 09/2023</span>
<p class="cv-desc">Hochschule Coburg</p>
<p class="cv-desc">Schwerpunkte: Bauphysik, TGA, Energieberatung</p>
</div>
</div>
<div class="cv-card">
<h3>Zertifikate</h3>
<ul class="cv-list">
<li>BAFA/DENA Energieberater</li>
<li>DGNB Registered Professional</li>
</ul>
</div>
<div class="cv-card">
<h3>Sprachen</h3>
<p class="cv-desc">
<strong>Deutsch:</strong> Muttersprache<br>
<strong>Englisch:</strong> Fließend
</p>
</div>
</div>
<div class="cv-column">
<div class="cv-card">
<h3>Berufserfahrung</h3>
<div class="cv-item">
<h4>Praktikant, BAE GmbH</h4>
<span class="timeline-date">08/2022</span>
<ul class="cv-list">
<li>Einblicke in den Bereich der TGA-Planung.</li>
</ul>
</div>
<div class="cv-item">
<h4>Praktikant / Werkstudent, IAB - Ingenieurbüro für Akustik und Bauphysik mbH & Co. KG</h4>
<span class="timeline-date">10/2021 – 07/2022</span>
<ul class="cv-list">
<li>Durchführen akustischer und bauphysikalischer Messungen</li>
<li>Berechnung akustischer Fragestellungen</li>
</ul>
</div>
<div class="cv-item">
<h4>Praktikant, Architekturbüro Schöttner</h4>
<span class="timeline-date">05/2019</span>
<ul class="cv-list">
<li>Einblicke in die Aufgabenfelder der Architektur.</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Kontakt section removed; email reveal moved into 'Kontakt & Kenntnisse' card -->
</main>
<footer class="site-footer">
<p>© <span id="currentYear"></span> Ralph Monheim</p>
<a href="#top">Nach oben</a>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>