-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
116 lines (116 loc) · 5.21 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
<!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/styles.css">
<title>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>
<span>______</span>
| <span>HTML</span> |
</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">Project 2</a>
<span>______</span>
| <span>CSS</span> |
</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">Project 3</a>
<span>______</span>
| <span>JS</span> |
</li>
</ol>
</div>
<!-- Work Experience -->
<div class="work-content">
<h3>Work Experience</h3>
<!-- Work 1 -->
<div>
<h4>Manager / Consultant at Landscape firm <span>Adonis</span></h4>
<p>2018 - current <span>|</span> Ukraine</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="alt.html"><img class="candidate-photo" src="./images/candidate.jpg" alt="Candidate photo"></a>
<!-- Contacts -->
<div class="side-content">
<h3 class="side-header3">Contacts</h3>
<div class="side-contacts">
<p>
<span class="contact-type">P: </span>
<a class="side-link" href="tel:380989841054">+38 098 984 10 54</a>
</p>
<p>
<span class="contact-type">E: </span>
<a class="side-link" href="mailto:0vatman0@gmail.com">0vatman0@gmail.com</a>
</p>
<p>
<span class="contact-type">G: </span>
<a class="side-link" href="https://github.com/ITKozak">@ITKozak</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>