-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (110 loc) · 4.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>Wilmxre | Front End Developer</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="animations.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=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
<script src="script.js" defer></script>
</head>
<body>
<header>
<div class="nav-collapsed">
<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48">
<path d="M6 36V33H42V36ZM6 25.5V22.5H42V25.5ZM6 15V12H42V15Z" />
</svg>
</div>
</div>
<nav>
<a class="wilmxre active">wilmxre</a>
<a class="work">work</a>
<a class="about">about</a>
<a class="contact">contact</a>
<a class="cv" href="./László_Kocsis_CV.pdf" target="_blank">cv</a>
</nav>
</header>
<div class="dark-mode">
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<section id="wilmxre">
<div class="container reveal">
<h2 class="hello"></h2>
<div class="hero-letters">
<div class="first-name hero-slide-in-bottom">
<span class="letter">L</span>
<span class="letter">á</span>
<span class="letter">s</span>
<span class="letter">z</span>
<span class="letter">l</span>
<span class="letter">ó</span>
</div>
<div class="last-name hero-slide-in-bottom-2">
<span class="letter">K</span>
<span class="letter">o</span>
<span class="letter">c</span>
<span class="letter">s</span>
<span class="letter">i</span>
<span class="letter">s</span>
</div>
</div>
<h3 class="hero-slide-in-left">and I'm a <span>beginner</span> Frontend Developer.</h3>
<p class="hero-slide-in-right">I'm a beginner developer based in the heart of Transylvania, focused on creating
solid
frontend products with a clean User Interface and a great User Experience. I'm an open minded
student who likes to learn about new technologies and try them out instantly after grasping the concept of it.
Currently I'm getting introduced to working with frameworks, so I can build more complex and scalable projects
in the future.
</p>
</div>
</section>
<section id="work">
<ul class="container reveal">
</ul>
</section>
<section id="about">
<div class="container reveal">
<h2>About Me</h2>
<p>Hello! My name is László Kocsis, or you may also know me by my alias, @wilmxre, and I am a 21
years old
Informatics Student
from
Târgu Mureș, Romania, who loves creating things that live on the Internet.</p>
<p>My interest in Web Development started back in 2015-2016, when I was experimenting and playing around with
basic
websites and I was fascinated by the fact that you can build something beautiful with the help of a few lines of
code.</p>
<p>Fast-forward to 2022, I decided that I want to pursue this branch of the industry and I dived into the world of
Web Development more seriously, learning every day about it with lots of practice.</p>
<p>Currently I am building my projects with HTML, CSS and JavaScript using Version Control with <a
href="https://github.com/" target="_blank">Git</a>. As an
autodidact, I am extremely eager to learn anything that helps expanding my knowledge so I started to
get into <a href="https://reactjs.org/" target="_blank">React.js</a> and I want to
learn <a href="https://expressjs.com/" target="_blank">Express</a>/<a href="https://nodejs.org/"
target="_blank">Node.js</a> in the future, but I'm also open to different technologies.</p>
<p>I am a very curious and self-motivated person, with a lot of attention to details in design and I always work
towards achieving the best possible result on each project that I'm involved in.</p>
</div>
</section>
<section id="contact">
<div class="container reveal">
<h2>Just keeping this simple.</h2>
<span>Email: <a href="mailto:[email protected]">[email protected]</a></span>
<span>Tel: <a href="tel:0749512040">0749512040</a></span>
<span>Github: <a href="https://github.com/wilmxre/">@wilmxre</a></span>
</div>
</section>
<section id="cv">
<div class="container reveal"></div>
</section>
</body>
</html>