diff --git a/README.md b/README.md index c95a7d2..28b9471 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,3 @@ # rsschool-cv -https://mikitheartist.github.io/rsschool-cv/cv.md \ No newline at end of file +https://mikitheartist.github.io/rsschool-cv/cv.md diff --git a/css/media.css b/css/media.css new file mode 100644 index 0000000..1e32d28 --- /dev/null +++ b/css/media.css @@ -0,0 +1,128 @@ +@media (max-width: 599px) { + .sidebar { + padding-top: 20px; + padding-bottom: 20px; + } + +} + +@media (min-width: 600px) { + .wrapper { + display: flex; + } + + .contacts { + margin-top: 60px; + } + + .tech-scills-container { + margin-top: 50px; + } + +} + +@media (min-width: 600px) and (max-width: 1169px) { + + .container { + width: 600px; + } + + .sidebar { + width: 270px; + } + + .wrapper-photo { + min-width: 270px; + } + + .about-me-container { + width: 300px; + } + + .contacts { + margin-left: 13px; + } + + .contacts-title { + line-height: 34px; + } + + .contacts-link { + line-height: 34px; + } + + .contacts-link-type { + line-height: 34px; + } + + + .tech-scills-title { + line-height: 34px; + } + + .tech-scills-item { + line-height: 34px; + } + + +} + +@media (min-width: 1170px) { + .container { + width: 1170px; + } + + .sidebar { + width: 370px; + padding-top: 40px; + padding-bottom: 40px; + } + + .wrapper-photo { + min-width: 370px; + height: 600px; + } + + .contacts { + margin-left: 40px; + } + + + .contacts-title { + font-size: 22px; + font-weight: 700; + } + + .contacts-link-type { + font-weight: 700; + } + + .tech-scills-container { + margin-left: 40px; + } + + .tech-scills-title { + font-size: 22px; + font-weight: 700; + margin-bottom: 20px; + } + + .about-me-container { + padding: 90px 100px; + } + + .box-container { + margin-bottom: 50px; + } + + .name { + margin-top: 23px; + font-size: 45px; + font-weight: 700; + line-height: 89px; + } + + .profession-duties { + margin-bottom: 30px; + } +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..225115d --- /dev/null +++ b/css/style.css @@ -0,0 +1,219 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body { + font-family: "Montserrat", sans-serif; + background-color: #f1f3f1; + +} + +.container { + padding: 15px; + width: 320px; + margin: 0 auto; + background-color: #f0f7f0; +} + +.wrapper { + background-color: #fff; +} + +.sidebar { + background-color: #638866; +} + +.wrapper-photo { + width: 100%; + /* Ширина области */ + height: 290px; + /* Высота области */ + margin: 0; + /* Обнуляем отступы */ + overflow: hidden; + /* Прячем всё за пределами */ + min-width: 290px; +} + +.my-photo { + width: 100%; +} + +.contacts { + margin-top: 30px; + margin-left: 30px; + margin-right: 10px; +} + +.contacts-title { + font-size: 20px; + font-weight: 400; + line-height: 24px; + color: #ffffff; + margin-bottom: 15px; +} + +.contacts-link { + font-size: 14px; + font-weight: 400; + line-height: 24px; + color: #e2e4e6; + text-decoration: none; +} + +.contacts-link-type { + font-size: 14px; + font-weight: 400; + line-height: 24px; + color: #fff; + margin-right: 10px; +} + +.tech-scills-title { + font-size: 20px; + font-weight: 400; + line-height: 24px; + color: #fff; + margin-bottom: 15px; +} + +.tech-scills-container { + margin-top: 30px; + margin-left: 30px; + margin-right: 30px; +} + +.tech-scills-item { + font-size: 14px; + font-weight: 400; + line-height: 24px; + color: #ff6b08; + margin-left: 15px; +} + +.tech-scills-text { + color: #dbdddf; +} + + +.box-container { + margin-bottom: 20px; +} + +.about-me-title { + color: #000000; + font-size: 22px; + font-weight: 700; + line-height: 24px; + margin-bottom: 10px; +} + +/* about_me_main_info */ +.about-me-container { + padding: 20px 10px; +} + +.profession { + color: #000000; + font-size: 14px; + font-weight: 400; + line-height: 24px; + +} + +.name { + margin-top: 13px; + color: #000000; + font-size: 30px; + font-weight: 700; + line-height: 35px; +} + +.description { + text-align: justify; + font-size: 14px; + font-weight: 400; + line-height: 24px; + color: #595959; + margin-top: 20px; +} + +/* portfolio */ + + +.projects-link { + font-size: 14px; + font-weight: 400; + line-height: 24px; + color: #595959; + text-decoration: none; + white-space: nowrap; + /* Запрещаем перенос строк */ + overflow: hidden; + /* Обрезаем все, что не помещается в область */ + text-overflow: ellipsis; + /* Добавляем многоточие */ + /* Не обязательно, но может понадобиться. Например, для ссылок */ + display: block; +} + +.tech-name { + color: #595959; + font-size: 14px; + font-weight: 400; + line-height: 24px; +} + +.projects-item { + font-weight: 700; + margin-left: 17px; +} + +/* experience */ + +.profession-title { + font-size: 16px; + font-weight: 700; + line-height: 24px; + margin-top: 10px; + margin-bottom: 10px; +} + +.profession-company { + color: #ff7a21; +} + +.profession-time { + color: #595959; + font-size: 12px; + font-weight: 400; + line-height: 24px; +} + +.profession-divider { + color: #000; +} + +.profession-duties { + margin-top: 14px; + margin-bottom: 14px; +} + +.profession-duties-item { + color: #595959; + font-size: 14px; + font-weight: 400; + line-height: 24px; + margin-left: 17px; +} + +/* education */ +.education-title { + font-size: 16px; + font-weight: 700; + line-height: 24px; + margin-top: 15px; + color: #ff7a21; +} \ No newline at end of file diff --git a/cv.md b/cv.md new file mode 100644 index 0000000..81679b4 --- /dev/null +++ b/cv.md @@ -0,0 +1,40 @@ +## **Helen Kerenykevych** + +1. **Contacts** + + - _C: +38 063 385 12 55_ + - _E: helenchekanovska@gmail.com_ + +1. _I am an enterprising novice specialist intending to continue my upgrowth as a webdeveloper. I have a logical mind. I think in terms of result and objectives, I am entusiastic. I have a proactive attitude and find positive way to stimulate and go with people._\ + +1. **Tech Skills** + + - _HTML5_ + - _CSS3_ + - _SASS_ + - _JavaScript (entry level)_ + - _Wordpress (entry level)_ + - _WebPack (entry level)_ + +1. **Experience** + +- _Front-End Developer Freelance: Year 2019 - up to now | Ukraine_ + +1. **Education** + +- _Petro Mohyla Black Sea State University: Environmental protection, Master of Ecology 2006 | Ukraine_ +- _PeaPod IT School: Front-End + WordPress 2020 | Ukraine_ +- _Online course Udemi HTML, CSS, JS 2020 | Ukraine_ +- _Course Java Core 2017 | Ukraine_ + +1. **Languages** + +- _Ukrainian, Russian - mother tongue_ +- _English - elementary_ +- _German - intermediate+_ + +1. **Portfolio** + +- https://mikitheartist.github.io/design_and_develop.github.io/. +- https://mikitheartist.github.io/silon.github.io/ +- https://mikitheartist.github.io/walking_with_diana.github.io/ diff --git a/img/foto.jpg b/img/foto.jpg new file mode 100644 index 0000000..f7c61c6 Binary files /dev/null and b/img/foto.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..32f6da6 --- /dev/null +++ b/index.html @@ -0,0 +1,241 @@ + + + + + + + Document + + + + + + +
+ +
+ + + +
+ + +
+

