forked from justlucdewit/lukedev-home
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (74 loc) · 2.57 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lukedev</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- First section with my name and age and image etc -->
<header>
<!-- Avatar image -->
<div style="text-align: center">
<img id="avatar" src="" />
</div>
<!-- Name and info -->
<div id="intro">
Hi, My name is <b>Luc</b>.<br />
I am a <b><Software Dev /></b>
<br /><br />
<div id="info">
<b>Location</b>: The Netherlands<br />
<b>Age</b>: I am <span id="age"></span> years old<br />
<b>Hobbies</b>: Drumming, VR gaming, Coding
</div>
</div>
<div style="text-align: center">
<button onclick="document.location = 'https:\/\/github.com/justlucdewit/resume/blob/main/CV.pdf'">Resume</button>
<button onclick="document.location = 'https:\/\/projects.lukedev.nl/'">My projects</button>
<button onclick="document.location = '#contact'">Contact</button>
</div>
</header>
<!-- Second section, explaining who i am and what i do -->
<section>
<h1>Who am I, What I do</h1>
<br /><br />
<div>
Hi, my name is Luc, and ive always been curious about the world around me. Ever
since I've touched my first computer, I've been wanting to find out how it and
its applications worked.
</div>
<br /><br />
<div>
When I was 14 years old I started learning about how to write
batch scripts and how to use them to create terminal based text adventure games
on windows. From there I ended up shifting towards web development with HTML CSS
and JavaScript. Later I also found out about programming outside of the browser,
via languages like python and C.
</div>
<br /><br />
<div>
Since then, ive been expanding my skills and knowledge in this area and became
really invested into the world of software development. The most important thing
about it is not your skills, but your joy, when you practice something that you
really enjoy, you automatically gain skill and expertise over time.
</div>
</section>
<!-- Third section, with contact form -->
<section id="contact">
<h1>Contact</h1><br />
<input id="name" placeholder="name..." />
<br />
<input id="email" placeholder="email..." />
<br />
<textarea id="msg" placeholder="message..."></textarea>
<br />
<button onclick="contactForm()">Send</button>
</section>
<section id="footer">
© Luc de Wit - 2022 - V1.0.0
</section>
<script type="text/javascript" src="script.js"></script>
</body>
</html>