diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..05e134f --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +/node_modules +package-lock.json +style.scss +style.css.map \ No newline at end of file diff --git a/assets/GitHub-Mark-64px.png b/assets/GitHub-Mark-64px.png new file mode 100644 index 0000000..182a1a3 Binary files /dev/null and b/assets/GitHub-Mark-64px.png differ diff --git a/assets/GitHub_Logo.png b/assets/GitHub_Logo.png new file mode 100644 index 0000000..e03d8dd Binary files /dev/null and b/assets/GitHub_Logo.png differ diff --git a/assets/photo.jpg b/assets/photo.jpg new file mode 100644 index 0000000..c57c642 Binary files /dev/null and b/assets/photo.jpg differ diff --git a/assets/rs_school_js.svg b/assets/rs_school_js.svg new file mode 100644 index 0000000..3b80540 --- /dev/null +++ b/assets/rs_school_js.svg @@ -0,0 +1 @@ +rs_school_js \ No newline at end of file diff --git a/cv.md b/cv.md new file mode 100644 index 0000000..fec9016 --- /dev/null +++ b/cv.md @@ -0,0 +1,53 @@ +## Dmitry Khomichenko + +### Contacts + +- E-mail: iddf1994one@gmail.com + +- Viber: +37529 659-75-83 + +- Telegram: @BlackBerryID + +### Soft skills + +- Courteous +- Dependable +- Calm +- Open-minded +- Diligent + +### Technical skills + +- HTML5 +- CSS3 +- Javascript basics +- Git (Github) + +### Code examples + +``` +function euclideanDistance(point1, point2){ + const length = point1.length; + let result = 0; + for (let i = 0; i < length; i++) { + result += Math.pow((point2[i] - point1[i]), 2); + } + return Math.round(Math.sqrt(result) * 100) / 100; +} +``` + +### Experience + +- I read book: 'grokking algorithms' +- I did a task from 2021Q1 stage 1: 'virtual piano'. You can check it [here](https://rolling-scopes-school.github.io/blackberryid-JSFE2021Q1/virtual-piano/) +- I passed most of the lessons from WesBos's course: [JS30](https://javascript30.com/) + +### Education + +- I graduated from BNTU with a degree in marketing and economics. +- I'm currently taking a free course from EPAM. + +### English + +**_B1_** +_I improve my English by communicating with foreigners every week through a cell phone app._ diff --git a/index.html b/index.html new file mode 100644 index 0000000..58dcdbe --- /dev/null +++ b/index.html @@ -0,0 +1,138 @@ + + + + + + + Document + + + + +
+
+
+
+ photo +
+

Dmitry Khomichenko

+

newbie web developer

+
+ +
+

Education

+

2012-2015

+

Marketing and Economics

+

Belarusian National Technical University

+
+
+

English proficiency

+ B1 +
+
+ +
+
+

About Me

+

+ I am an experienced sales manager. Programming is new to me. But + believe me, it will not last long. I will conquer this top, it's + just a matter of time. +

+
+
+

Experience

+
    +
  • +

    I read the book: "grokking algorithms"

    +
    • +
  • +

    + I did a task from 2021Q1 stage 1: ‘virtual piano’. You can check + it + here +

    +
    • +
  • +

    + I passed most of the lessons from WesBos’s course: + JS30 +

    +
    • +
  • +
    Code example:
    + 
    +                  function euclideanDistance(point1, point2){
+                    const length = point1.length;
+                    let result = 0;
+                    for (let i = 0; i < length; i++) {
+                      result += Math.pow((point2[i] - point1[i]), 2);
+                    }
+                    return Math.round(Math.sqrt(result) * 100) / 100;
+                  }
+
    +
    • +
+
+
+

skills

