2016 - 2022 Ukraine
-
Food Blogger own sites
+
Food Blogger own WordPress sites
- created the semantic core of the site
- wrote articles
- took author's photos for articles
@@ -117,35 +117,49 @@
[2022] Programowanie w JavaScript od Zera do Master
-
+
My services
-
Filmoteka
+
+
Filmoteka
JavaScript, Parcel, HTML5, CSS, SASS, GitHub
On the team project, I performed the tasks of a team lead. My main responsibilities included developing the basic structure of the project.
-
Read more
+
+
+
+
+
Ice-Cream
HTML5, CSS, SASS, JavaScript, Parcel, GitHub
A team-project related to the creation of a landing page for the practice of learned technologies in teamwork. On the project, I performed the tasks of a team lead.
-
Read more
+
+
+
Web Studio
HTML5, CSS, SASS, GitHub
A responsive web-page layout, which applies all best practices taken from BEM methodology.
-
Read more
+
+
+
3
-
+
@@ -153,6 +167,49 @@
HTML5, CSS, SASS, GitHub
My skills
+
+
+
+
Tech skills
+
+ HTML5
+ CSS3
+ CSS preprocessor SASS
+ JavaScript ES5
+ JavaScript framework React and JavaScript libraries
+ CSS framework Bootstrap
+ Npm
+ RESTful Services and APIs
+ Responsive and Mobile Design
+ Git and Version Control Systems
+ Figma
+ Visual Studio Code
+ Browser developer tools
+ Tailwind
+
+
+
+
Soft skills
+
+ Goal-oriented
+ Responsible
+ Familiar with work in a team
+ Punctual, with organizational skills
+ Without bad habits
+ Problem solving
+ Creativity
+
+
+
+
Lenguages
+
+ English - Pre-Intermediate
+ Polish - Pre-Intermediate
+ Ukrainian - Native
+ Russian - Native
+
+
+
diff --git a/style.css b/style.css
index 3fdd620..26821a7 100644
--- a/style.css
+++ b/style.css
@@ -291,13 +291,17 @@ color: var(--white-color);
}
.services-box .services-content{
-
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+
flex: 1 1 10rem;
border: var(--border);
padding: .8rem .5rem 1.1rem;
border-radius: .5rem;
- text-align: center;
- transition: .3s ease;
+ text-align: center;
+ transition: .3s ease;
}
.services-box .services-content:hover{
@@ -328,9 +332,27 @@ color: var(--white-color);
}
.services-content .btn{
-
-
-
width: 8rem;
height: 2.5rem;
}
+
+.skills-box{
+ display: flex;
+ flex-wrap: wrap;
+ gap: 1.5rem;
+}
+
+.skills-box .skills-content{
+flex: 1 1 20rem;
+}
+
+.skills-content h3{
+ font-size: 1.3rem;
+ line-height: 1;
+ margin-bottom: .6rem;
+}
+
+.skills-content .content{
+display: flex;
+flex-wrap: wrap;
+}