-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·549 lines (549 loc) · 36 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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Andrey Karazhev</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome CSS-->
<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
<!-- Google fonts - Roboto + Roboto Slab-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700%7CRoboto:400,700,300">
<!-- owl carousel-->
<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.css">
<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.css">
<!-- animate.css-->
<link rel="stylesheet" href="vendor/animate.css/animate.css">
<!-- theme stylesheet-->
<link rel="stylesheet" href="css/style.blue.css" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="css/custom.css">
<!-- Leaflet CSS - For the map-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css">
<!-- Favicon-->
<link rel="shortcut icon" href="img/favicon.png">
<!-- Tweaks for older IEs--><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<!-- Reference item-->
<!-- navbar-->
<header class="header">
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container"><a href="#intro" class="navbar-brand scrollTo">Andrey Karazhev</a>
<button type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right"><span class="fa fa-bars"></span></button>
<div id="navbarcollapse" class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="#intro" class="nav-link link-scroll">Intro</a></li>
<li class="nav-item"><a href="#about" class="nav-link link-scroll">About</a></li>
<li class="nav-item"><a href="#services" class="nav-link link-scroll">Services</a></li>
<li class="nav-item"><a href="#testimonials" class="nav-link link-scroll">Testimonials</a></li>
<li class="nav-item"><a href="#references" class="nav-link link-scroll">My work</a></li>
<li class="nav-item"><a href="#customers" class="nav-link link-scroll">Clients</a></li>
<li class="nav-item"><a href="#contact" class="nav-link link-scroll">Contact</a></li>
<li class="nav-item"><a href="data/andrey_karazhev.pdf" target="_blank" class="nav-link link-scroll">CV</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Intro Image-->
<section id="intro" style="background: url(img/home.jpg) center center no-repeat; background-size: cover;" class="intro-section pb-2">
<div class="container text-center">
<div data-animate="fadeInDown" class="logo"><img src="img/logo-big.png" alt="logo" width="130"></div>
<h1 data-animate="fadeInDown" class="text-shadow mb-5">Hello, Hallo, ¡Hola, Здравствуйте!</h1>
<p data-animate="slideInUp" class="h3 text-shadow text-400">I'm a software engineer with experience in following fields: software development and design, team and technical leading, project management and delivery.</p>
</div>
</section>
<!-- About-->
<section id="about" class="about-section">
<div class="container">
<header class="text-center">
<h2 data-animate="fadeInDown" class="title">About me</h2>
</header>
<div class="row">
<div data-animate="fadeInUp" class="col-lg-6">
<p>✑ Experienced in developing applications such as <strong>client-server</strong>, <strong>web-based</strong> and <strong>mobile</strong> apps.</p>
<p>✑ High level of programming knowledge. Clear understanding of the programming life cycle.</p>
<p>✑ Strong skills in problem-solving, business communications and cooperation.</p>
<p>✑ Experience encompasses software <strong>design</strong> and <strong>development</strong>, <strong>QA</strong>, <strong>delivery</strong> and <strong>maintenance</strong> of verious application software. Ability to lead tasks throughout the whole project lifecycle.</p>
<p>✑ Performed different roles in the software development process: <strong>developer</strong>, <strong>team</strong> and <strong>technical lead</strong>, <strong>architect</strong>.</p>
<p>✑ Knowledge of <strong>Agile</strong>.</p>
<p>✑ Quick learning of any new techniques and technologies.</p>
<p>✑ Have <strong>long</strong> experience with <strong>distributed</strong> teams.</p>
<p>✑ <strong>Technical</strong> degree and <strong>bachelor’s</strong> degree in software engineering.</p>
</div>
<div data-animate="fadeInUp" class="col-lg-6">
<div class="skill-item">
<div class="progress-title">Software Development</div>
<div class="progress">
<div role="progressbar" style="width: 95%" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-skill1"></div>
</div>
</div>
<div class="skill-item">
<div class="progress-title">Software & System Design</div>
<div class="progress">
<div role="progressbar" style="width: 85%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-skill2"></div>
</div>
</div>
<div class="skill-item">
<div class="progress-title">Quality Assurance</div>
<div class="progress">
<div role="progressbar" style="width: 65%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-skill3"></div>
</div>
</div>
<div class="skill-item">
<div class="progress-title">Team & Technical Leading</div>
<div class="progress">
<div role="progressbar" style="width: 75%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-skill4"></div>
</div>
</div>
<div class="skill-item">
<div class="progress-title">Project Management & Delivery</div>
<div class="progress">
<div role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-skill5"></div>
</div>
</div>
<div class="skill-item">
<div class="progress-title">Consulting</div>
<div class="progress">
<div role="progressbar" style="width: 70%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-skill6"></div>
</div>
</div>
<div class="skill-item">
<div class="progress-title">Mentoring</div>
<div class="progress">
<div role="progressbar" style="width: 60%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-skill7"></div>
</div>
</div>
</div>
<div data-animate="fadeInUp" class="col-sm-6 mx-auto mt-5"><img src="img/about.jpg" alt="This is me - Andrey Karazhev" class="image rounded-circle img-fluid"></div>
</div>
</div>
</section>
<!-- Service-->
<section id="services" class="bg-gradient services-section">
<div class="container">
<header class="text-center">
<h2 data-animate="fadeInDown" class="title">Services</h2>
</header>
<div class="row services text-center">
<div data-animate="fadeInUp" class="col-lg-4">
<div class="icon"><i class="fab fa-java"></i> <i class="fab fa-js"></i> <i class="fab fa-python"></i></div>
<h3 class="heading mb-3 text-400">Software development</h3>
<p class="text-left description">Software development is the process of conceiving, specifying, designing, programming, documenting, testing, and bug fixing involved in creating and maintaining applications, frameworks, or other software components. The main programming languages which I use for these purposes are Java, JavaScript and Python along with popular libraries and frameworks: Spring, Hibernate, React, Django.</p>
</div>
<div data-animate="fadeInUp" class="col-lg-4">
<div class="icon"><i class="fas fa-drafting-compass"></i></div>
<h3 class="heading mb-3 text-400">System & Software design</h3>
<p class="text-left description">System and software design are processes of designing the elements of a system or software such as the architecture, modules and components, the different interfaces of those components and the data that goes through that system or software. The result represents artifacts such as documents, diagrams or presentations.</p>
</div>
<div data-animate="fadeInUp" class="col-lg-4">
<div class="icon"><i class="fas fa-tools"></i></div>
<h3 class="heading mb-3 text-400">Development and operations</h3>
<p class="text-left description">Development and operations (DevOps) is a set of practices that combines software development (Dev) and IT operations (Ops). It aims to shorten the systems development life cycle and provide continuous delivery with high software quality. Some tools and systems which I use are Jira, Confluence, Git, Docker, AWS, Kubernetes, Splunk, Jenkins, JUnit.</p>
</div>
</div>
<hr data-animate="fadeInUp">
<div data-animate="fadeInUp" class="text-center">
<p class="lead">Would you like to know more or just discuss something?</p>
<p><a href="#contact" class="btn btn-outline-light link-scroll">Contact me</a></p>
</div>
</div>
</section>
<!-- Testimonials-->
<section id="testimonials" class="testimonials-section bg-gray">
<div class="container">
<header class="text-center mb-2">
<h2 data-animate="fadeInUp" class="title">My clients and co-workers said<br><span>about me</span></h2>
<p data-animate="fadeInUp" class="lead">I'm always glad to hear that people leave satisfied. Some of them shared with you their insights on our cooperation.</p>
</header>
<ul data-animate="fadeInUp" class="owl-carousel owl-theme testimonials equalize-height">
<li class="item">
<div class="testimonial full-height">
<div class="text">
<p>Andrey is an experienced and reliable developer who was a huge asset to our team. Any project he worked on was delivered with a high quality and attention to detail. Additionally, he was a really popular member of our team and a pleasure to deal with.</p>
</div>
<div class="bottom">
<div class="icon"><i class="fa fa-quote-left"></i></div>
<div class="name-picture"><img alt="Steve Lackenby" src="img/stevel.jpg">
<h5>Steve Lackenby</h5>
<p>Co-Founder & COO, TulaCo</p>
</div>
</div>
</div>
</li>
<li class="item">
<div class="testimonial full-height">
<div class="text">
<p>I worked with Andrey for a few years on different types of projects, from mobile apps to server software. He is a great developer, result-oriented and he was always there ready to help when I needed him. His dedication to work is just excellent and knowledge is quite great. If you need something done - get Andrey work on it and see progress in no time. Among his qualities is that he is a great team player - nothing can be better than to work in a team on a challenging problem.</p>
</div>
<div class="bottom">
<div class="icon"><i class="fa fa-quote-left"></i></div>
<div class="name-picture"><img alt="Alex Pronin" src="img/alexp.jpg">
<h5>Alex Pronin</h5>
<p>Chief Architect, TulaCo</p>
</div>
</div>
</div>
</li>
<li class="item">
<div class="testimonial full-height">
<div class="text">
<p>It has been a pleasure to work with Andrey. He is highly experienced java developer and excellent performer with good analytical skills. Andrey is reliable and well respected by colleagues. You can always rely on Andrey’s work results.</p>
</div>
<div class="bottom">
<div class="icon"><i class="fa fa-quote-left"></i></div>
<div class="name-picture"><img alt="Dmitry Birukov" src="img/avatar.gif">
<h5>Dmitry Birukov</h5>
<p>Senior Software Engineer, Microsoft</p>
</div>
</div>
</div>
</li>
<li class="item">
<div class="testimonial full-height">
<div class="text">
<p>I have cooperated with Andrey for over 5 years, first he was a member of Iskrabel's software development team, then we continued cooperation directly, still remotely from Slovenia to Belarus. He is highly skilled and innovative Java developer, hard working and productive. His attitude to work is responsible, he respects requirements in function, quality and deadline. Due to his qualities remote development as well as remote exhaustive testing on the Iskratel's in-house equipment always met our requirements and expectations.</p>
</div>
<div class="bottom">
<div class="icon"><i class="fa fa-quote-left"></i></div>
<div class="name-picture"><img alt="Karmen Zitnik" src="img/karmenz.jpg">
<h5>Karmen Zitnik</h5>
<p>Head of Research and Development, Parsek Group</p>
</div>
</div>
</div>
</li>
<li class="item">
<div class="testimonial full-height">
<div class="text">
<p>Highly skilled, first-class professional Java programmer. Very responsive and willing to meet projects requirements, well organized. Knowledgeable, friendly. Always a pleasure to work with. During our cooperation Andrey produced excellent results and I would highly recommend him! Hope to work with again in the future.</p>
</div>
<div class="bottom">
<div class="icon"><i class="fa fa-quote-left"></i></div>
<div class="name-picture"><img alt="Aliaksandr Shautsou" src="img/aliaksandrs.jpg">
<h5>Aliaksandr Shautsou</h5>
<p>Android Apps Developer</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<!-- Statistics-->
<section id="statistics" data-dir="up" style="background: url("img/parallax.jpg");" class="statistics-section text-white parallax parallax">
<div class="container">
<div class="row showcase text-center">
<div data-animate="fadeInUp" class="col-lg-3 col-md-6">
<div class="item">
<div class="icon"><i class="fas fa-tasks"></i></div>
<h5 class="text-400 mt-4 text-uppercase"><span class="counter">22</span><br>Commercial Projects</h5>
</div>
</div>
<div data-animate="fadeInUp" class="col-lg-3 col-md-6">
<div class="item">
<div class="icon"><i class="fa fa-users"></i></div>
<h5 class="text-400 mt-4 text-uppercase"><span class="counter">13</span><br>Satisfied Clients</h5>
</div>
</div>
<div data-animate="fadeInUp" class="col-lg-3 col-md-6">
<div class="item">
<div class="icon"><i class="fab fa-osi"></i></div>
<h5 class="text-400 mt-4 text-uppercase"><span class="counter">5</span><br>Open Source Projects</h5>
</div>
</div>
<div data-animate="fadeInUp" class="col-lg-3 col-md-6">
<div class="item">
<div class="icon"><i class="fa fa-font"></i></div>
<h5 class="text-400 mt-4 text-uppercase"><span class="counter">47</span><br>Articles</h5>
</div>
</div>
</div>
</div>
<div class="dark-mask"></div>
</section>
<!--
*** REFERENCES IMAGE ***
_________________________________________________________
-->
<section id="references">
<div class="container">
<div class="col-sm-12">
<div class="mb-5 text-center">
<h2 data-animate="fadeInUp" class="title">My work</h2>
<p data-animate="fadeInUp" class="lead">I've worked on dozens of projects so I've picked only some for you.</p>
</div>
<ul id="filter" data-animate="fadeInUp">
<li class="active"><a href="#" data-filter="all">All</a></li>
<li><a href="#" data-filter="projects">Projects</a></li>
<li><a href="#" data-filter="opensource">Open Source</a></li>
<li><a href="#" data-filter="publications">Publications</a></li>
<li><a href="#" data-filter="other">Other</a></li>
</ul>
<div id="detail">
<div class="row">
<div class="col-lg-10 mx-auto"><span class="close">×</span>
<div id="detail-slider" class="owl-carousel owl-theme"></div>
<div class="text-center">
<h1 id="detail-title" class="title"></h1>
</div>
<div id="detail-content"></div>
</div>
</div>
</div>
<!-- Reference detail-->
<div id="references-masonry" data-animate="fadeInUp">
<div class="row">
<div data-category="projects" class="reference-item col-lg-3 col-md-6">
<div class="reference"><a href="#"><img src="img/pmon/pmon.jpg" alt="PMon" class="img-fluid">
<div class="overlay">
<div class="inner">
<h3 class="h4 reference-title">IT-PS PMON</h3>
<p>The IT-PS Performance Monitor monitors all your IT components and combines all collected performance metrics on a clear graph.</p>
</div>
</div></a>
<div data-images="img/pmon/pmon-1.jpg,img/pmon/pmon-2.jpg,img/pmon/pmon-3.jpg" class="sr-only reference-description">
<p><span>IT-PS Performance Monitoring System</span> is a new application that allows IT-PS to:</p>
<p>• Collect the time series parameters from wide set of real and virtual devices.</br>
• Filter data input from undesired and unauthorized data flows.</br>
• Provide smart data visualization tool based on diagrams and data tables.</br>
• Provide the way to define various sets of virtual/real devices for easy access with graphical data representation.</br>
• Provide multi user authentication/authorization.</br>
• Export data according to user point of interest.</br>
• Data monitoring, alert management and execution.</br>
• Collect various logging information.</br>
• Provide the way to represent and export logging information.</br>
• The application itself consists of a frontend and a backend.</p>
<p><span>Role:</span></br>
• Lead Software Developer.</p>
<p><span>Responsibilities:</span></br>
• Leaded a development team, analyzed requirements, designed and developed an application architecture, performed infrastructure tasks, wrote documentation.</br>
• Implemented on the back-end side: core, modules, services, and controllers.</br>
• Implemented unit and integration tests, fixed bugs.</p>
<p><span>Environment:</span></br>
• Java, Spring, Hibernate, Tomcat, InfluxDB, Elasticsearch, MariaDB, Docker, Python, Maven, Freemarker, Bootstrap, Angular JS, JQuery, Inspinia, D3, NodeJS, Git, Jira, Bitbucket, GitLab.</p>
<p class="buttons text-center"><a href="https://www.it-ps.at/en/software/" target="_blank" class="btn btn-outline-primary"><i class="fa fa-globe"></i> Visit website</a></p>
</div>
</div>
</div>
<div data-category="projects" class="reference-item col-lg-3 col-md-6">
<div class="reference"><a href="#"><img src="img/mns/mns.jpg" alt="MNS 2.0" class="img-fluid">
<div class="overlay">
<div class="inner">
<h3 class="h4 reference-title">Management Node System (MNS 2.0)</h3>
<p>Iskratel Management Node System.</p>
</div>
</div></a>
<div data-images="img/mns/mns-1.jpg" class="sr-only reference-description">
<p>The product is a key component for managing and monitoring the communications network and the services it delivers. The product is not limited to Iskratel network elements; it offers the opportunity to manage and monitor other vendors' equipment also.</p>
<p>It is not the purpose of the product to offer full management of all the network elements in the network. Instead, the product supports the monitoring and maintenance by executing specific scenarios, embedded in the product. As such, the product represents an infrastructure and an environment for a number of applicative building blocks supporting different aspects of the product's functionality.</p>
<p><span>Role:</span></br>
• Software Engineer.</p>
<p><span>Responsibilities:</span></br>
• Wrote functional specifications.</br>
• Developed a wrapper for I/O operations throughout SNMP.</br>
• Implemented java beans, handlers, components and controllers for profiles: VLAN, DSL, Alarm, L2CP, Service Flow, Multicast, Services, ACL.</br>
• Designed GUI.</br>
• Developed Lumia, Pono, Pono XL adapters for network communication between different types of hardware modules. Developed unit tests.</p>
<p><span>Environment:</span></br>
• Own framework based on Java technologies: XML, JSP, Servlets, Web-services, SNMP, RMI, JDBC, Vaadin/GWT, Swing, Linux, Tomcat, JBoss AS, SVN, Maven, IntelliJ IDEA.</p>
<p class="buttons text-center"><a href="https://www.iskratel.com/en/" target="_blank" class="btn btn-outline-primary"><i class="fa fa-globe"></i> Visit website</a><a href="http://content.iskratel.com/assets/Telco/Iskratel-SI3000-MNS.pdf" target="_blank" class="btn btn-outline-primary"><i class="fa fa-download"></i> Download use case</a></p>
</div>
</div>
</div>
<div data-category="opensource" class="reference-item col-lg-3 col-md-6">
<div class="reference"><a href="#"><img src="img/metacfg4j/metacfg4j.jpg" alt="metacfg4j" class="img-fluid">
<div class="overlay">
<div class="inner">
<h3 class="h4 reference-title">metacfg4j</h3>
<p>The meta configuration for java.</p>
</div>
</div></a>
<div data-images="img/metacfg4j/metacfg4j-1.jpg" class="sr-only reference-description">
<p>The metacfg4j project (that stands for the meta configuration for java) is a library that can be used as the solution by creating a business abstraction or may extend an existed implementation to provide such software solutions as: various configuration (application, user's and etc.), CRUD services, DSL, MVP.</p>
<p><span>Role:</span></br>
• Software Engineer.</p>
<p><span>Responsibilities:</span></br>
• Designed and developped the library.</br>
• Developed unit and integration tests.</p>
<p><span>Environment:</span></br>
• Java, Maven, H2DB, MariaDB, GitHub, IntelliJ IDEA.</p>
<p class="buttons text-center"><a href="https://akarazhev.github.io/metacfg4j" target="_blank" class="btn btn-outline-primary"><i class="fa fa-globe"></i> Visit website</a><a href="https://mvnrepository.com/artifact/com.github.akarazhev/metacfg4j" target="_blank" class="btn btn-outline-primary"><i class="fa fa-download"></i> Download library</a></p>
</div>
</div>
</div>
<div data-category="opensource" class="reference-item col-lg-3 col-md-6">
<div class="reference"><a href="#"><img src="img/json/json.jpg" alt="json-simple" class="img-fluid">
<div class="overlay">
<div class="inner">
<h3 class="h4 reference-title">json-simple</h3>
<p>Java Toolkit (JSON.simple).</p>
</div>
</div></a>
<div data-images="img/json/json-1.jpg" class="sr-only reference-description">
<p>Fork of the Java Toolkit (JSON.simple) that adopted to Java 14+.</p>
<p>For more information please visit: <a href="https://cliftonlabs.github.io/json-simple">https://cliftonlabs.github.io/json-simple</a></p>
<p>For the javadocs please visit: <a href="https://cliftonlabs.github.io/json-simple/target/apidocs/index.html">https://cliftonlabs.github.io/json-simple/target/apidocs/index.html</a></p>
<p><span>Role:</span></br>
• Software Engineer.</p>
<p><span>Responsibilities:</span></br>
• Adopted the library.</p>
<p><span>Environment:</span></br>
• Java, Maven, GitHub, IntelliJ IDEA.</p>
<p class="buttons text-center"><a href="https://github.com/akarazhev/json-simple" target="_blank" class="btn btn-outline-primary"><i class="fa fa-globe"></i> Visit website</a><a href="https://mvnrepository.com/artifact/com.github.akarazhev/json-simple" target="_blank" class="btn btn-outline-primary"><i class="fa fa-download"></i> Download library</a></p>
</div>
</div>
</div>
<div data-category="publications" class="reference-item col-lg-3 col-md-6">
<div class="reference"><a href="#"><img src="img/lessons/lessons.jpg" alt="IT Lessons" class="img-fluid">
<div class="overlay">
<div class="inner">
<h3 class="h4 reference-title">IT Lessons</h3>
<p>Collection of simple IT lessons.</p>
</div>
</div></a>
<div data-images="img/lessons/lessons-1.jpg,img/lessons/lessons-2.jpg,img/lessons/lessons-3.jpg" class="sr-only reference-description">
<p>This is a collection of simple IT lessons which cover topics about software development and engineering.</p>
<p><span>Role:</span></br>
• Technical Writer.</p>
<p><span>Responsibilities:</span></br>
• Prepared study-materials and code samples.</p>
<p><span>Environment:</span></br>
• Java, GitHub, Medium.</p>
<p class="buttons text-center"><a href="https://medium.com/it-lessons" target="_blank" class="btn btn-outline-primary"><i class="fa fa-globe"></i> Visit website</a><a href="https://akarazhev.medium.com" target="_blank" class="btn btn-outline-primary"><i class="fa fa-users"></i> Visit account</a></p>
</div>
</div>
</div>
<div data-category="other" class="reference-item col-lg-3 col-md-6">
<div class="reference"><a href="#"><img src="img/tutorials/tutorials.jpg" alt="Tutorials" class="img-fluid">
<div class="overlay">
<div class="inner">
<h3 class="h4 reference-title">Algorithms Structures Patterns</h3>
<p>The tutorial about design patterns, data structures, algorithms.</p>
</div>
</div></a>
<div data-images="img/tutorials/tutorials-1.jpg" class="sr-only reference-description">
<p>This tutorial is not a tutorial that intents teach you the language itself, it's a collection of code samples which can be used for better understanding ideas behind the concepts of design patterns, data structures and algorithms.</p>
<p>It assumes that you are familiar with the language.</p>
<p>Each topic has small explanation of a problem or an idea and the solution, you can use it as you wish and as you want.</p>
<p><span>Role:</span></br>
• Software Engineer.</p>
<p><span>Responsibilities:</span></br>
• Prepared code samples, implemnted unit tests.</p>
<p><span>Environment:</span></br>
• Java, Maven, GitHub.</p>
<p class="buttons text-center"><a href="https://github.com/akarazhev/algorithms-structures-patterns" target="_blank" class="btn btn-outline-primary"><i class="fa fa-globe"></i> Visit website</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Customers-->
<section id="customers" class="customers-section bg-gray">
<div class="container">
<div class="col-md-12">
<div class="row align-items-center">
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="customer"><img src="img/brands/it-ps.png" title="IT Power Services" data-placement="bottom" data-toggle="tooltip" alt="IT-PS" class="img-fluid d-block mx-auto"></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="customer"><img src="img/brands/kapsch.png" title="Kapsch TrafficCom AG" data-placement="bottom" data-toggle="tooltip" alt="Kapsch" class="img-fluid d-block mx-auto"></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="customer"><img src="img/brands/specific-group.png" title="Specific-Group Austria GmbH" data-placement="bottom" data-toggle="tooltip" alt="Specific-Group" class="img-fluid d-block mx-auto"></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="customer"><img src="img/brands/accessm.png" title="Access Media Corp." data-placement="bottom" data-toggle="tooltip" alt="Access Media" class="img-fluid d-block mx-auto"></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="customer"><img src="img/brands/tulaco.png" title="TulaCo" data-placement="bottom" data-toggle="tooltip" alt="TulaCo" class="img-fluid d-block mx-auto"></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="customer"><img src="img/brands/rc-ikt.png" title="RC IKT d.o.o" data-placement="bottom" data-toggle="tooltip" alt="RC IKT" class="img-fluid d-block mx-auto"></div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6">
<div class="customer"><img src="img/brands/iskratel.png" title="ISKRATEL d.o.o" data-placement="bottom" data-toggle="tooltip" alt="ISKRATEL" class="img-fluid d-block mx-auto"></div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact-->
<section id="contact" data-animate="bounceIn" class="contact-section contact">
<div class="container">
<header class="text-center">
<h2 class="title">Contact me</h2>
</header>
<div class="row">
<div class="col-lg-8 mx-auto">
<form id="contact-form" method="post" action="">
<div class="messages"></div>
<div class="controls">
<div class="row">
<div class="col-md-6">
<input type="text" name="name" placeholder="Your firstname *" required="required" class="form-control">
</div>
<div class="col-md-6">
<input type="text" name="surname" placeholder="Your lastname *" required="required" class="form-control">
</div>
<div class="col-md-6">
<input type="text" name="email" placeholder="Your email *" required="required" class="form-control">
</div>
<div class="col-md-6">
<input type="text" name="phone" placeholder="Your phone" class="form-control">
</div>
<div class="col-md-12">
<textarea name="message" placeholder="Message for me *" rows="4" required="required" class="form-control"></textarea>
</div>
<div class="col-md-12 text-center">
<button type="button" class="btn btn-outline-primary" onclick="send()">Send email</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Map-->
<div id="map"></div>
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-md-6 text-center text-lg-left">
<p class="social">
<a href="https://linkedin.com/in/akarazhev" class="external linkedin wow fadeInUp"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/akarazhev" data-wow-delay="0.2s" class="external github wow fadeInUp"><i class="fab fa-github"></i></a>
<a href="https://t.me/akarazhev" data-wow-delay="0.4s" class="external telegram wow fadeInUp"><i class="fab fa-telegram-plane"></i></a>
<a href="tel:+375297700268" data-wow-delay="0.6s" class="external gplus wow fadeInUp"><i class="fas fa-phone"></i></a>
<a href="mailto:karazhev@gmail.com" data-wow-delay="0.8s" class="email wow fadeInUp"><i class="fa fa-envelope"></i></a></p>
</div>
<!-- /.6-->
<div class="col-md-6 text-center text-lg-right mt-4 mt-lg-0">
<p>© 2021 Andrey Karazhev. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!-- JavaScript files-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="vendor/waypoints/lib/jquery.waypoints.min.js"></script>
<script src="vendor/jquery.counterup/jquery.counterup.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
<script src="https://kit.fontawesome.com/e802e3d1c1.js" crossorigin="anonymous"></script>
<script src="js/front.js"></script>
</body>
</html>