diff --git a/README.md b/README.md index a7ac464..f037344 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -# rsschool-cv \ No newline at end of file +https://kbatyr.github.io/rsschool-cv/ diff --git a/assets/icons/favicon.png b/assets/icons/favicon.png new file mode 100644 index 0000000..73694d6 Binary files /dev/null and b/assets/icons/favicon.png differ diff --git a/assets/icons/rs_school_js.svg b/assets/icons/rs_school_js.svg new file mode 100644 index 0000000..3b80540 --- /dev/null +++ b/assets/icons/rs_school_js.svg @@ -0,0 +1 @@ +rs_school_js \ No newline at end of file diff --git a/assets/images/ava.jpg b/assets/images/ava.jpg new file mode 100644 index 0000000..f62d970 Binary files /dev/null and b/assets/images/ava.jpg differ diff --git a/cv.md b/cv.md new file mode 100644 index 0000000..667cfe1 --- /dev/null +++ b/cv.md @@ -0,0 +1,58 @@ +# [rsschool-cv](https://github.com/kbatyr/rsschool-cv) +# Koshenov Batyrkhan +### Contact information: +**Phone:** +7708 855 8216 +**E-mail:** someday127@gmail.com +**Discord:** @kbatyr +*** +### About myself: +Hi everyone! My name is Batyrkhan, I'm 25 years old and from Kazakhstan, Nur-Sultan. Now I'm studying at **alem** programming school based on the international education system called [01 Edu System](https://01-edu.org/). +*** +### Skills and Proficiency: +* Go +* HTML5, CSS3 +* Git, Github +* Docker +*** +### Code example: +*This example implements the **split** function of Go language standard library.* +``` +func Split(s, sep string) []string { + if sep == "" { + for _, ch := range s { + res = append(res, string(ch)) + } + } else { + for i := 0; i <= len(s)-len(sep); i++ { + + if s[i:len(sep)+i] == sep { + s = s[:i] + " " + s[len(sep)+i:] + } + } + + var res []string + var word string + for _, let := range s { + if let != ' ' { + word += string(let) + } else { + res = append(res, word) + word = "" + } + } + if word != "" { + res = append(res, word) + } + } + return res +} +``` +*** +### Education: +* [Eurasian National University](https://enu.kz/ru/), Information Technologies, 2013-2017 +* [Alem](https://alem.school/) programming school, Kazakhstan, Nur-Sultan 2021 +*** +### Language skills: +* Kazakh: native speaker +* Russian: native speaker +* English: B1 diff --git a/index.html b/index.html new file mode 100644 index 0000000..cb633c4 --- /dev/null +++ b/index.html @@ -0,0 +1,122 @@ + + + + + + + + CV + + + + + + + + + +
+
+ +
+
+ +
+
+
+ +
+

Koshenov Batyrkhan

+

Junior Fulstack Developer

+
+
+ +
+

Contacts

+ +
+ +
+

About me

+

Hi everyone! My name is Batyrkhan, I'm 25 years old and from Kazakhstan, Nur-Sultan. Now I'm studying at + alem programming school based on the international education system + called + 01 Edu System. +

+
+ +
+

Skills

+
    +
  • Backend: Go
  • +
  • Web: HTML5, CSS3
  • +
  • Version control: Git, Github
  • +
  • Other: Docker
  • +
+
+ +
+

Code Example

+

This example implements the Square function on JavaScript.

+
+const square = (num) => {
+	return num * num;
+};
+					
+
+ +
+

Language skiils

+
    +
  • Kazakh: Native
  • +
  • Russian: Native
  • +
  • English: B2
  • +
+
+ +
+

Education

+
    +
  • Eurasian National University, Information Technologies, 2013-2017
  • +
  • Alem programming school, Kazakhstan, Nur-Sultan 2021
  • +
+
+
+
+ + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..d29dca5 --- /dev/null +++ b/style.css @@ -0,0 +1,185 @@ +* { + box-sizing: border-box; +} + +html { + scroll-behavior: smooth; +} + +body { + display: flex; + flex-direction: column; + justify-content: space-between; + + min-height: 100vh; + margin: 0; + padding: 0; + + font-family: 'Quicksand', sans-serif; + font-size: 18px; + line-height: 1.3; +} + +.header { + background-color: #c9643b; + color: #fff; +} + +.nav-list { + display: flex; + justify-content: flex-end; + align-items: center; + + list-style: none; +} + +.nav-link { + padding: 0 20px; + line-height: 50px; + + text-decoration: none; + color: #fff; + transition: 0.3s; +} + +.container { + max-width: 1240px; + margin: 0 auto; +} + +.main-container { + display: flex; + flex-wrap: wrap; +} + +.main-container a { + text-decoration: none; + color:#bdb76b; + font-weight: bold; +} + +.section { + width: 45%; + padding: 10px; + padding-bottom: 35px; + margin: 20px; + + border-bottom: 1px solid #c9643b; +} + +.section-profile { + display: flex; + justify-content: space-around; + align-items: center; + width: 100%; + + border-bottom: 15px solid #d7d1c9; +} + +.section-profile-title { + text-align: center; +} + +.section-profile-logo { + border-radius: 50%; + width: 220px; + height: 220px; +} + +.section-lang , .section-edu { + border: 0; + line-height: 2; +} + +.section-contacts , .section-skills { + line-height: 2; +} + +.section-title { + text-transform: uppercase; + color: #c9643b; + font-weight: bold; +} + +.section-title-h1 { + position: relative; + padding: 0; + margin-bottom: 20px; + + color: black; + font-size: 30px; + letter-spacing: 5px; +} + +.section-title-h1::after { + content: ""; + position: absolute; + bottom: -20px; + left: 50%; + margin-left: -70px; + width: 140px; + height: 2px; + background-color: #c9643b; +} + +.section-title-h3 { + margin-top: 50px; + color: #c9643b; + letter-spacing: 2px; +} + +.section-item { + position: relative; + padding-left: 30px; + + list-style-type: none; +} + +.section-item::before { + content: ""; + position: absolute; + top: 12px; + left: 0px; + width: 10px; + height: 10px; + border: 1px solid #c9643b; + border-radius: 50%; +} + +.footer { + padding: 20px; + background-color: #c9643b; + color: #fff; +} + +.footer-container { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0 auto; +} + +.rss { + width: 120px; + height: 45px; + background-image: url(./assets/icons/rs_school_js.svg); +} + +@media (max-width: 820px) { + .header { + display: none; + } + + .section { + width: 100%; + } + + .section-lang { + border-bottom: 1px solid #c9643b; + } + + .section-profile-logo { + width: 120px; + height: 120px ; + } +} \ No newline at end of file