-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (50 loc) · 2.42 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
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8 />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>etiennek.com - The personal website of Etienne Koekemoer</title>
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css" />
</head>
<body>
<main class="container">
<hgroup style="text-align: center;">
<h1><a href="https://www.etiennek.com">etiennek.com</a></h1>
<p>The personal website of <strong>Etienne Koekemoer</strong>.</p>
</hgroup>
<article style="padding: 10px; text-align: center;">
<h3 style="margin: 0;"><a href="/cv.pdf">Download my CV →</a></h3>
</article>
<article>
<h2>About Me</h2>
<p>Hi there! My name is Etienne Koekemoer and this is my personal website.</p>
<p>I am the proud father of two gorgeous daughters and the loving husband of a beautiful wife.</p>
<p>Most of my professional career has been spent designing and building Information Technology systems,
primarily in the Banking domain. Crafting systems and applications that make peoples' lives better is my
passion.</p>
<p>In my spare time, I like to code and work on a few personal projects. You can see most of these personal
projects of mine on my <a href="https://github.com/EtienneK">Github</a> page.</p>
<p>I am also an avid Gamer and enjoy Video- as well as Board games. You can view my <a
href="https://boardgamegeek.com/user/EtienneK">current collection of
board games on BoardGameGeek.com</a>.</p>
<footer>
<h2>Follow Me</h2>
<p>Some ways you can follow me around the web:</p>
<ul>
<li>
<a href="https://www.linkedin.com/in/etiennekoekemoer">LinkedIn</a> - Add me to your
professional
network
</li>
<li>
<a href="https://github.com/EtienneK">Github</a> - See some of my code
</li>
<li>
<a href="mailto:me@etiennek.com">Email</a> - Send me an email
</li>
</ul>
</footer>
</article>
</main>
</body>
</html>