-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (115 loc) · 4.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="my test resume" />
<meta name="autor" content="Tino" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://unpkg.com/[email protected]/normalize.css"
/>
<link rel="stylesheet" href="style.css" />
<title>Mein Test Lebenslauf</title>
</head>
<body>
<aside class="hire_me">Hire Me</aside>
<header class="header">
<aside class="hire_me">Hire Me</aside>
<div class="heading_group">
<h1 class="my_heading">Tino Illgen - Lebenslauf</h1>
<p class="funny_apps">Special web developer for funny apps</p>
</div>
<div class="navigation">
<a class="navigation" href="#profile">to the profile</a>
<a class="navigation" href="#experience">to the experience</a>
<a class="navigation" href="#skills">to the skills</a>
<a class="navigation" href="#contact">to the contact</a>
</div>
</header>
<main class="main">
<article id="profile">
<h2>Profile</h2>
<p>
My name is Tino Illgen,<br />
I am 50 years old and I am currently taking a programming course,<br />
<strong>in the hope </strong>
<i> I will be able to code my own projects cleanly afterwards.</i>
</p>
</article>
<article id="experience">
<h2 class="articel_heading">Experiences</h2>
<section>
<header class="experience_header">
<h3 class="experiences_heading">Sales management winter gardens</h3>
<p class="experiences_subheading">
<strong>January 2012 - November 2016</strong>
</p>
</header>
<p>
Aufgemerkt! Die halsstarrig Kokolores grämen. Das fidel Hochstapler.
Kohlroulade und Schutzschwalbe meucheln piesacken Unsitte. Das
pfundig Fernweh. Das ausgemergelt Libero. Die halbstark
Kaiserwetter. Der feist Günstling. Kaiserwetter und Gamaschen
lustwandeln famos Donnerwetter. Die halsstarrig Gamaschen meucheln.
Der blindwütig Kaffeekränzchen auftakeln. Prahlhans und Bagage
stibitzen dufte Haubitze. Das kess Übeltäter. Kaiserwetter und
Rostbratwurst bauchpinseln halsstarrig Hochstapler.<strong>
Lecko mio!</strong
>
</p>
</section>
<section>
<br />
<header class="experience_header">
<h3 class="experiences_heading">General Manager Online Trade</h3>
<p class="experiences_subheading">
<strong> 2017 - December 2020</strong>
</p>
</header>
<p>
Aufgemerkt! Die halsstarrig Kokolores grämen. Das fidel Hochstapler.
Kohlroulade und Schutzschwalbe meucheln piesacken Unsitte. Das
pfundig Fernweh. Das ausgemergelt Libero. Die halbstark
Kaiserwetter. Der feist Günstling. Kaiserwetter und Gamaschen
lustwandeln famos Donnerwetter. Die halsstarrig Gamaschen meucheln.
Der blindwütig Kaffeekränzchen auftakeln. Prahlhans und Bagage
stibitzen dufte Haubitze. Das kess Übeltäter. Kaiserwetter und
Rostbratwurst bauchpinseln halsstarrig Hochstapler. Lecko mio!
</p>
</section>
</article>
<article id="skills">
<h2>Skills</h2>
<section>
<h3>Soft Skills</h3>
<ol type="I">
<li>Frontend</li>
<li>Backend</li>
<li>Databases</li>
</ol>
</section>
<section>
<h3>Technikal Skills</h3>
</section>
</article>
<article id="contact">
<h2>Contact</h2>
<ul>
<li>Contact person: Tino Illgen</li>
<li><a href="tel:0123456789">Call now</a></li>
<li><a href="mailto:[email protected]">Send me e-mail</a></li>
</ul>
</article>
</main>
<footer>
<p class="footer_inhalt">
Hat Ihnen mein Lebenslauf gefallen,<br />
<a class="contact_footer" href="mailto: [email protected]"
>Kontaktieren Sie mich bitte!</a
>
</p>
</footer>
</body>
</html>