-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (134 loc) · 6.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Volker Krais">
<meta name="describtion" content="about my coding career">
<title>My-coding-CV</title>
<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=Kanit&family=Oswald:wght@200&display=swap" rel="stylesheet">
</head>
<body>
<header class="main-header">
<main-header class="main-headline">
<h1 class="main-headline-main">Coding-CV Volker Krais</h1>
<p class="main-headline-support">Up-coming Web-Developer</p>
</main-header>
<aside class="aside">
<p>Hire Me!</p>
</aside>
<nav class="flex-container">
<a class="nav" href="#profile">Profile</a>
<a class="nav" href="#experiences">Experiences</a>
<a class="nav" href="#skills">Skills</a>
<a class="nav" href="#contact">Contact</a>
</nav>
</header>
<main>
<article id="profile" class="main grid-main-article">
<h2 class="gird-header">Profile</h2>
<p class="grid-article">
Up-coming Web-Developer, who loves to <strong>learn new things</strong>, solve <strong>trickier
problems</strong>, and <strong>build others up</strong>
</p>
</article>
<article id="experiences" class="main grid-main-article">
<h2 class="grid-header">Experiences</h2>
<article class="grid-article">
<header>
<h3 class="experience-header">No exposure to coding till May 2023</h3>
<p>Dec 1975 - May 2023</p>
</header>
<main>
<p>
Sus enamel pin distillery, master cleanse microdosing tumblr food truck ut. Master cleanse
blackbird spyplane yes plz etsy.
</p>
<p>
dreamcatcher commodo, poke sus food truck tilde vexillologist affogato deep v ut aliquip.
Brunch meh mlkshk magna jean shorts PBR&B ut pickled. Reprehenderit enim XOXO aesthetic twee
cillum vape tofu 8-bit sed. Asymmetrical same scenester, brunch dolor unicorn gluten-free
sus tonx venmo. IPhone edison bulb organic master cleanse cupidatat tousled yuccie, officia
3 wolf moon mixtape poutine viral typewriter.
</p>
</main>
<section>
<header>
<h3 class="experience-header">Partial self-study udemy Web-Dev-Class of Angela Yu</h3>
<p>May 2023</p>
</header>
<main>
<p>
Vaporware jean shorts praxis sartorial wolf pork belly synth. YOLO typewriter heirloom
vexillologist neutral milk hotel artisan. Ramps raw denim coloring book bespoke,
intelligentsia gorpcore kickstarter live-edge mustache marfa.
</p>
<p>
Disrupt direct trade chartreuse exercitation celiac bruh shoreditch trust fund knausgaard
kombucha mustache kinfolk next level polaroid aliqua. Vinyl four dollar toast vaporware
proident chambray ethical copper mug yuccie keytar distillery mustache PBR&B ut est. Bespoke
fanny pack sunt organic umami DIY nostrud.
</p>
</main>
</section>
<section>
<header>
<h3 class="experience-header">Coding Bootcamp @ Coding Bootcamps Europe</h3>
<p>late Aug - late Nov 2023</p>
</header>
<main>
<p>
Bruh cornhole pinterest culpa artisan veniam hexagon leggings. Hoodie non yuccie slow-carb
scenester tattooed cold-pressed ramps. Sint lyft esse, fashion axe everyday carry raclette
offal master cleanse ullamco banjo hoodie fixie pitchfork church-key put a bird on it.
Keffiyeh pitchfork pour-over waistcoat scenester, snackwave small batch fingerstache plaid
XOXO coloring
book mumblecore fanny pack taxidermy. Fashion axe mollit mustache enamel pin truffaut 8-bit
try-hard, man bun bicycle rights affogato.
</p>
</main>
</section>
</article>
</article>
<article id="skills" class="main grid-main-article">
<h2 class="grid-header">Skills</h2>
<article class="grid-article">
<section>
<h3>Soft Skills</h3>
<ul>
<li>Team-Player</li>
<li>Motivator</li>
<li>Public Speaking</li>
</ul>
</section>
<section>
<h3>Technical Skills </h3>
<ul>
<li>Basic Git</li>
<li>Basic HTML</li>
<li>Growing Knowledge of CSS</li>
</ul>
</section>
</article>
</article>
<article id="Contact" class="main grid-main-article">
<h2 class="grid-header">Contact</h2>
<nav class="nav-external grid-article">
<ol>
<li><a class="nav" href="mailto:[email protected]">Email</a> </li>
<li><a class="nav" href="mailto: +49176xyxyxy">Mobil</a></li>
<li><a class="nav" href="mailto:https://wa.me/49176xyxyxy">WhatsUp</a></li>
</ol>
</nav>
</article>
</main>
</body>
<footer class="footer">
<h2>Did you like my application?</h2>
<p>Contact me here:</p>
</footer>
</html>