-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (136 loc) · 6.51 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!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 type="image/png" href="./gerb%20Ukraine.png" rel="shortcut icon">
<link rel="stylesheet" href="styles.css">
<title>Resume</title>
</head>
<body>
<!--Main-->
<div class="main">
<!--Main-content-->
<div class="main-content">
<!--About user-->
<div class="about">
<h2 class="about-position">Student 1st year</h2>
<h1 class="about-name">Vladislav Buzunar</h1>
<p class="about-description">Never look at others, you must be the only one in this world, you must yourself</p>
</div>
<!--Project`s-->
<div class="projects">
<h3 class="title">
Projects
</h3>
<ol class="project-list">
<li class="project-item">
<span class="project">
<a href="https://vladislavbuzunar-resume-homework.netlify.app" class="project-link">https://vladislavbuzunar-resume-homework.netlify.app</a> ..........
<span class="project-bracket"> [ </span> HTML5, CSS3 <span class="project-bracket"> ] </span>
</span>
</li>
<li class="project-item">
<span class="project">
<a href="https://glassanimation-by-buzyaka.netlify.app" class="project-link">https://glassanimation-by-buzyaka.netlify.app</a> ................................
<span class="project-bracket"> [ </span> HTML5, CSS3 <span class="project-bracket"> ] </span>
</span>
</li>
<li class="project-item">
<span class="project">
<a href="https://loadingcolor-by-buzyaka.netlify.app" class="project-link">https://loadingcolor-by-buzyaka.netlify.app</a> ......................................
<span class="project-bracket"> [ </span> HTML5, CSS3 <span class="project-bracket"> ] </span>
</span>
</li>
<li class="project-item">
<span class="project">
<a href="https://gamespig-by-buzyaka.netlify.app" class="project-link">https://gamespig-by-buzyaka.netlify.app</a> ..................
<span class="project-bracket"> [ </span> HTML5, CSS3, JavaScript <span class="project-bracket"> ] </span>
</li>
<li class="project-item">
<span class="project">
<a href="https://banderogus-by-buzyaka.netlify.app" class="project-link">https://banderogus-by-buzyaka.netlify.app</a> .............
<span class="project-bracket"> [ </span> HTML5, CSS3, JavaScript <span class="project-bracket"> ] </span>
</span>
</li>
<li class="project-item">
<span class="project">
<a href="#" class="project-link">PcShopUA (in developing)</a> ...................................................
<span class="project-bracket"> [ </span> HTML5, CSS3, JavaScript <span class="project-bracket"> ] </span>
</span>
</li>
</ol>
</div>
<!--Work-->
<div class="work">
<h3 class="title">Work Experience</h3>
<!--Company 1-->
<div>
<h4 class="work-position">Front-End Developer <span class="organization"> Freelance </span> </h4>
<p class="period">September 2021 - up to now <span class="line"> | </span> Ukraine </p>
<ul class="work-list">
<li class="work-list-item">Studying the front-end direction and creating your own projects</li>
<li class="work-list-item">Assistance in maintaining sites on HTML 5 / CSS 3 / JavaScript</li>
<li class="work-list-item">Communication with freelance employers</li>
<li class="work-list-item">Own study of various courses / entry into the university in this direction</li>
</ul>
</div>
<!--Company 2-->
<div>
</div>
<!--Company 3-->
<div>
</div>
</div>
<!--Education-->
<div class="education">
<h3>Education</h3>
<h4>Cherkasy State Technological University</h4>
<h4>Software Engineer</h4>
<p>September 2022 - June 2026 <span class="line"> | </span> Ukraine</p>
</div>
</div>
<aside class="sidebar">
<img src="img/фото военком.jpg" alt="user photo" class="photo">
<div class="contacts">
<h3 class="sidebar-title">Contacts</h3>
<p>
<span class="contaсts-title">
C: <a href="tel:380931928266" class="contacts-link">380931928266</a>
</span>
</p>
<p>
<span class="contaсts-title">
E: <a href="mailto:[email protected]" class="contacts-link">[email protected]</a>
</span>
</p>
</div>
<!--Tech Skills-->
<div class="tech-skills">
<h3 class="sidebar-title">Tech Skills</h3>
<ul class="tech-skills-list">
<li class="tech-skills-item"> <span class="tech-skills-text"> HTML5 </span> </li>
<li class="tech-skills-item"> <span class="tech-skills-text"> CSS3 </span> </li>
<li class="tech-skills-item"> <span class="tech-skills-text"> JavaScript </span> </li>
<li class="tech-skills-item"> <span class="tech-skills-text"> Git & GitHub </span> </li>
</ul>
</div>
<!--Soft Skills-->
<div class="soft-skills">
<h3 class="sidebar-title">Soft Skills</h3>
<ul class="softskills-list">
<li class="softskills-item"> <span class="softskills-text"> Teamwork </span> </li>
<li class="softskills-item"> <span class="softskills-text">
Sociability </span> </li>
<li class="softskills-item"> <span class="softskills-text"> Amiable </span> </li>
<li class="softskills-item"> <span class="softskills-text"> Kind </span> </li>
</ul>
</div>
</aside>
</div>
</body>
</html>