diff --git a/1.ico b/1.ico new file mode 100644 index 0000000..cd609b9 Binary files /dev/null and b/1.ico differ diff --git a/README.md b/README.md index 32e843c..e690fef 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -https://kotkiller.github.io/rsschool-cv/cv +https://kotkiller.github.io/rsschool-cv/ diff --git a/copy.jpg b/copy.jpg new file mode 100644 index 0000000..b1e5288 Binary files /dev/null and b/copy.jpg differ diff --git a/cv.md b/cv.md index af269b5..4cca0dc 100644 --- a/cv.md +++ b/cv.md @@ -1,36 +1,41 @@ - -# Hi everyone!! My name is Evgeniy Bliznets - -![avatar](/1.jpg "My photo") - -## I'm working as mechanical engineer in pharmaceutical company. I would like to be a JS developer in future. - -# My socials: - -[instagram.com] (Instagram) - -[vk.com] (Vkontakte) - -[telegram.com] (Telegram) - -[facebook.com] (Facebook) - -## My hobbies: -* Learning JS -* Basketball -* Watching films - -## Work experience - - Company | Years ------------ |:-------: -Integral | 2009-2011 -Pharmtechnology | 2011-now - -## English level -B1 - -## My contacts: -+375292407970 - -[kotkiller@inbox.ru] (Email) + +# Hi everyone!! My name is Evgeniy Bliznets + +![avatar](/1.jpg "My photo") + +## I'm working as mechanical engineer in pharmaceutical company. I would like to be a JS developer in future. + +# My socials: + +[Instagram] (https://instagram.com) + +[VK] (https://vk.com) + +[Telegram] (https://telegram.com) + +[Facebook] (https://facebook.com) + +## My hobbies: +* Learning JS +* Basketball +* Watching films + +## Work experience + + Company | Years +----------- |:-------: +Integral | 2009-2011 +Pharmtechnology | 2011-now + +## My projects: +* Travel +* Momentum +* CodeJam + +## English level +B1 + +## My contacts: ++375292407970 + +[My email] (kotkiller@inbox.ru) diff --git a/index.html b/index.html index 50ae227..f3cd3e4 100644 --- a/index.html +++ b/index.html @@ -1,83 +1,198 @@ - - - - - - - - My first page - - - -
-
- my avatar -
-

Евгений Близнец

-

Я работаю инженером-механиком в фармацевтической компании.

-

В будущем хотел бы стать JS разработчиком.

-

Список социальных сетей:

- Instagram| - VK| - Telegram| -
-
-
-

Мои хобби

-
    -
  1. Изучение JS
    2. -
  2. Баскетбол
    3. -
  3. Просмотр фильмов
    4. -
  4. Баскетбол
    5. -
-
-
-

Опыт работы

- - - - - - - - - - - - - - - - - - - - -
Название компанииДолжностьГод
Интегралналадчик т/о2009-2011
Фармтехнологияинженер-механик2011-настоящее время
-
-
-

Связаться со мной

-
- - -
-
- - -
-
- - -
- -
-
- - - + + + + + + + CV + + + + + + +
+
+ +
+
+
+
+
+
+
+ my photo +
+
+

Evgeniy Bliznets

+

Mechanical engineer

+

(Future Front-End Developer)

+
+
+
+
+

Contacts

+
    +
  • Location: Minsk, Belarus
    • +
  • Email: kotkiller@inbox.ru
    • +
  • GitHub:kotkiller
    • +
  • Discord:kotkiller#0068
    • +
  • Phone number: +375292407970
    • +
+
+
+

Summary

+

+ I'm working as mechanical engineer in pharmaceutical company. I like + learning programming language JS. I don't have much experience with + JS at the moment. MY goal is to master the JS language well and + become a developer by the end of 2022 +

+
+
+

Skills

+
    +
  • + Web-development: HTML5, CSS3, JavaScript +
    • +
  • Version control: Git, GitHub
    • +
  • Graphics: Figma
    • +
