-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
190 lines (165 loc) · 11 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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en">
<head>
<title>Maksym Koldun — Résumé</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="https://koldunmax.github.io/homepage/">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<script src="assets/plugins/jquery-1.11.3.min.js" defer></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" defer></script>
<script src="assets/js/main.js" defer></script>
</head>
<body>
<div class="wrapper">
<div class="sidebar-wrapper">
<div class="profile-container">
<img class="profile" src="assets/images/profile.png" alt="" />
<h1 class="name">Max Koldun</h1>
<h3 class="tagline">Student</h3>
</div>
<div class="contact-container container-block">
<ul class="list-unstyled contact-list">
<li class="email"><i class="fa fa-envelope"></i><a href="mailto:[email protected]">[email protected]</a></li>
<li class="phone"><i class="fa fa-phone"></i><a href="tel:0961200877">+30961200877</a></li>
<li class="linkedin"><i class="fa fa-linkedin"></i><a href="https://www.linkedin.com/in/koldunmaksym/" target="_blank">in/koldunmaksym</a></li>
<li class="github"><i class="fa fa-github"></i><a href="https://github.com/KoldunMax" target="_blank">github.com/KoldunMax</a></li>
<li class="twitter"><i class="fa fa-facebook"></i><a href="https://www.facebook.com/profile.php?id=100009026303533" target="_blank">KoldunMax</a></li>
</ul>
</div>
<div class="education-container container-block">
<h2 class="container-block-title">Education</h2>
<div class="item">
<h4 class="degree">Mathematics and physics</h4>
<h5 class="meta">Ukrainian gymnasium</h5>
<div class="time">2004 - 2015</div>
</div>
<div class="item">
<h4 class="degree">Automation</h4>
<h5 class="meta">Igor Sikorsky Kyiv Polytechnic Institute</h5>
<div class="time">2015 - present</div>
</div>
</div>
<div class="interests-container container-block">
<h2 class="container-block-title">Likes</h2>
<ul class="list-unstyled interests-list">
<li>Programming</li>
<li>Powerlifting</li>
<li>Animals</li>
<li>Books</li>
</ul>
</div>
<div class="interests-container container-block">
<h2 class="container-block-title">Dislikes</h2>
<ul class="list-unstyled interests-list">
<li>Smoking</li>
<li>Alcohol</li>
<li>Cold</li>
<li>Noise</li>
</ul>
</div>
</div>
<div class="main-wrapper">
<section class="section summary-section">
<h2 class="section-title"><i class="fa fa-user"></i>Introduction</h2>
<div class="summary">
<p>Hi, i'm Maks. My first aim nowadays it getting new experience in IT industry. I hope in future i'll super programmer and i'll help people :) I think, more correcly to say i'll make human's life more easily. For example i can create web services. It's can be a big amount of web services from online surgery school to a service which shows people how to tie their shoelaces. Everything can move to digital format.</p>
</div>
</section>
<section class="section timeline-section">
<h2 class="section-title"><i class="fa fa-archive"></i>TimeLine</h2>
<div class="item">
<div class="meta">
<div class="time">1 Jule 2015 - 31 August 2015</div>
</div>
<div class="details">
<p>I passed exams and time is come for choosing Univesity. I stopped my choosing at the KPI. I did that choice because i had heard a lot of good reviews about the University and because the KPI is popular in Ukraine.</p>
</div>
</div>
<div class="item">
<div class="meta">
<div class="time">1 September 2015 - 30 December 2015</div>
</div>
<div class="details">
<p>Studing, Studing else Studing... I was first-year student and i thought that University could give everything for my dream job. But it was mistake. In that period where i first time met programming and my first programming language was C. I even made a few simple games like Who Wants to Be a Millionaire and Snake. I passed my first session. It was completely easy, because every free minutes i spent for STUDYING.</p>
</div>
</div>
<div class="item">
<div class="meta">
<div class="time">1 January 2016 - 30 August 2016</div>
</div>
<div class="details">
<p>Here, i changed my meaning about education because i saw that University knowlenge didn't enough for me. I met with C++ and i was reading my first technical book about C++. I made a several projects first project was my University project, it was catalog of military techniques. Where customer could find everything from pistol to a big tank. Honestly say, i didn`t know about DB at that moment and i used notebook like my first DB :-D. Another projects, it was games like tic-tac-toe, hangman and tamagotchi.</p>
</div>
</div>
<div class="item">
<div class="meta">
<div class="time">1 September 2016 - 30 December 2016</div>
</div>
<div class="details">
<p>I interested in studing Photoshop and in that period i first time met C#. That programming language is much easir than C/C++, because i didn`t need worry about dynamical memory, in C# exist special garbage collector for that. I created my first phones shop with using C# (Windows Forms) and it looked funny. My teacher said that my store looked like store for toys because i added a lot of light colors there.</p>
</div>
</div>
<div class="item">
<div class="meta">
<div class="time">1 January 2017 - present</div>
</div>
<div class="details">
<p>From that time, i met my favorite language JavaScript, after C#, C++, C. JS is completely different for me and it turned my attention. I found a lot of information about JS at the metanit, ruseller, codeacademy etc. I wanna say that JS is very popular. His popular has the same lavel with C#, Java or Python and you can use a lot of libraries and frameworks which creates everyday. it's true, Every day somebody creates new framework or library for JS. But i think JS is not easy language because i met a very special moments in JS like typeof null, i think who studies JS they know about that feature but in general JS is actually interesting language which doesn't have boards. In that period i have studied PHP, CSS, HTML and NodeJS, MongoDB yet. I created new catalog but about parkings where customer could find place for his car and i created simple app to-do with using clear JS and with React in the end my last app was chat where customers could echange messages. In future i`ll try to add those projects at the GitHub.</p>
</div>
</div>
</section>
<section class="skills-section section">
<h2 class="section-title"><i class="fa fa-rocket"></i>Skills</h2>
<div class="skillset">
<div class="item">
<h3 class="level-title">Javascript & jQuery</h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="98%">
</div>
</div>
</div>
<div class="item">
<h3 class="level-title">HTML5 & CSS</h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="95%">
</div>
</div>
</div>
<div class="item">
<h3 class="level-title">FLEXIBILITY UI</h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="85%">
</div>
</div>
</div>
<div class="item">
<h3 class="level-title">GULP & NPM & BABEL</h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="60%">
</div>
</div>
</div>
<div class="item">
<h3 class="level-title">MySQL</h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="65%">
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<footer class="footer">
<div class="text-center">
<small class="copyright">© Hometask #1. Git. <a href="https://academy.binary-studio.com/#!/user/hometaskinfo" target="_blank">Binary Studio Academy'18</a></small>
</div>
</footer>
</body>
</html>