-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathen.html
More file actions
186 lines (171 loc) · 8.07 KB
/
Copy pathen.html
File metadata and controls
186 lines (171 loc) · 8.07 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Portfolio and CV of 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="Go to homepage">Ralph Monheim</a>
<nav class="main-nav" aria-label="Main navigation">
<a href="#top">Home</a>
<a href="#projects">Projects</a>
<a href="#cv">CV</a>
</nav>
<div class="language-switch" aria-label="Language selection">
<a href="index.html" lang="de">DE</a>
<a class="active" href="en.html" lang="en" aria-current="page">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">
I combine civil engineering fundamentals with sustainable planning,
building physics, building services engineering and building simulation.
My focus is on sustainable solutions for energy-efficient buildings and resource-conscious projects.
</p>
<div class="hero-actions">
<a class="button primary" href="#projects">View projects</a>
<a class="button secondary" href="#cv">View CV</a>
</div>
</div>
<figure class="profile-card" aria-label="Profile picture of Ralph Monheim">
<img src="assets/img/profile-ralph-monheim.jpg" alt="Profile picture of Ralph Monheim">
<figcaption>Civil Engineering · Building Physics · Sustainability</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">Projects</p>
<p>
Selected work at the intersection of building simulation,
building physics and sustainable planning. The project pages will be expanded step by step.
</p>
</div>
<div class="project-grid" aria-label="Project overview">
<article class="project-card" data-project-id="masterarbeit">
<button class="project-toggle" type="button" aria-expanded="false" aria-controls="project-detail-panel" aria-label="Open master's thesis">
<img src="assets/img/project-01.svg" alt="Abstract project image for the master's thesis">
<span class="sr-only">Master's thesis</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="Open bachelor's thesis">
<img src="assets/img/project-02.svg" alt="Abstract project image for the bachelor's thesis">
<span class="sr-only">Bachelor's thesis</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="Open Project 03">
<img src="assets/img/project-03.svg" alt="Abstract project image for a future project">
<span class="sr-only">Project 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="Open Project 04">
<img src="assets/img/project-04.svg" alt="Abstract project image for a future project">
<span class="sr-only">Project 04</span>
</button>
</article>
</div>
</section>
<section id="cv" class="section-wrap">
<div class="section-heading">
<p class="section-kicker">Curriculum Vitae</p>
<p class="cv-note"></p>
</div>
<div class="cv-grid">
<div class="cv-column">
<div class="cv-card">
<h3>Contact & Skills</h3>
<p><span class="contact-label">Email:</span> <button class="button primary email-button" id="revealEmail" type="button" data-user="ralph.monheim" data-domain="web.de">Show email</button></p>
<div class="tag-list cv-skill-list" aria-label="Software skills">
<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>Education</h3>
<div class="cv-item">
<h4>Sustainable Structures (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">Focus areas: sustainability, resource efficiency</p>
</div>
<div class="cv-item">
<h4>Energy-Efficient Building Design (B. Eng.)</h4>
<span class="timeline-date">10/2019 – 09/2023</span>
<p class="cv-desc">Coburg University of Applied Sciences and Arts</p>
<p class="cv-desc">Focus areas: building physics, building services engineering, energy consulting</p>
</div>
</div>
<div class="cv-card">
<h3>Certificates</h3>
<ul class="cv-list">
<li>BAFA/DENA Energy Consultant</li>
<li>DGNB Registered Professional</li>
</ul>
</div>
<div class="cv-card">
<h3>Languages</h3>
<p class="cv-desc">
<strong>German:</strong> Native<br>
<strong>English:</strong> Fluent
</p>
</div>
</div>
<div class="cv-column">
<div class="cv-card">
<h3>Professional Experience</h3>
<div class="cv-item">
<h4>Intern, BAE GmbH</h4>
<span class="timeline-date">08/2022</span>
<ul class="cv-list">
<li>Gained initial insights into building services planning.</li>
</ul>
</div>
<div class="cv-item">
<h4>Intern / Working Student, 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>Conducted acoustic and building physics measurements.</li>
<li>Calculated acoustic issues and supported technical evaluations.</li>
</ul>
</div>
<div class="cv-item">
<h4>Intern, Architekturbüro Schöttner</h4>
<span class="timeline-date">05/2019</span>
<ul class="cv-list">
<li>Gained initial insights into architectural tasks and workflows.</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Contact section removed; email reveal moved into 'Contact & Skills' card -->
</main>
<footer class="site-footer">
<p>© <span id="currentYear"></span> Ralph Monheim</p>
<a href="#top">Back to top</a>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>