-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (112 loc) · 5.18 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Iurii Solonynka</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="./img/favimage.png" type="image/png">
</head>
<body>
<!--main container-->
<div class="main-container">
<aside class="sidebar">
<img src="./img/img_photo.jpeg" alt="My photo" width="370px">
<!--Contacts-->
<div class="contacts-container">
<H3 class="contacts_title">Contacts</H3>
<div>Contact: .................................. <a href="tel:927426360">+351 927 426 360</a> </div>
<div>Email: ................. <a href="mailto:[email protected]">[email protected]</a> </div>
</div>
<div class="skills-container">
<H3 class="contacts_title">Tech Skills</H3>
<ul class="list">
<li><span class="li_text">HTML5</span></li>
<li><span class="li_text">CSS3</span></li>
<li><span class="li_text">GIT</span></li>
<li><span class="li_text">JS</span></li>
<li><span class="li_text">React.js</span></li>
</ul>
</div>
<div class="skills-container">
<H3 class="contacts_title">Soft Skills</H3>
<ul class="list">
<li><span class="li_text">Kanban</span></li>
<li><span class="li_text">Agile</span></li>
<li><span class="li_text">Scrum</span></li>
</ul>
</div>
</aside>
<!--about me container-->
<div class="about-me-container">
<!--main info-->
<div class="main_title">
<h4 class="aboutme_title">Front-End Developer</h4>
<h1 class="name_title">Iurii Solonynka</h1>
<p class="discription_aboutme">
I have no expirience in IT yet, but i'll change it soon.
</p>
</div>
<!--project conteiner-->
<div class="project_container">
<h2 class="sub_titles">Projects</h2>
<ol>
<li>
<a class="project_link" href="link"> Here will be a link for my project </a>
<span> [django, python] </span>
</li>
<li>
<a class="project_link" href="link"> Here will be a link for my project </a>
<span> [html, css] </span>
</li>
<li>
<a class="project_link" href="link"> Here will be a link for my project </a>
<span> [java-script] </span>
</li>
</ol>
</div>
<!--about expirience-->
<div>
<h2 class="sub_titles">Work Expirience</h2>
<!--company 1-->
<div class="workplaces">
<h4>Front-End Developer |<span class = "Proffetion"> Freelance</span> </h4>
<span class="period">Soon | Portugal</span>
<ul>
<li>Project 1. In progress. Will be deployed till the end of 2020</li>
<li>Here, in close future, will be the name of my project!</li>
<li>Here, in close future, will be the name of my project!</li>
<li>Here, in close future, will be the name of my project!</li>
</ul>
</div>
<!--company 2-->
<div class="workplaces">
<h4>Content Moderator |<span class = "Proffetion"> TikTok</span></h4>
<span class="period">2020 - up to now | Portugal</span>
<ul>
<li>Control of content</li>
<li>Working in big team</li>
<li>Team building</li>
<li>Coaching</li>
</ul>
</div>
<!--company 3-->
<div class="workplaces">
<h4>Driver |<span class = "Proffetion"> Taxi Lisboa</span></h4>
<span class="period">2016-2020 | Portugal</span>
<ul>
<li>Nothing special, just driver</li>
</ul>
</div>
</div>
<div class="education_container">
<h2 class="sub_titles">Education</h2>
<h3>Chernivtsi National University</h3>
<h4>Faculty of Geography | Management</h4>
<span class="period">2007 - 2012 | Ukraine</span>
</div>
</div>
</div>
</body>
</html>