-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (60 loc) · 2.88 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Axel Vuylsteke Test Automation Engineer</title>
<link rel="stylesheet" href="styles/style.css">
<link rel="icon" href="images/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Crimson+Text|Indie+Flower|Ranga&display=swap"
rel="stylesheet">
</head>
<body>
<div class="top-container">
<img src="images/cloud.png" alt="cloud image" class="top-cloud">
<h1>I'm Axel.</h1>
<h2 id="subtitle">a Test Automation Engineer</h2>
<img src="images/cloud.png" alt="cloud image" class="bottom-cloud">
<img src="images/mountain.png" alt="mountain image">
</div>
<div class="middle-container">
<div class="profile">
<img class="profile-picture" src="images/Axel.jpg" alt="Profile picture">
<h2>Hello.</h2>
<p>Interested in IT, especially testing and web development
Passioned about Triathlon and 💗 father of a 1-year old daughter</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="skills-testing" src="images/cucumber-slice.png" alt="cucumber picture">
<h3>Cucumber</h3>
<p>A very good knowledge on the Cucumber framework and the Gherkin language. Writing good BDD (Behavior
Driven Development) scenarios is one of my key skills. Forming the perfect glue between business and
development</p>
</div>
<div class="skill-row">
<img class="skills-languages" src="images/swimmer.png" alt="Swimmer picture">
<h3>Triathlon</h3>
<p>Passionate about all that has to do with triathlon. Addicted to the beauty of the sports, whether
it's cycling through the mountains, swimming in a crystal clear blue sea or running a trail in the
winter forest. Triathlon has it all.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>If you are a techy tester, a sporty triathlete or both</h3>
<p>Do not hesitate to get in contact and have a nice talk about this while swimming, riding our bike or
running around the lake. A nice pancake-stop on the top of the mountain cannot be left out.</p>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/">Twitter</a>
<a class="footer-link" href="https://www.appbrewery.co/">Website</a>
<p class="copyright">© 2019 Vuylsteke Axel.</p>
</div>
</body>
</html>