Markdown & Git

README.md

@@ -1 +1 @@
-https://behzodjon.github.io/rsschool-cv/cv
+https://behzodjon.github.io/rsschool-cv/

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

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

cv.md

@@ -0,0 +1,60 @@
+# Behzod Xudoyberdi
+### Full-stack developer
+
+---
+### Contact Information:
+
+**Phone:** +998 91 958 66 36<br>
+**E-mail:** behzodjontuit1998@gmail.com<br>
+**Telegram:** @behzodjon<br>
+[LinkedIn]https://www.linkedin.com/in/behzod-xudoyberdi/)<br>
+---
+
+### 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/) <br>
+- JavaScript  on [freecodecamp.org](https://www.freecodecamp.org/)
+- RS Schools Course «JavaScript/Front-end.» (in progress)
+
+### Languages:
+
+- English \- Upper-intermediate 
+- Russian \- Intermediate
+- Uzbek \- Native