+
+
HTML5
+
CSS3
+
Sass
+
Javascript basics
+
Git (Github)
+
+
+ +
+
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..2a2ef38 --- /dev/null +++ b/style.css @@ -0,0 +1,201 @@ +@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap"); +* { + margin: 0; + padding: 0; + box-sizing: border-box; + list-style: none; + text-decoration: none; +} + +body { + display: flex; + align-items: center; + justify-content: center; + height: 100%; + font-family: "Montserrat", sans-serif; + font-size: 14px; + background-color: #cceaf3; +} + +.resume { + display: grid; + grid-template-columns: 1fr 2fr; + width: 100%; + max-width: 1000px; + margin: 50px 0; + background-color: #fff; + box-shadow: 0 35px 55px rgba(0, 0, 0, 0.1); +} + +.resume-left { + display: flex; + flex-direction: column; + color: #c1ecfa; + padding: 33px; + background-color: #003147; +} +.resume-left header { + display: flex; + flex-direction: column; + align-self: center; + align-items: center; + border-bottom: 2px solid #c1ecfa; +} +.resume-left header figure { + position: relative; + width: 200px; + height: 200px; + margin: 10px 0 25px; + overflow: hidden; + border-radius: 50%; +} +.resume-left header figure img { + width: 100%; + height: 100%; + object-fit: cover; +} +.resume-left header h1, +.resume-left header h4 { + text-align: center; +} +.resume-left header h4 { + font-weight: 500; + margin-top: 0; +} +.resume-left ul > p { + font-weight: 700; + margin-top: 40px; + margin-bottom: 10px; + text-transform: uppercase; +} +.resume-left h1, +.resume-left h4 { + margin-bottom: 10px; + text-transform: uppercase; +} +.resume-left h4 { + margin: 40px 0 25px; +} +.resume-left nav li { + margin: 20px 0; +} +.resume-left nav li:last-child { + margin-bottom: 0; +} +.resume-left nav i { + margin-right: 10px; + color: #14c3f8; +} +.resume-left .education p { + margin-bottom: 10px; +} +.resume-left .education .period { + font-weight: 500; + color: #14c3f8; +} +.resume-left .education .specialty { + font-weight: 700; + color: #d8f3fc; +} +.resume-left .education .university { + font-weight: 500; +} +.resume-left .english h4 { + display: inline-block; + position: relative; +} +.resume-left .english span { + display: inline-flex; + align-items: center; + justify-content: center; + width: 25px; + height: 25px; + margin-left: 10px; + color: #14c3f8; + font-weight: 700; + background-color: #d8f3fc; + border-radius: 50%; +} + +.resume-right { + position: relative; + padding: 33px; + font-weight: 500; + line-height: 22px; + color: #747373; + background-color: #fff; +} +.resume-right .experience li::before { + content: ""; + display: inline-block; + width: 5px; + height: 5px; + background-color: #dcf7ff; + border: 3px solid #dcf7ff; + border-radius: 30px; +} +.resume-right .experience p, +.resume-right .experience h5 { + display: inline-block; +} +.resume-right .experience p a { + font-weight: 600; + color: #003147; +} +.resume-right h3, +.resume-right h4 { + color: #003147; + text-transform: uppercase; + margin: 40px 0 20px; +} +.resume-right h3.title, +.resume-right h4.title { + margin-top: 7px; +} +.resume-right .skills-items { + display: flex; + justify-content: space-evenly; +} +.resume-right .skills-items .skills-item { + padding: 10px; + border: 5px solid #dcf7ff; + border-radius: 40px; +} +.resume-right footer { + display: flex; + justify-content: flex-end; + gap: 35px; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + padding: 25px 0; + background: linear-gradient(20deg, #003147 20%, #fff); +} +.resume-right footer a { + display: block; +} +.resume-right footer .github-mark { + width: 40px; + vertical-align: middle; +} +.resume-right footer .github-logo { + width: 100px; + vertical-align: middle; +} +.resume-right footer .rsschool { + display: flex; + align-items: center; +} +.resume-right footer .rsschool-logo { + width: 100px; + vertical-align: middle; +} +.resume-right footer span { + font-size: 1.5em; + font-weight: 700; + color: #000; + margin: 0 10px; +} + +/*# sourceMappingURL=style.css.map */