-
Notifications
You must be signed in to change notification settings - Fork 0
/
alt.html
110 lines (110 loc) · 5.23 KB
/
alt.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
<!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.0">
<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=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./styles/alt.css">
<script src="https://kit.fontawesome.com/9d792d2648.js" crossorigin="anonymous"></script>
<title>Alt Resume</title>
</head>
<body>
<!-- Main div -->
<div class="main">
<!-- Main content -->
<div class="main-content">
<!-- About -->
<div class="about-content">
<h2>Future Full Stack developer</h2>
<h1>Serhiy Zhuk</h1>
<p>Young and versatile FOSS enthusiast with passions for learning and deep diving into new technologies. Despite current main jobs dedicates time and resources to organize and maintain home and close family IT side of life.</p>
</div>
<!--Projects list-->
<div class="project-content">
<h3>Projects</h3>
<ol>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML">Project 1</a>
______
|HTML|
</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">Project 2</a>
______
|CSS|
</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">Project 3</a>
______
|JS|
</li>
</ol>
</div>
<!-- Work Experience -->
<div class="work-content">
<h3>Work Experience</h3>
<!-- Work 1 -->
<div>
<h4>Manager / Consultant at Landscape firm</h4>
<p>2018 - current</p>
<ul>
<li>Project managemnt for up to 5 simultanues clients.</li>
<li>Succsesfully working under stressfull and tight deadlines</li>
<li>Point 3</li>
<li>Point 4</li>
</ul>
</div>
</div>
<!-- Education info -->
<div class="education-content">
<h3>Education</h3>
<h4>KROK University</h4>
<h5>CS</h5>
<p>2022 | Ukraine</p>
</div>
</div>
<!-- Sidebar -->
<aside class="side-bar">
<a href="index.html"><img class="candidate-photo" src="./images/candidate.jpg" alt="Candidate photo" width="370"></a>
<!-- Contacts -->
<div class="side-content">
<h3 class="side-header3">Contacts</h3>
<div>
<p><i class="fa fa-mobile-retro"></i> <a class="side-links" href="tel:380989841054">+38 098 984 10 54</a></p>
<p><i class="fa fa-regular fa-envelope"></i> <a class="side-links" href="mailto:0vatman0@gmail.com">0vatman0@gmail.com</a></p>
<p><i class="fa fa-brands fa-gitlab"></i> <a class="side-links" href="https://gitlab.com/itkozak">@ITKozak</a></p>
<p><i class="fa fa-brands fa-github"></i> <a class="side-links" href="https://github.com/ITKozak">@ITKozak</a></p>
<p><i class="fa fa-brands fa-telegram"></i> <a class="side-links" href="https://t.me/VatManUA">@VatManUA</a></p>
</div>
</div>
<!-- Tech Skills -->
<div class="side-content">
<h3 class="side-header3">Tech Skills</h3>
<ul class="side-list">
<li><span class="list-element">HTML</span></li>
<li><span class="list-element">CSS</span></li>
<li><span class="list-element">JS</span></li>
<li><span class="list-element">GIT</span></li>
<li><span class="list-element">Python</span></li>
<li><span class="list-element">Bash</span></li>
<li><span class="list-element">Unix</span></li>
<li><span class="list-element">SQL</span></li>
</ul>
</div>
<!-- Soft Skills -->
<div class="side-content">
<h3 class="side-header3">Soft Skills</h3>
<ul class="side-list">
<li><span class="list-element">SCRUM</span></li>
<li><span class="list-element">Agile</span></li>
<li><span class="list-element">Interest in learning</span></li>
<li><span class="list-element">Time managment</span></li>
<li><span class="list-element">Communacation</span></li>
<li><span class="list-element">Collaboration</span></li>
<li><span class="list-element">Curiosity</span></li>
</ul>
</div>
</aside>
</div>
</body>
</html>