-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
201 lines (185 loc) · 5.85 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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Carolins Website</title>
<link rel="stylesheet" href="styles.css" />
<link
href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Lobster&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div id="title">
<h1>Hello, it's me: <br />Carolin Wagner</h1>
</div>
<div id="subtitle">
<p>
Willkommen auf meiner Website! Hier könnt ihr ein paar spannende Dinge
über mich erfahren.
</p>
</div>
<div id="navbar">
<nav>
<a href="#contactContainer">Kontakt</a>
<a href="#biographyContainer">Biographie</a>
<a href="#vitaContainer">Vita</a>
</nav>
</div>
<figure id="photoContainer">
<img
src="images/caro_in_tokio.jpg"
alt="Black and white profile photo of a woman in tokyo."
/>
<figcaption>
Dieses Foto ist bei einer meiner Lieblingsbeschäftigungen entstanden:
Reisen (Tokio 2018)
</figcaption>
</figure>
<div class="blueBox" id="contactContainer">
<h2>Kontakt</h2>
<p>
☎️ The best way to call me is
<a href="mailto: [email protected]">E-Mail</a>.
</p>
<p>📍Hamburg, Germany</p>
<h3>Oder finde mich hier:</h3>
<section id="logosContainer">
<div>
<a
href="https://github.com/carolinwagner"
target="_blank"
rel="noreferrer noopener"
><img src="images/github_logo.png" alt="GitHub"
/></a>
</div>
<div>
<a
href="https://codepen.io/carolinhh"
target="_blank"
rel="noreferrer noopener"
><img src="images/codepen_logo.png" alt="Codepen"
/></a>
</div>
<div>
<a
href="https://www.linkedin.com/in/carolin-wagner-6135aa17a/"
target="_blank"
rel="noreferrer noopener"
><img src="images/linkedin_logo.png" alt="LinkedIn"
/></a>
</div>
</section>
</div>
<div id="hobbiesContainer" class="blueBox">
<h2>Interessen</h2>
<ul class="tags">
<li>💻 Legal Tech</li>
<li>📚 Rechtswissenschaften</li>
<li>🛠 Heimwerken</li>
<li>🖨 3D-Druck</li>
<li>⛷ Skifahren</li>
<li>🏃🏼♀️ Joggen</li>
<li>🌍 Reisen</li>
</ul>
</div>
<div id="skillsContainer" class="blueBox">
<h2>Fähigkeiten</h2>
<ul class="tags">
<li>👩🏼⚖️ Befähigung zum Richteramt</li>
<li>🗂 Organisationstalent</li>
<li>💬 Englisch/Spanisch</li>
<li>👩🏼💻 ab 10/2020: Coden</li>
</ul>
</div>
<div id="biographyContainer" class="blueBox">
<h2>
Biographie
</h2>
<!-- Todo: Alter jährlich aktualisieren (JavaScript) -->
<p>
Mein Name ist Carolin und ich bin 29 Jahre alt. Geboren und aufgewachsen
bin ich in Nürnberg, für mein Jurastudium bin ich nach Hamburg gezogen.
Während des universitären Schwerpunkts entdeckte ich meine Passion für
Medien- und Datenschutzrecht. Auch meine Stationen im Referendariat
wählte ich dementsprechend: die Anwaltsstation absolvierte ich im
Bereich Urheberrecht und Medienrecht in einer international tätigen
Wirtschaftskanzlei, die Verwaltungsstation absolvierte ich bei der
Behörde für Kultur und Medien in Hamburg. Nachdem ich mein Zweites
Juristisches Staatsexamen in Niedersachsen erfolgreich absolviert habe,
kann ich nun meine Zeit voll und ganz dem Coden widmen. Juristen könnten
meinen, ich sei ein Technik-Nerd, Web-Developer könnten sagen, ich sei
ein Jura-Nerd.
</p>
</div>
<div id="vitaContainer" class="blueBox">
<h2>
Vita
</h2>
<table>
<tr>
<td>2019</td>
<td>Zweites Juristisches Staatsexamen am OLG Celle</td>
</tr>
<tr>
<td>2018/19</td>
<td>
Wissenschaftliche Mitarbeiterin bei der Kanzlei GvW Graf von
Westphalen in Hamburg
</td>
</tr>
<tr>
<td>2017-19</td>
<td>
Referendariat mit Stationen bei der Staatsanwaltschaft Stade und der
Deutsch-Irischen Industrie- und Handelskammer in Dublin, Irland
</td>
</tr>
<tr>
<td>2016</td>
<td>Erstes Juristisches Staatsexamen am OLG Hamburg</td>
</tr>
<tr>
<td>2016</td>
<td>
Praktikum bei dem Hamburgischen Beauftragten für Datenschutz und
Informationsfreiheit
</td>
</tr>
<tr>
<td>2014/15</td>
<td>
Universitärer Schwerpunkt: Medien-/Presserecht und
Telekommunikationsrecht; Teilnahme an der Cyber Law Clinic der Uni
Hamburg
</td>
</tr>
<tr>
<td>2014-19</td>
<td>
Wissenschaftliche Mitarbeiterin bei der Kanzlei Johannsen in Hamburg
</td>
</tr>
<tr>
<td>2013/14</td>
<td>
Studium der Rechtswissenschaften an der Universidád Autónoma de
Madrid, Spanien
</td>
</tr>
<tr>
<td>2011-16</td>
<td>Studium der Rechtswissenschaften an der Uni Hamburg</td>
</tr>
<tr>
<td>2010</td>
<td>Abitur an dem Leibniz Gymnasium Altdorf bei Nürnberg</td>
</tr>
</table>
</div>
<footer>
Made by Carolin Wagner | Juli 2020
</footer>
</body>
</html>