Front-End Developer

+

Helen Kerenykevych

+ +

+ I am an enterprising novice specialist intending to continue my upgrowth as a webdeveloper. I have a logical + mind. I think in terms of result and objectives, I am entusiastic. I have a proactive attitude and find + positive way to stimulate and go with people. +

+
+ + +
+

Education

+ + +
+

Petro Mohyla Black Sea State University

+ +
Environmental protection, Master of Ecology
+ + + 2006 | Ukraine + +
+ + +
+

PeaPod IT School

+ +
Front-End + WordPress
+ + + 2020 | Ukraine + +
+ + +
+

Online course Udemi

+ +
HTML, CSS, JS
+ + + 2020 | Ukraine + +
+ + +
+

Course Java Core

+ +
Java
+ + + 2017 | Ukraine + +
+ +
+ + +
+

Experience

+ + +
+

Front-End Developer Freelance

+ + November 2019 - up to now | Ukraine + + +
    +
  • + Understanding the basics of design and composition. +
    • +
  • Working in the Photoshop graphics editor: defining images, working with + layers, sizing images, fonts, etc.
    • +
  • Сreating interactive sites: with pop-ups, sliders, etc.
    • +
  • + Сreating adaptive sites. +
    • +
+
+
+ + +
+

Languages

+ +
    +
  • + Ukrainian, Russian - mother tongue. +
    • +
  • English - elementary.
    • +
  • German - intermediate.
    • +
+
+ + +
+

Portfolio

+ +
    +
  1. + https://mikitheartist.github.io/design_and_develop.github.io/. + + [ HTML5, CSS3 ] +
    2. +
  2. + https://mikitheartist.github.io/silon.github.io/ + + [ HTML5, CSS3 ] +
    3. + + +
  3. + https://mikitheartist.github.io/slider.github.io/ + + [ JS, HTML, CSS] +
    4. +
+
+ +
+
+
+ + + \ No newline at end of file