-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
268 lines (258 loc) · 11.3 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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Eigene Website</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet"
href="./node_modules/bootstrap/dist/css/bootstrap.css">
</head>
<body class="m-3">
<div class="row justify-content-center">
<div class="col col-md-5">
<section id="hauptueberschrift" class="d-flex justify-content-center
rounded bg-info text-light p-2 mb-3">
<h1>Laura M. K. Benz</h1>
</section>
</div>
<div class="col col-md-7">
<section id="nav" class="d-flex justify-content-center
justify-content-sm-end font-weight-bold mb-4">
<a href="#kontakt" class="btn btn-outline-info text-dark
font-weight-bold mr-3">Kontakt</a>
<a href="#ueber-mich" class="btn btn-outline-info text-dark
font-weight-bold">Biografie</a>
</section>
</div>
</div>
<div class="row justify-content-center">
<div class="col col-md-5">
<section id="foto-zitat" class="p-0 mb-4">
<img src="./Bewerbungsfoto_2018_02_bw.jpg" alt="Foto
von Laura Benz" class="img-fluid rounded mx-auto d-block
mb-3">
<article class="d-flex justify-content-center flex-column">
<p class="font-weight-normal text-justify">
Lernen ist wie Rudern gegen den Strom. Hört man damit auf,
treibt
man zurück.<br>Chinesisches Sprichwort
</p>
<p class="font-weight-normal text-justify">
Nach diesem Motto richte ich mein berufliches und privates
Leben
aus, weil mich meine Neugier immer weiter leitet.
</p>
</article>
</section>
</div>
<div class="col col-md-7">
<div id="stichworte" class="mb-4">
<h3 class="btn btn-outline-info text-dark btn-lg btn-block
font-weight-bold">
Das bin ich in Kürze
</h3>
<div id="qualifikation" class="p-3 d-flex flex-wrap">
<section class="col-2">
<h5 class="text-dark"> <!-- Wort sollte rechtsbündig sein -->
Fähigkeiten:
</h5>
</section>
<section class="col-2">
</section>
<section class="col">
<p class="btn btn-info disabled text-light mr-1">
Maschinenbaustudium
</p>
<p class="btn btn-info disabled text-light mr-1">
Kundendienst-Mitarbeiterin
</p>
<p class="btn btn-info disabled text-light mr-1">
Zertifizierte Scrum Masterin
</p>
<p class="btn btn-info disabled text-light mr-1">
Wirtschaftspsychologie
</p>
<a href="#lebenslauf">
<p class="btn btn-info text-light mr-1">
Demnächst:<br>Web-Entwicklerin
</p>
</a>
</section>
</div>
<div id="Softskills" class="p-3 d-flex flex-wrap">
<section class="col-2">
<h5 class="text-dark">
Soft Skills:
</h5>
</section>
<section class="col-2">
</section>
<section class="col">
<p class="btn btn-info disabled text-light mr-1">
Teamfähigkeit
</p>
<p class="btn btn-info disabled text-light mr-1">
Interkulturelle Kompetenzen
</p>
<p class="btn btn-info disabled text-light mr-1">
Offenheit für Neues
</p>
<p class="btn btn-info disabled text-light mr-1">
Konfliktfähigkeit
</p>
</section>
</div>
</div>
</div>
</div>
<div id="kontakt" class="mb-0">
<h3 class="btn btn-outline-info text-dark btn-lg btn-block
font-weight-bold">
Kontaktmöglichkeiten
</h3>
<div class="row text-info mb-1 p-3">
<section class="col col-md-6">
<p class="font-weight-bold mb-0">
Telefon:
</p>
<p>
0049 - (0)174 / 2531432
</p>
</section>
<section class="col col-md-6">
<p class="font-weight-bold mb-0">
E-Mail:
</p>
<a href="mailto:[email protected]">
<p class="text-info">
</p>
</a>
</section>
</div>
</div>
<div id="referenzen" class="row p-3 mb-4"> <!--btn-block problematisch für Browseransicht?-->
<div class="col col-12 col-sm-4">
<a href="https://www.linkedin.com/in/laura-b-a1974a158/">
<figure class="btn btn-outline-info btn-sm bg-light text-dark
btn-block mb-3">
<img src="./Logo-2C-66px-R.png" class="img-fluid rounded
mx-auto d-block mb-3"
alt="Linkedin Logo">
<figcaption class="d-flex
justify-content-center">
Kontaktiere mich über Linked in
</figcaption>
</figure>
</a>
</div>
<div class="col col-12 col-sm-4">
<a href="https://github.com/L-M-K-B">
<figure class="btn btn-outline-info btn-sm bg-light text-dark
btn-block mb-3">
<img src="./Octocat.png" class="img-fluid rounded mx-auto
d-block mb-2"
alt="Octocat">
<figcaption class="d-flex justify-content-center">
Verfolge meine Arbeit bei GitHub
</figcaption>
</figure>
</a>
</div>
<div class="col col-12 col-sm-4">
<a href="https://codepen.io/l-m-k-b/">
<figure href="#" class="btn btn-outline-info btn-sm bg-dark
text-light
btn-block mb-3">
<img src="./[email protected]"
class="img-fluid rounded mx-auto d-block mb-3"
alt="Codepen Logo">
<figcaption class="d-flex justify-content-center">
Verfolge meine Arbeit bei codepen.io
</figcaption>
</figure>
</a>
</div>
</div>
<div class="row">
<div id="ueber-mich" class="col col-md-6 p-3 mb-4"> <!--Warum darf ml-3 nicht in diese Zeile?-->
<h5 class="btn btn-outline-info text-dark btn-lg btn-block
font-weight-bold">
Über mich
</h5>
<article class="d-flex justify-content-center flex-column">
<p class="font-weight-normal text-justify">
Ich habe mich schon immer vor allem für die Machart hinter den
Dingen interessiert. Als Maschinenbau-Ingenieurin lag
Technologie
dabei immer in meinem Fokus. Mit dem Master-Studium in
Wirtschaftspsychologie erweiterte ich anschließend meinen
Horizont in Richtung der menschlichen Faktoren.
</p>
<p class="font-weight-normal text-justify">
Nach über 10 Jahren in der Luftfahrt wurde im vergangenen Jahr
meine Neugier auf eine neue Branche geweckt, in der ich meinen
Interessen für Technik und neu erdachte Arbeitsstrukturen
besser
nachgehen kann. Deshalb beschloss ich, mich nach Flugzeugen
mit
der
Technologie hinter den allgegenwärtigen Web-Sites und Apps zu
befassen.
</p>
</article>
</div>
<div id="lebenslauf" class="col col-md-6 p-3 mb-4"> <!--Wenn ich class weglasse, wird alles breiter, Warum?-->
<h5 class="btn btn-outline-info text-dark btn-lg btn-block
font-weight-bold mb-3">
Kurzer Lebenlauf
</h5>
<section class="d-flex flex-column">
<a
href="https://www.neuefische.de/weiterbildung/web-development">
<p class="btn btn-info btn-sm btn-block text-light">
Seit 03/2019: Weiterbildung zur Web Developerin
</p>
</a>
<p class="btn btn-info btn-sm disabled text-light">
03/2018 - 02/2019: Weiterbildungen und Workshops (z.B.
Professional
Scrum Master, Konfliktmanagement, Moderation, etc.)
</p>
<p class="btn btn-info btn-sm disabled text-light">
10/2017 - 01/2018: Qualitätsmanagerin/Kundendienst
</p>
<a
href="https://www.fom.de/studiengaenge/wirtschaft-und-psychologie/master-studiengang/wirtschaftspsychologie.html">
<p class="btn btn-info btn-sm btn-block text-light">
Seit 03/2017: Studium Wirtschaftspsychologie (M.Sc)
</p>
</a>
<p class="btn btn-info btn-sm disabled text-light">
06/2016 - 05/2017: Key Account Managerin/Projektmanagerin
</p>
<p class="btn btn-info btn-sm disabled text-light">
07/2015 - 06/2016: Account Managerin/Projektmanagerin
</p>
<p class="btn btn-info btn-sm disabled text-light">
10/2014 - 07/2015: Fluggerätmechanikerin
</p>
<p class="btn btn-info btn-sm disabled text-light">
06/2013 - 07/2014: Referentin CAMO (technische Überwachung von
Flugzeugen und Kundendienst)
</p>
<p class="btn btn-info btn-sm disabled text-light">
10/2010 - 03/2014: Studium Luftfahrtsystemtechnik und
-management
(B.Eng)
</p>
</section>
</div>
</div>
<script src="./node_modules/jquery/dist/jquery.min.js"></script>
<script src="./node_modules/popper.js/dist/popper-utils.min.js"></script>
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>