Markdown & Git

README.md

@@ -1,3 +1,3 @@
 # rsschool-cv
 
-https://mikitheartist.github.io/rsschool-cv/cv.md
+https://mikitheartist.github.io/rsschool-cv/cv.md

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;
+  }
+}

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;
+}

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/