-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (149 loc) · 5.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CV Irina Hermann</title>
<meta name="author" content="Irina Hermann" />
<meta name="description" content="The CV of Irina" />
<link
rel="stylesheet"
href="https://unpkg.com/[email protected]/normalize.css"
/>
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header class="header">
<div class="head">
<h1 class="mainheading">
Curriculum Vitae <br />
Irina Hermann
</h1>
<p class="profession">
Zahnmedizinische Fachangestellte <br />
Zumba Instructor <br />
Web Developer on training
</p>
</div>
<nav class="navigation">
<a class="nav" href="#profil">Profil</a>
<a class="nav" href="#experience">Experience</a>
<a class="nav" href="#skills">Skills</a>
<a class="nav" href="#contact">Contact</a>
</nav>
<aside class="hireme">Hire Me!</aside>
</header>
<main class="main">
<article id="profil" class="main-article">
<h2 class="headings">Profil</h2>
<p class="main-article-content">
Hello World! I´m Irina and a Web Developer on training right now. I´m
pretty <em>excited</em> and can´t wait to <em>improve</em> and level
myself up.
</p>
</article>
<article id="experience" class="main-article">
<h2 class="headings">Experience</h2>
<div class="main-article-content">
<section>
<header class="experience-header">
<h3 class="job">Web Developer in training</h3>
<p class="period">August 2023 - June 2024</p>
</header>
<p>I started a jorney to improve myself and learn new skills in the web developing area. I´m very excited and very curiouse what i will be able to produce at the end of the bootcamp. I´m willing to learn new things and observe my own progress. Happy jorney to me.</p>
</section>
<section>
<header class="experience-header">
<h3 class="job">Zahnmedizinische Fachangestellte</h3>
<p class="period">October 2019 - March 2022</p>
</header>
<p>
<i>She only sits next to the Doc and just suctions saliva</i>,
that´s what people might think about this job. Though there is so
much more about this job. It's not just that you have to suction
saliva, <strong>no!</strong> You often stand as if your spine was
made out of rubber, sometimes for long periods of time. This is
very good for your back and you will feel like a new born baby
afterwards. Another nice side of the job is the friendly patients.
They always come in with a smile in their faces and you can
already see the twinkling stars. I love my job! (Dont take this to
serious! 😉)
</p>
</section>
<section>
<header class="experience-header">
<h3 class="job">Zumba Fitness Instructor</h3>
<p class="period">April 2018 - Present</p>
</header>
<p>
You jump around like a clown while the music is playing to animate
the participant to have fun and move their body. <i>Hospitis</i>
</p>
</section>
</div>
</article>
<article id="skills" class="main-article">
<h2 class="headings">Skills</h2>
<div class="main-article-content">
<section>
<h3>Soft Skills</h3>
<ul>
<li>reliability</li>
<li>independence</li>
<li>empathy</li>
<li>teamwork</li>
<li>curiosity</li>
<li>personal initiative</li>
<li>perseverance</li>
<li>willingness to learn</li>
<li>intercultural competence</li>
</ul>
</section>
<section>
<h3>Technical Skills</h3>
<ul>
<li>Dentist Programm Evident</li>
<li>Prosthetics</li>
<li>X-ray</li>
<li>documentation</li>
<li>organizational skills</li>
<br>
<li>HTML</li> <li>CSS</li>
<li>Javascript</li>
<li>working with APIs</li>
<li>working with Git and GitHub</li>
<li>Vue.js</li>
<li>responsive Design</li>
<li>working with Node and NPM</li>
<li>Testing: Cypress basics</li>
</ul>
</section>
</div>
</article>
<article id="contact" class="main-article">
<h2 class="headings">Contact</h2>
<ol class="main-article-content">
<li>GitHub: <a href="https://github.com/IrisEnyo">IrisEnyo</a></li>
<li>Email: [email protected]</a></li>
<li>Discord: irisenyo</li>
<li>
Instagram:
<a href="https://www.instagram.com/zumbairis86/">zumbairis86</a>
</li>
</ol>
</article>
</main>
<footer>
<p class="footer">
Thank you for your attention! <br />
I know you like my CV, so let´s get in touch and discuss the details. 😉
</p>
</footer>
</body>
</html>