diff --git a/index.html b/index.html new file mode 100644 index 0000000..711103c --- /dev/null +++ b/index.html @@ -0,0 +1,97 @@ + + + + + + + + + + CV Dmytro Hrynchyi + + +
+
+
+

Dmytro Hrynchyi

+
Full Stack Web Developer | Zhytomyr
+

+ I'm a goal-oriented, creative and motivated full stack web developer. I am well familiar with CSS/HTML, JS, React, cross-browser and adaptive markup skills. Eager to improve my skills, always try to learn new technologies and stay up-to-date with Web development trends. I also learn quickly and easily communicate with people +

+
+ Dmytro Hrynchyi +
+
+
+ +380631234567 + example@gmail.com + Telegram +
+
+

Experience

+
+
+

Digital Print operator | 2019 - 2022

+

+ My responsibilities: + Printing from digital files and setting up complex printing jobs using the document-preparation software associated with the equipment. +

+
+
+

Prepress Engineer | 2014 - 2019

+

+ My responsibilities: + Using desktop publishing software to create a print layout for the printing process, preparing and checking digital outputs, creating sample proofs and performing all the steps that lead to the final print project. +

+
+
+
+
+

Education

+
+
+

Polissia National University | 2015

+

+ Bachelor degree in Accounting and taxation +

+
+
+
+
+

Skills

+
+
+
    +
  • HTML5
  • +
  • CSS3
  • +
  • Javascript
  • +
+
    +
  • React
  • +
  • SQL
  • +
  • PHP
  • +
+
+
+
+
+

Tools

+
+
+
    +
  • Figma
  • +
  • GIT
  • +
  • NPM
  • +
+
    +
  • VSCode
  • +
  • ESLint
  • +
  • Composer
  • +
+
+
+
+
+
+ + diff --git a/photo.jpg b/photo.jpg new file mode 100644 index 0000000..9e77d39 Binary files /dev/null and b/photo.jpg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..cf5541e --- /dev/null +++ b/style.css @@ -0,0 +1,202 @@ +body { + color: #485268; + background-color: #E5E5E5; + font-family: 'Montserrat', sans-serif; + font-size: 10px; + font-style: normal; + font-weight: 400; + line-height: 150%; +} + +strong { + font-weight: 500; +} + +.page { + width: 595px; + margin: 40px auto; + box-shadow: 0 0 15px 5px #485268; +} + +/* #region about */ + +.about { + display: flex; + padding: 32px 40px 24px 40px; + background-color: #E25544; + color: white; +} + +.about__name { + margin: 0 0 8px 0; + font-size: 30px; + font-weight: 600; + line-height: normal; +} + +.about__role { + margin: 0 0 8px 0; + font-size: 12px; + line-height: normal; + text-transform: uppercase; +} + +.about__text { + margin: 0; +} + +.about__photo { + margin-left: 50px; + width: 114px; + height: 114px; + border-radius: 50%; +} + +/* #endregion */ + +.main { + padding: 0 40px; + background-color: white; +} + +/* #region contacts */ + +.contacts { + display: flex; + justify-content: space-between; + padding: 24px 0; +} + +.contacts__link { + color: #485268; + text-decoration: none; +} + +/* #endregion */ + +/* #region info */ + +.info { + display: flex; + justify-content: space-between; + padding: 24px 0; + border-top: 1px solid #DEE2ED; +} + +.info__title { + margin: 0; + color: #E25544; + font-size: 20px; + font-weight: 500; + line-height: normal; +} + +.info__content { + width: 360px; +} + +/* #endregion */ + +/* #region job */ + +.job { + margin-top: 24px; + border-left: 1px dashed #DEE2ED; + padding-left: 8px; +} + +.job:first-child { + margin-top: 0; +} + +.job__title { + margin: 0; + font-size: 12px; + font-weight: 500; + line-height: 15px; + text-transform: capitalize; +} + +.job__description { + margin: 0; + margin-top: 8px; +} + +/* #endregion */ + +/* #region study */ + +.study { + margin-top: 24px; + border-left: 1px dashed #DEE2ED; + padding-left: 8px; +} + +.study:first-child { + margin-top: 0; +} + +.study__title { + margin: 0; + font-size: 12px; + font-weight: 500; + line-height: 15px; + text-transform: capitalize; +} + +.study__description { + margin: 0; + margin-top: 8px; +} + +/* #endregion */ + +/* #region skills */ + +.skills { + display: flex; +} + +.skills__list { + box-sizing: border-box; + margin: 0; + width: 50%; + border-left: 1px dashed #DEE2ED; + padding-left: 8px; + list-style: none; +} + +.skills__item { + margin-top: 8px; +} + +.skills__item:first-child { + margin-top: 0; +} + +/* #endregion */ + +/* #region tools */ + +.tools { + display: flex; +} + +.tools__list { + box-sizing: border-box; + margin: 0; + width: 50%; + border-left: 1px dashed #DEE2ED; + padding-left: 8px; + list-style: none; +} + +.tools__item { + margin-top: 8px; +} + +.tools__item:first-child { + margin-top: 0; +} + +/* #endregion */