Skip to content

Markdown & Git #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
romanenkoandrew wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Markdown & Git #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
af60f94
init: start markdown & git task
romanenkoandrew Feb 3, 2020
2c0c02c
docs: add info point 1-4
romanenkoandrew Feb 3, 2020
54bba68
docs: add info points 5-8
romanenkoandrew Feb 3, 2020
789a9c3
init: start html basics task
romanenkoandrew Feb 14, 2020
5d276cc
feat: add photo and text
romanenkoandrew Feb 14, 2020
2fee36b
feat: add style
romanenkoandrew Feb 14, 2020
a144113
feat: add animation
romanenkoandrew Feb 14, 2020
97ce9eb
Merge pull request #2 from romanenkoandrew/rsschool-cv-html
romanenkoandrew Feb 14, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion README.md
View file
Open in desktop

This file was deleted.

33 changes: 33 additions & 0 deletions cv.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
# My Resume:
## 1. My name:
Andrei Ramanenka
## 2. Contacts:
* **phone:** +375 (29) 526-88-47;
* **e-mail:** romanenkoandrey95@mail.ru

## 3.Summary:
Сurrently my goal is to get a big experience and usefull structured knowledge from this course.
I do my best to realize this goal, because it's important and very interesting for me. I'd like to learn something new and
have a big motivation for this. This step will help me to start IT career in position front-end developer in future.
## 4. SKills:
* *HTML*
* *CSS*
* *Javascript*
* *SQL*
* *Git*

## 5. Code examples:
* [GitHub](https://github.com/romanenkoandrew)
* [Codewars](https://www.codewars.com/users/Andrew%20Romanenko/stats)

## 6. Experiance:
About half-year self-study. For this I used next resources:
* [learn.javascript.ru](learn.javascript.ru)
* [codeacademy](https://www.codecademy.com/profiles/RomanenkoAndrew)
* [htmlacademy](https://htmlacademy.ru)
* [codewars](https://www.codewars.com/users/Andrew%20Romanenko/stats)

## 7. Education:
I graduated from BSTU in 2017 with a higher degree in civil engineering.
## 8. English:
My English level according to [str.by](https://str.by) is A2+ (Pre-Intermediate).
105 changes: 105 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,105 @@
<!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="./style.css">
<title>Resume</title>
</head>
<body>
<main>
<h1>Resume:</h1>
<section class="content">
<div class="part1">
<div class="img_and_name">
<figure class="img">
<img src="./rsschool-cv/img/img.jpg" alt="photo">
</figure>
<div class="points1_2">
<div class="point1">
<h2>1. My name:</h2>
<p>Andrei Ramanenka</p>
</div>

<div class="point2">
<h2>2. Contacts:</h2>
<ul>
<li>
<p>
<span class="bold">phone:</span>
+375 (29) 526-88-47
</p>
</li>

<li>
<p>
<span class="bold"> e-mail:</span>
<a href="mailto:romanenkoandrey95@mail.ru">romanenkoandrey95@mail.ru</a>
</p>
</li>
</ul>
</div>
</div>

</div>

<div class="other_points">
<h2>3. Summary:</h2>
<p>
Сurrently my goal is to get a big experience and usefull structured knowledge from this course.
I do my best to realize this goal, because it's important and very interesting for me. I'd like to learn something new and
have a big motivation for this. This step will help me to start IT career in position front-end developer in future.
</p>
<h2>7. Education:</h2>
<p>
I graduated from BSTU in 2017 with a higher degree in civil engineering.
</p>
<h2>8. English:</h2>
<p>
My English level according to <a href="https://str.by" target="_blank">str.by</a> is A2+ (Pre-Intermediate).
</p>
</div>

</div>

<div class="part2">
<h2>4. Skills:</h2>
<ul>
<li><p class="italic">HTML </p></li>
<li><p class="italic">CSS</p></li>
<li><p class="italic">Javascript</p></li>
<li><p class="italic">SQL</p></li>
<li><p class="italic">Git</p></li>
</ul>

<h2>5. Code examples:</h2>
<ul>
<li><p>
<a href="http://github.com/romanenkoandrew" target="_blank" rel="noopener noreferrer">GitHub</a>
</p></li>
<li><p>
<a href="http://www.codewars.com/users/Andrew%20Romanenko/stats" target="_blank" rel="noopener noreferrer">Codewars</a>
</p></li>
</ul>
<h2>6. Experiance: </h2>
<ul>
<li><p>
<a href="http://learn.javascript.ru" target="_blank" rel="noopener noreferrer">learn.javascript.ru</a>
</p></li>
<li><p>
<a href="http://www.codecademy.com/profiles/RomanenkoAndrew" target="_blank" rel="noopener noreferrer">codeacademy</a>
</p></li>
<li><p>
<a href="http://htmlacademy.ru" target="_blank" rel="noopener noreferrer">htmlacademy</a>
</p></li>
<li><p>
<a href="http://www.codewars.com/users/Andrew%20Romanenko/stats" target="_blank" rel="noopener noreferrer">codewars</a>
</p></li>
</ul>
</div>

</section>

</main>
</body>
</html>
Binary file added rsschool-cv/img/img.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
170 changes: 170 additions & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,170 @@
* {
padding: 0;
margin: 0;
}

body {
font-family: Helvetica, Arial, sans-serif;
color: #fff;
background-color:#131C36;
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
overflow: hidden;
}

main h1 {
text-align: center;
animation: step_1 1.5s ease-in forwards;
opacity: 0;
}

a {
text-decoration: none;
color: #42a7e2;
}

figure img {
width: auto;
height: 150px;
border-radius: 5%;
opacity: 0;
animation: step_2 2s ease-out 1.5s forwards;
}


.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}

h2 {
margin: 0.25rem;
padding: 0.15rem;
}

p {
margin: 0.25rem;
padding: 0.1rem;
}

main {

background-color: #2F2F2F ;
width: 800px;
height: 470px;
padding: 10px;
border-radius: 2%;
}
.content {
margin: 0.5rem ;
display: flex;
justify-content: space-around;
}

.part1 {
width: 70%;
margin: 0.25rem;
padding: 0.25rem;
}
.img_and_name {
display: flex;
justify-content: space-between;
align-items: center;
}

.point1 {
opacity: 0;
animation: step_3 2s ease-in-out 2s forwards;
}

.point2 {
opacity: 0;
animation: step_4 2s ease-in-out 2.5s forwards;
}

.other_points {
opacity: 0;
animation: step_5 3s ease-in-out 3.5s forwards;
}

.part2 {
width: 30%;
margin: 0.25rem;
padding: 0.25rem;
opacity: 0;
animation: left 3s ease-in-out 2.5s forwards;
}

@keyframes step_1 {
0% {
opacity: 1;
position: relative;
top: -25vh;
}
10% {
border-bottom: none;
}
100% {
opacity: 1;
top: 25vh;
border-bottom: #fff 1px solid;
}
}

@keyframes step_2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

@keyframes step_3 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

@keyframes step_4 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

@keyframes step_5 {
0% {
opacity: 1;
position: relative;
bottom: -70vh;
}
100% {
opacity: 1;
bottom: 70vh;
}
}

@keyframes left {
0% {
position: relative;
right: -50vw;
opacity: 1;
}
100% {
right: 50vw;
opacity: 1;
}
}