Skip to content

Commit

Permalink
07
Browse files Browse the repository at this point in the history
  • Loading branch information
@oxica
oxica committed Sep 1, 2024
1 parent 54d71f2 commit 448bd25
Show file tree
Hide file tree
Showing 2 changed files with 92 additions and 13 deletions.
71 changes: 64 additions & 7 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ <h3>Sp. z o.o. "KINOKO"</h3>

<div class="workeduc-content">
<span class="year"><i class='bx bx-calendar'></i>2016 - 2022 Ukraine</span>
<h3>Food Blogger own sites</h3>
<h3>Food Blogger own WordPress sites</h3>
<p>- created the semantic core of the site</p>
<p>- wrote articles</p>
<p>- took author's photos for articles</p>
Expand Down Expand Up @@ -117,42 +117,99 @@ <h4 class="workeduc-courses">[2022] Programowanie w JavaScript od Zera do Master
</div>
</div>

<div class="book-page page-right" id="turn-2">
<div class="book-page page-right turn" id="turn-2">
<div class="page-front">
<h1 class="title">My services</h1>
<div class="services-box">
<div class="services-content">
<!-- <i class='bx bx-code-alt'></i> -->
<h3>Filmoteka</h3>
<div class="services-pretext">
<h3>Filmoteka</h3>
<h5>JavaScript, Parcel, HTML5, CSS, SASS, GitHub</h5>
<p class="services-text">On the team project, I performed the tasks of a team lead. My main responsibilities included developing the basic structure of the project.</p>
<a href="https://github.com/oxica/project-filmoteka" class="btn">Read more</a>

</div>
<div class="services-btn">
<a href="https://github.com/oxica/project-filmoteka" class=" btn">Read more</a>
</div>

</div>
<div class="services-content">
<!-- <i class='bx bx-code-alt'></i> -->
<div class="services-pretext">
<h3>Ice-Cream</h3>
<h5>HTML5, CSS, SASS, JavaScript, Parcel, GitHub</h5>
<p class="services-text">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. </p>
<a href="https://github.com/oxica/special-team" class="btn">Read more</a>
</div>
<div class="services-btn">
<a href="https://github.com/oxica/special-team" class=" btn">Read more</a>
</div>
</div>
<div class="services-content">
<!-- <i class='bx bx-code-alt'></i> -->
<div class="services-pretext">
<h3>Web Studio</h3>
<h5>HTML5, CSS, SASS, GitHub</h5>
<p class="services-text">A responsive web-page layout, which applies all best practices taken from BEM methodology.</p>
<a href="https://github.com/oxica/-goit-markup-hw-08" class="btn">Read more</a>
</div>
<div class="services-btn">
<a href="https://github.com/oxica/-goit-markup-hw-08" class=" btn">Read more</a>
</div>
</div>
</div>
<span class="number-page">3</span>

<span class="nextprev-btn" data-page="turn-1">
<span class="nextprev-btn" data-page="turn-2">
<i class='bx bx-chevron-right'></i>
</span>
</div>


<div class="page-back">
<h1 class="title">My skills</h1>
<div class="skills-box ">
<div class="skills-content">

<h3>Tech skills</h3>
<div class="content">
<span><i class='bx bxl-html5'></i>HTML5</span>
<span><i class='bx bxl-css3' ></i>CSS3</span>
<span><i class='bx bxl-sass' ></i>CSS preprocessor SASS</span>
<span><i class='bx bxl-javascript' ></i>JavaScript ES5</span>
<span><i class='bx bxl-react' ></i>JavaScript framework React and JavaScript libraries</span>
<span><i class='bx bxl-bootstrap' ></i>CSS framework Bootstrap</span>
<span><i class='bx bx-exit'></i>Npm</span>
<span><i class='bx bx-sitemap'></i>RESTful Services and APIs</span>
<span><i class='bx bx-devices' ></i>Responsive and Mobile Design</span>
<span><i class='bx bxl-git' ></i>Git and Version Control Systems</span>
<span><i class='bx bxl-figma' ></i>Figma</span>
<span><i class='bx bx-code-alt' ></i>Visual Studio Code</span>
<span><i class='bx bx-code-block' ></i>Browser developer tools</span>
<span><i class='bx bxl-tailwind-css' ></i>Tailwind</span>
</div>
</div>
<div class="skills-content">
<h3>Soft skills</h3>
<div class="content">
<span><i class='bx bx-smile' ></i>Goal-oriented </span>
<span><i class='bx bx-smile' ></i>Responsible</span>
<span><i class='bx bxl-microsoft-teams'></i>Familiar with work in a team </span>
<span><i class='bx bx-timer'></i></i></i>Punctual, with organizational skills</span>
<span><i class='bx bxs-hand'></i>Without bad habits</span>
<span><i class='bx bx-wink-smile' ></i>Problem solving</span>
<span><i class='bx bx-bulb'></i>Creativity</span>
</div>
</div>
<div class="skills-content">
<h3>Lenguages</h3>
<div class="content">
<span><i class='bx bx-signal-3'></i>English - Pre-Intermediate</span>
<span><i class='bx bx-signal-3'></i>Polish - Pre-Intermediate</span>
<span><i class='bx bx-signal-5'></i>Ukrainian - Native</span>
<span><i class='bx bx-signal-5'></i>Russian - Native</span>
</div>
</div>
</div>
</div>
</div>

Expand Down
34 changes: 28 additions & 6 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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{
Expand Down Expand Up @@ -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;
}

0 comments on commit 448bd25

Please sign in to comment.