-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (151 loc) · 10.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<title>CV</title>
</head>
<body>
<!--main container-->
<div class="wrapper">
<header class="sitebar">
<img class="my-photo" src="./images/me.jpg" alt="My foto">
<!--Contacts-->
<div class="contact-container">
<h3 class="tech-skills-title">Contacts</h3>
<a class="contacts-link-type" href="tel:+380937795841">+380937795841</a>
<a class="contacts-link-type" href="mailto:ospanovavita@gmail.com">ospanovavita@gmail.com</a>
<a class="contacts-link-type" href="https://t.me/Vita_Ospanova/" target="_blank"
title="https://t.me/Vita_Ospanova"><span class="">Telegram</span></a>
<a class="contacts-link-type" href="https://linkedin.com/in/vita-ospanova/" target="_blank" title="https://linkedin.com/in/vita-ospanova/"><span class="">Linkedin</span></a>
<a class="contacts-link-type" href="https://github.com/OspanovaV/" target="_blank" title="github.com/OspanovaV"><span class="">Github</span></a>
<a class="contacts-link-type" href="https://www.google.com.ua/maps/place/%D0%92%D0%B8%D0%BB%D0%BA%D0%BE%D0%B2%D0%BE,+%D0%9E%D0%B4%D0%B5%D1%81%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C/@45.3983902,29.5586792,13z/data=!3m1!4b1!4m5!3m4!1s0x40b834940094bf05:0x5464f7b8ae86eab6!8m2!3d45.4002994!4d29.5961736?hl=ru" target="_blank"
title="Vilkove, Ukraine"><span class="">Vilkove, Ukraine</span></a>
</div>
<!--tech-skills-->
<div class="tech-skills-container">
<h3 class="tech-skills-title">Tech Skills</h3>
<ul class="tech-skills">
<li class="tech-skills-item skill"><span class="tech-skills-text">HTML5 / CSS3 / SASS</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">Responsive design</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">GIT</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">JavaScript</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">React</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">Redux</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">NodeJS</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">Express</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">MongoDB</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">Figma</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">WebPack / Parcel</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">Bootstrap</span></li>
<li class="tech-skills-item skill"><span class="tech-skills-text">Adobe Photoshop</span></li>
</ul>
</div>
<!--soft-skills-->
<div class="tech-skills-container">
<h3 class="tech-skills-title">Soft Skills</h3>
<ul>
<li class="tech-skills-item"><span class="tech-skills-text">Teamwork</span></li>
<li class="tech-skills-item"><span class="tech-skills-text">Communication</span></li>
<li class="tech-skills-item"><span class="tech-skills-text">Eager to learn</span></li>
</ul>
</div>
<!--Languages-->
<div class="tech-skills-container">
<h3 class="tech-skills-title">Languages</h3>
<ul>
<li class="tech-skills-item lang"><span class="tech-skills-text">Ukainian-native</span>
</li>
<li class="tech-skills-item lang"><span class="tech-skills-text">Russian-native</span>
</li>
<li class="tech-skills-item lang"><span class="tech-skills-text">English-intermediate</span>
</li>
</ul>
</div>
</header>
<main>
<!--about me container -->
<section class="container">
<div class="info-container">
<a class="contacts-link print" href="javascript:(print());" title="Click to print">
<img src="https://freeiconshop.com/wp-content/uploads/edd/print-outline.png" alt="Print image" width="15px">
Print</a>
<!--about me info-->
<h1 class="name">Vita Ospanova</h1>
<p class="position">FULL STACK DEVELOPER</p>
<p class="description">
I am looking for a job as Full Stack developer. My strong skills are HTML5, CSS3, JS, React, Node.js, Express, MongoDB. Learning, development
and work for the result are important for me. I intend to develop innovative technologies and deliver value to people.
</p>
</div>
<div class="about-me-container">
<!--Projects-->
<ul>
<li class="project-item">
<a class="project-link project" href="https://github.com/OspanovaV/nodejs-rest-api" target="_blank"
title="https://github.com/OspanovaV/nodejs-rest-api">REST API</a>
<p class="profession-time">REST API to work with a collection of contacts. With user authentication/authorization using JWT, the ability to upload a user's avatar through Multer and verification of the user's email after registration using the service SendGrid.</p>
<span class="contacts-link">[Node.ja, Express, MongoDB, Postman, Mongoose]</span>
</li>
<li class="project-item">
<a class="project-link project" href="https://ospanovav.github.io/goit-react-hw-08-phonebook/" target="_blank"
title="https://ospanovav.github.io/phonebook/">Phonebook,</a>
<a class="project-link" href="https://github.com/OspanovaV/goit-react-hw-08-phonebook" target="_blank"
title="https://github.com/OspanovaV/phonebook">[link]</a>
<p class="profession-time">Phone contact storage app. Service offers the creation of a private user where he can add, delete contacts.</p>
<span class="contacts-link">[HTML/CSS, JS React-hooks, Redux]</span>
</li>
<li class="project-item">
<a class="project-link project" href="https://ospanovav.github.io/Filmoteka/" target="_blank" title="https://ospanovav.github.io/Filmoteka/">Filmoteka,</a>
<a class="project-link" href="https://github.com/OspanovaV/Filmoteka" target="_blank" title="https://github.com/OspanovaV/Filmoteka">[link]</a>
<p class="profession-time">Project about searching movies, and adding
favorite movies to a client personal library</p>
<span class="contacts-link">[HTML/CSS, pure JS, pagination, npm-packages]</span>
</li>
<li class="project-item">
<a class="project-link project" href="https://ospanovav.github.io/ice-test/" target="_blank" title="https://ospanovav.github.io/ice-test/">IceCream,</a>
<a class="project-link" href="https://github.com/OspanovaV/ice-test/" target="_blank" title="https://github.com/OspanovaV/ice-test/">[link]</a>
<p class="profession-time">Ice Cream company site. Neat and tasty
design, responsible layout.</p>
<span class="contacts-link">[HTML/CSS, JS, Parcel]</span>
</li>
<li class="project-item">
<a class="project-link project" href="https://ospanovav.github.io/goit-markup-hw-08/" target="_blank" title="https://ospanovav.github.io/WebStudio/">WebStudio,</a>
<a class="project-link" href="https://github.com/OspanovaV/goit-markup-hw-08" target="_blank" title="https://github.com/OspanovaV/WebStudio">[link]</a>
<p class="profession-time">Website development company site.</p>
<span class="contacts-link">[HTML, CSS, SASS]</span>
</li>
</ul>
<!--Work experience-->
<h2 class="about-me-title">Work Experience</h2>
<div class="work-experience">
<p class="profession-title">GoITeens</p>
<p class="profession-time">Teacher | 2023 - present</p>
<p class="profession-time">Responsibilities:</p>
<p class="profession-time">Teach programming to children</p>
</div>
<!--Education-->
<h2 class="about-me-title">EDUCATION</h2>
<ul>
<li>
<p class="profession-title">IT School GoIT</p>
<p class="profession-time">Full stack developer</p>
<p class="profession-time">2021 - 2022 |Ukraine</p>
<li>
<p class="profession-title">Odessa National Technological University</p>
<p class="profession-time">engineer-technologist |2006</p>
</li>
<li>
<p class="profession-title">State Employment Service Training Institute</p>
<p class="profession-time">manager |2017</p>
</li>
</ul>
</div>
</section>
</main>
</div>
</body>
</html>