+
+
+

Code

+ 
+        
+          function solution(str){
+            return str.split("").reverse().join("");
+         }
+        
+
+
+
+

Hobbies

+
    +
  • Learning JS
    • +
  • Basketball
    • +
  • Watching films
    • +
  • Gaming
    • +
+
+
+

Projects

+ +
+
+

Education

+
    +
  • 06/2022-now: Rolling Scopes School
    • +
  • + 2009-2015: BSUIR (Belarusian State University of Informatics and + Radioelectronics) +
    • +
  • + 2005-2009: Minsk State Polytechnical College +
    • +
+
+
+

English

+

B1 (B2 in progress)

+
+
+
+ + + diff --git a/instagram.jpg b/instagram.jpg new file mode 100644 index 0000000..720b5c6 Binary files /dev/null and b/instagram.jpg differ diff --git a/label.svg b/label.svg new file mode 100644 index 0000000..3b80540 --- /dev/null +++ b/label.svg @@ -0,0 +1 @@ +rs_school_js \ No newline at end of file diff --git a/style.css b/style.css index 5d1745e..9076224 100644 --- a/style.css +++ b/style.css @@ -1,149 +1,248 @@ - -@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap"); -body { - background-color: Gainsboro; - font-family: "Roboto", sans-serif; - font-size: 16px; - font-weight: 600px; - font-style: oblique; - font-display: auto; - font-stretch: narrower; - text-transform: normal; - margin-bottom: 30px; -} -.container img { - box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.25); - border-radius: 28px; -} - -.info-text { - margin-left: 45px; - margin-top: 0px; -} - -.info { - display: flex; - padding-top: 0px; -} - -.info-text p { - font-style: oblique; - font-weight: bold; - margin: 0; -} - -/* способы подбора цветов: -body { - 1)color: red or #4B0082: первые 2 значения отвечают за красный цвет, следующие 2-за зеленый, последние 2-за синий; -значения могут быть от 0 до FF(макс.) - 2) ввести в гугле css colors - 3) color: rgd(255,0,0); значения от 0 до 255 - 4)color: rgda(0,0,0,0.5); 4-й параметр-это прозрачность (от 0 до 1) - -} */ - -.card1 { - background-color: #faebd7; - border-radius: 10px; - padding-bottom: 5px; - margin-bottom: 10px; - padding-left: 10px; -} - -.card1 h2 { - padding-top: 10px; - padding-left: 8px; -} - -.card2 { - background-color: #add8e6; - border-radius: 10px; - margin-bottom: 10px; - padding-left: 10px; - padding-bottom: 10px; -} - -.card2 h2 { - padding-top: 10px; - padding-left: 6px; -} - -.table td { - padding-left: 10px; -} - -.card3 { - background-color: #f0fff0; - border-radius: 10px; - padding-left: 14px; - padding-bottom: 10px; -} - -.card3 h2 { - padding-top: 10px; - padding-left: 4px; - text-align: center; -} - -.container { - max-width: 750px; - margin: auto; - padding-top: 10px; -} - -.container ol { - padding-left: 20px; -} - -a { - text-decoration: none; -} - -a:hover { - cursor: pointer; - text-decoration: underline; -} - -a:active { - color: RED; -} - -a:visited { - color: grey; -} - -.btn { - background: black; - color: white; - padding: 10px 20px 10px 20px; - margin-left: 4px; - font-family: inherit; - cursor: pointer; -} - -.btn:hover { - opacity: 0.8; -} - -.input label { - display: flex; - font-size: 14px; -} - -.input input, -textarea { - width: 50%; - margin-right: 20px; - background: transparent; - font-family: inherit; - color: black; -} - -@media (max-width: 650px) { - .info { - font-size: 1rem; - padding: 10px; - text-align: center; - display: block; - } -} +html { + scroll-behavior: smooth; +} + +body { + font-family: "Roboto", sans-serif; + min-height: 100vh; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + justify-content: space-between; + color: #ffffff; +} + +* { + box-sizing: border-box; +} + +.header { + background-color: #202026; + height: 80px; + width: 1214px; + display: flex; + align-items: center; + margin: 0 auto; +} + +.nav-list { + display: flex; + justify-content: flex-end; + align-items: center; + list-style: none; + margin-left: 220px; +} + +.nav-link { + padding: 0 20px; + line-height: 50px; + text-decoration: none; + color: #ffffff; + transition: 0.3s; + transition: color 0.5s; +} + +.nav-link:hover { + color: #808080; +} + +.nav-item { + height: 50px; + font-size: 20px; + font-weight: 100; +} + +.main { + display: flex; +} + +.container.main-container { + display: flex; + flex-wrap: wrap; + width: 90%; +} + +.photo { + width: 220px; + border-radius: 50%; + overflow: hidden; + height: 220px; + margin-bottom: 20px; + margin-left: 80px; +} + +.myphoto { + width: 220px; + margin-top: -70px; +} + +.aboutme { + margin-top: 40px; + border-bottom: 15px solid white; + height: 300px; + width: 100%; +} + +.description { + display: block; + margin-left: 710px; + margin-top: -240px; + text-align: center; +} + +.description h1 { + font-size: 42px; +} + +.description h3 { + font-size: 20px; +} + +#contacts { + border-bottom: 5px solid #ffffff; + margin-left: 40px; +} + +#summary { + width: 672.38px; + height: 184px; + margin-left: 40px; +} + +.section { + width: 40%; +} + +@media (max-width: 768px) { + .section { + width: 100%; + } +} + +#contacts { + margin-left: 80px; +} + +#summary { + width: 45%; + border-bottom: 5px solid #ffffff; +} + +#skills { + margin-left: 80px; + border-bottom: 5px solid #ffffff; +} + +#code { + width: 45%; + border-bottom: 5px solid #ffffff; + margin-left: 40px; +} + +#hobbies { + margin-left: 80px; + border-bottom: 5px solid #ffffff; +} + +#projects { + border-bottom: 5px solid #ffffff; + margin-left: 40px; + width: 45%; + transition: 0.3s; + transition: color 0.5s; +} + +.cv, +.website, +.calc, +.momentum, +.codejam, +.travel { + text-decoration: none; + color: white; +} + +a:hover { + color: #808080; + transition: 0.5s; +} + +#education { + margin-left: 80px; + border-bottom: 5px solid #ffffff; +} + +#english { + border-bottom: 5px solid #ffffff; + margin-left: 40px; + width: 45%; +} + +.footer { + padding-top: 10px; + color: #ffffff; + background-color: #202026; + width: 1214px; + margin: 0 auto; + display: flex; +} + +.copy { + width: 30px; + height: 30px; + border-radius: 50%; + margin-top: 15px; + margin-left: 25px; +} + +.container { + max-width: 1214px; + margin: 0 auto; + display: flex; + background-color: #202026; +} + +p.year { + margin-left: 15px; + font-size: 26px; + margin-top: 15px; +} + +.github { + font-size: 26px; + text-decoration: none; + margin-left: 320px; + margin-top: 15px; + color: #d3d3d3; + transition: 0.3s; + transition: color 0.5s; +} + +.github:hover { + color: #808080; +} + +.insta { + height: 30px; + width: 30px; + border-radius: 50%; + margin-top: 12px; + margin-left: 25px; +} + +.vk { + height: 35px; + width: 35px; + border-radius: 50%; + margin-top: 10px; + margin-left: 30px; +} + +.label { + width: 80px; + height: 50px; + padding: 0; + margin-top: 3px; + margin-left: 370px; +} diff --git a/vk.png b/vk.png new file mode 100644 index 0000000..3a44e2a Binary files /dev/null and b/vk.png differ