diff --git a/README.md b/README.md index 022deb8..6947d59 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -https://behzodjon.github.io/rsschool-cv/cv +https://behzodjon.github.io/rsschool-cv/ \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..cf3d1dd --- /dev/null +++ b/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..f45d961 --- /dev/null +++ b/css/style.css @@ -0,0 +1,223 @@ + body { + box-sizing: border-box; + background-color: #f5f5f5; + } + html { + scroll-behavior: smooth; + } + + .container-centered { + margin: 20px auto; + width: 1024px; + font-size: 18px; + line-height: 1.5; + background-color: #ffffff; + box-shadow: 10px 10px 40px -1px rgba(0, 0, 0, 0.23); + } + + .left-side { + width: 42%; + color:#505050; + } + + .right-side { + width: 57%; + padding: 40px; + } + + header { + padding: 30px; + text-align: center; + background-color: #ffffff; + } + + header img { + margin-bottom: 10px; + border: 10px solid #65A3CB; + border-radius: 50%; + width: 200px; + height: 200px; + object-fit: cover; + } + + header h1 { + margin-bottom: 10px; + font-size: 2rem; + font-weight: 700; + line-height: 1.1; + text-transform: uppercase; + letter-spacing: 7px; + } + + header h2 { + margin-bottom: 20px; + letter-spacing: 2px; + } + + main { + padding: 0 40px; + } + + main h3 { + width: 136px; + margin: 40px auto 20px; + padding: 5px 20px; + text-align: center; + text-transform: uppercase; + letter-spacing: 1px; + color: #ffffff; + background-color:#505050; + } + + main .contacts h3 { + margin-top: 0; + margin-bottom: 0; + transform: translate(0, -50%); + } + + main li { + margin-bottom: 10px; + } + + .contacts li img { + vertical-align: middle; + margin-right: 15px; + } + + .contacts li p { + display: inline; + vertical-align: middle; + } + + .contacts a { + text-decoration: none; + color:#505050; + } + + main :not(.contacts) ul { + list-style-type: disc; + margin-left: 50px; + } + + .language-name { + font-weight: 700; + text-transform: uppercase; + } + + .right-side .sub-header { + display: flex; + margin-top: 30px; + margin-bottom: 15px; + } + + .right-side .about-myself .sub-header { + margin-top: 0; + } + + .about-myself p { + margin-bottom: 10px; + margin-left: 45px; + } + + .about-myself p:last-of-type { + margin-bottom: 0; + } + + .right-side h3 { + flex: 1; + vertical-align: middle; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 1px; + color: #777777; + border-bottom: 2px solid #777777; + } + + .right-side img { + vertical-align: middle; + margin-right: 15px; + } + + .right-side p { + color: #777777; + } + + .education p { + margin-left: 20px; + } + + .education p strong { + font-weight: 700; + } + + .courses ul { + list-style-type: disc; + margin-left: 45px; + margin-bottom: 30px; + } + + .courses li { + margin-bottom: 10px; + color: #777777; + } + + .right-side img.score-img { + display: block; + margin: 0 auto; + } + +.projects a{ + text-decoration: underline; + color:#505050; +} + pre { + margin-left: 0; + margin-top: 20px; + font-family: monospace; + font-size: 14px; + background-color: #f5f5f5; + } + + footer { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px; + font-size: 16px; + color: #ffffff; + background-color:#505050; + } + + footer a { + text-decoration: none; + color: #ffffff; + } + + footer .github-icon { + margin-right: 10px; + } + + .my-github { + display: flex; + align-items: center; + } + .flex{ + display: flex; + } + .mr-4{ + margin-right: 1rem; + } + .ml-12{ + margin-left: 3rem; + } + .nav-list{ + justify-content: center; + padding: 2rem; + gap: 1rem; + } + .nav-list a{ + font-weight: 700; + text-transform: uppercase; + letter-spacing: 1px; + color: #777777; + } \ No newline at end of file diff --git a/cv.md b/cv.md new file mode 100644 index 0000000..1e44e75 --- /dev/null +++ b/cv.md @@ -0,0 +1,60 @@ +# Behzod Xudoyberdi +### Full-stack developer + +--- +### Contact Information: + +**Phone:** +998 91 958 66 36
+**E-mail:** behzodjontuit1998@gmail.com
+**Telegram:** @behzodjon
+[LinkedIn]https://www.linkedin.com/in/behzod-xudoyberdi/)
+--- + +### Briefly About Myself: +Learner who is curious about gaining new knowledge and excited about coding. Currently working at Upwork freelancing platform. + +--- + +### Skills and Proficiency: + +- HTML5, CSS3 +- JavaScript +- Vue js(Javascript framework) +- Nuxt js(Vue js framework) +- PHP +- Git, GitHub +- VS Code +- Tailwind css(Css framework) +- Laravel(PHP framework) + + +### Code example: + +**Pass a callback to PHP's array_map() function to calculate the length of every string in an array:** + + +```php +function my_callback($item) { + return strlen($item); +} + +$strings = ["apple", "orange", "banana", "coconut"]; +$lengths = array_map("my_callback", $strings); +print_r($lengths); +``` +--- +### Work experience: +- Upwork, Remote — Full-stack engineer + + +### Courses: + +- HTML and CSS Tutorials on the [w3schools](https://www.w3schools.com/)
+- JavaScript on [freecodecamp.org](https://www.freecodecamp.org/) +- RS Schools Course «JavaScript/Front-end.» (in progress) + +### Languages: + +- English \- Upper-intermediate +- Russian \- Intermediate +- Uzbek \- Native \ No newline at end of file diff --git a/images/icons/code.svg b/images/icons/code.svg new file mode 100644 index 0000000..4c954c3 --- /dev/null +++ b/images/icons/code.svg @@ -0,0 +1,17 @@ + + + + + + + + + \ No newline at end of file diff --git a/images/icons/courses.svg b/images/icons/courses.svg new file mode 100644 index 0000000..a7d853f --- /dev/null +++ b/images/icons/courses.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/email.svg b/images/icons/email.svg new file mode 100644 index 0000000..febff06 --- /dev/null +++ b/images/icons/email.svg @@ -0,0 +1,14 @@ + + + + + + \ No newline at end of file diff --git a/images/icons/github.svg b/images/icons/github.svg new file mode 100644 index 0000000..b98aa63 --- /dev/null +++ b/images/icons/github.svg @@ -0,0 +1,18 @@ + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/linkedin.svg b/images/icons/linkedin.svg new file mode 100644 index 0000000..2e96e86 --- /dev/null +++ b/images/icons/linkedin.svg @@ -0,0 +1,12 @@ + + + + + + \ No newline at end of file diff --git a/images/icons/myself.svg b/images/icons/myself.svg new file mode 100644 index 0000000..17f5b20 --- /dev/null +++ b/images/icons/myself.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/phone.svg b/images/icons/phone.svg new file mode 100644 index 0000000..e08d540 --- /dev/null +++ b/images/icons/phone.svg @@ -0,0 +1,12 @@ + + + + + + \ No newline at end of file diff --git a/images/icons/rsschool.svg b/images/icons/rsschool.svg new file mode 100644 index 0000000..8e6db67 --- /dev/null +++ b/images/icons/rsschool.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/telegram.svg b/images/icons/telegram.svg new file mode 100644 index 0000000..8c65a09 --- /dev/null +++ b/images/icons/telegram.svg @@ -0,0 +1,11 @@ + + + + + + \ No newline at end of file diff --git a/images/me.jpg b/images/me.jpg new file mode 100644 index 0000000..25fa99c Binary files /dev/null and b/images/me.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..4ebbf5d --- /dev/null +++ b/index.html @@ -0,0 +1,174 @@ + + + + + + + + Rsschool-cv-html + + + + + +
+ +
+ +
+ +
+ Portrait +

Behzod Xudoyberdi

+

Full-stack developer

+
+ +
+
+

Contacts

+
    +
  • + Phone Icon +

    +998919586636

    +
    • +
  • + Email Icon +

    behzodjontuit1998@gmail.com

    +
    • +
  • + Telegram Icon +

    @behzodjon

    +
    • + +
  • + LinkedIn Icon + LinkedIn +
    • +
+
+
+

Skills

+
    +
  • HTML5, CSS3
    • +
  • JavaScript
    • +
  • PHP
    • +
  • Git, GitHub
    • +
  • VS Code
    • +
  • Tailwind css(Css framework)
    • +
  • Laravel(PHP framework)
    • +
+
+ +
+

Education

+
    +
  • +

    Tashkent University of Information Technologies, Computer Engineering (2017-2021)

    +
    • +
+
+ +
+
+ + +
+ + + +
+ + + \ No newline at end of file