Jkhvatova · Jkhvatova · Jul 18, 2021 · Jul 18, 2021 · Jul 18, 2021 · Jul 24, 2021
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+   "liveServer.settings.port": 5501
+}
diff --git a/GitHub-Mark-32px.png b/GitHub-Mark-32px.png
diff --git a/README.md b/README.md
@@ -1 +1 @@
-# rsschool-cv
+https://jkhvatova.github.io/rsschool-cv/cv
diff --git a/assets/Me.jpeg b/assets/Me.jpeg
diff --git a/cv.md b/cv.md
@@ -0,0 +1,59 @@
+# Julia Khvatova
+
+[email protected]
+
+Location: Saint-Petersburg
+
+## Education
+
+1999-2003
+
+**Bachelor of Commerce degree**, Saint Petersburg State University of Economics and Finance (Saint-Petersburg, Russia)
+
+2018
+
+**Responsive Web Design Certificate** , [FreeCodeCamp](https://www.freecodecamp.org/certification/jkhvatova/responsive-web-design)
+
+## Experience
+
+**June 2019 - March 2020**
+
+**Web-specialist**, "BFA-Development"
+
+    * Front-end support for corporative web-sites
+
+    * Web-analytics
+
+    * Managing social media accounts
+
+**January 2014 - currently employed**
+
+**Web-developer**, [eMotion Tales](http://emotiontales.com/)
+
+    * Developing and support of company's customers web-sites
+
+**January 2007 - January 2014**
+
+**Video Editor and Special Effects Specialist**, Lenfilm Studio
+
+    * Worked as outsource specialist in making ads and documentary films
+
+## Code examples
+
+```javascript
+function distinct(a) {
+  let b = [a[0]];
+
+  for (let i = 1; i < a.length; i++) {
+if (!b.includes(a[i])) {
+      b.push(a[i]);
+    }
+  }
+  return b;
+}
+```
+
+## Languages
+
+- Russian (Native)
+- English (C1)
diff --git a/index.html b/index.html
@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Questrial:wght@300;400;600&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"
+    />
+    <link rel="stylesheet" href="style.css" />
+    <title>Julia Khvatova</title>
+  </head>
+  <body>
+    <div class="container">
+      <header>
+        <nav class="nav">
+          <ul class="nav-list">
+            <li class="nav-item"><a href="#profile" class="nav-link">Profile</a></li>
+            <li class="nav-item"><a href="#skills" class="nav-link">Skills</a></li>
+            <li class="nav-item"><a href="#experience" class="nav-link">Experience</a></li>
+            <li class="nav-item"><a href="#education" class="nav-link">Education</a></li>
+            <li class="nav-item"><a href="#projects" class="nav-link">Projects</a></li>
+            <li class="nav-item"><a href="#code-samples" class="nav-link">Code examples</a></li>
+            <li class="nav-item"><a href="#languages" class="nav-link">Languages</a></li>
+            <li class="nav-item"><a href="#contacts" class="nav-link">Contacts</a></li>
+          </ul>
+        </nav>
+        <div class="about">
+          <img
+            src="assets/Me.jpeg"
+            alt="Julia Khvatova"
+          />
+          <h1>Julia Khvatova</h1>
+          <p>Frontend Developer</p>
+        </div>
+      </header>
+      <main>
+        <section class="profile" id="profile">
+          <div class="profile-text">
+            <h2>Profile</h2>
+            <p>
+              I am a front-end developer from Saint-Petersburg, Russia with
+              robust problem-solving skills and experience in back-end
+              development.
+            </p>
+          </div>
+        </section>
+        <section class="skills" id="skills">
+          <h2 class="skills">Skills</h2>
+          <div class="skills-list">
+            <ul>
+              <li>JavaScript</li>
+              <li>PHP</li>
+              <li>HTML/CSS</li>
+              <li>Bootstrap</li>
+              <li>Foundation</li>
+              <li>responsive UI</li>
+            </ul>
+          </div>
+        </section>
+        <section class="education" id="education">
+          <div class="education-list">
+            <h2>Education</h2>
+            <article>
+              <h3>1999-2003</h3>
+
+              <p>
+                <b>Bachelor of Commerce degree</b>, Saint Petersburg State
+                University of Economics and Finance (Saint-Petersburg, Russia)
+              </p>
+            </article>
+            <article>
+              <h3>2018</h3>
+              <p>
+                <b>Responsive Web Design Certificate</b>,
+                <a
+                  href="//www.freecodecamp.org/certification/jkhvatova/responsive-web-design"
+                  >FreeCodeCamp</a
+                >
+              </p>
+            </article>
+          </div>
+        </section>
+        <section class="experience" id="experience">
+          <h2>Experience</h2>
+          <div class="experience-list">
+            <h3>June 2019 - March 2020</h3>
+
+            <p><b>Web-specialist</b>, "BFA-Development"</p>
+            <ul>
+              <li>Front-end support for corporative web-sites</li>
+
+              <li>Web-analytics</li>
+
+              <li>Managing social media accounts</li>
+            </ul>
+            <h3>January 2014 - currently employed</h3>
+
+            <p>
+              <b>Web-developer</b>,
+              <a href="http://emotiontales.com/">eMotion Tales</a>
+            </p>
+            <ul>
+              <li>Developing and support of company's customers web-sites</li>
+            </ul>
+            <h3>January 2006 - January 2014</h3>
+
+            <p>
+              <b>Video Editor and Special Effects Specialist</b>, Lenfilm Studio
+            </p>
+            <ul>
+              <li>
+                Worked as outsource specialist in making ads and documentary
+                films
+              </li>
+            </ul>
+          </div>
+        </section>
+
+        <section class="projects" id="projects">
+          <div class="projects-text">
+            <h2>Projects</h2>
+            <ul><li>
+              <a href="https://jkhvatova.github.io/rsschool-cv">CV Project</a>
+            </li></ul>
+
+          </div>
+        </section>
+
+        <section class="code-samples" id="code-samples">
+          <h2>Code examples</h2>
+          <div class="code-samples-detail">
+            <details>
+              <summary>javascript</summary>
+              <pre>
+                function distinct(a) { 
+                    let b = [a[0]]; for (let i = 1; i
+                    &lt; a.length; i++) {
+                        if (!b.includes(a[i])) {
+                             b.push(a[i]); } }
+                return b; 
+            }
+            </pre
+              >
+            </details>
+          </div>
+        </section>
+        <section class="lang" id="languages">
+          <h2>Languages</h2>
+          <div class="lang-list">
+            <ul>
+              <li>Russian (Native)</li>
+              <li>English (C1)</li>
+            </ul>
+          </div>
+        </section>
+        <section class="contacts" id="contacts">
+          <h2>Contact Me</h2>
+          <ul class="contacts-list">
+            <li>
+              <a href="mailto:[email protected]">[email protected]</a>
+            </li>
+            <li>Discord: Julia (@Jkhvatova)</li>
+            <li>Location: Saint-Petersburg</li>
+          </ul>
+        </section>
+      </main>
+      <footer>
+        <div class="github">
+          <a href="https://github.com/Jkhvatova"
+            ><img src="GitHub-Mark-32px.png" alt="github"
+          /></a>
+        </div>
+        <div class="rsschool-logo">
+          <a href="https://rs.school/js/"
+            ><img src="rs_school_js.svg" alt="rs-school"
+          /></a>
+        </div>
+        <div class="date">
+          <p>2022</p>
+        </div>
+      </footer>
+    </div>
+  </body>
+</html>
diff --git a/rs_school_js.svg b/rs_school_js.svg
diff --git a/style.css b/style.css
@@ -0,0 +1,101 @@
+body {
+  font-family: "Open Sans", sans-serif;
+  font-size: 16px;
+  background: linear-gradient(to bottom, #ced7df 300px, #fff 150px);
+}
+html {
+  scroll-behavior: smooth;
+}
+.container {
+  width: 1140px;
+  padding: 0;
+  margin: 0 auto;
+}
+header {
+  text-align: center;
+}
+
+h1 {
+  font-family: "Questrial", sans-serif;
+  text-transform: uppercase;
+  font-size: 3em;
+  font-weight: 300;
+  letter-spacing: 0.15em;
+  margin-top: 30px;
+  margin-bottom: 20px;
+}
+h2 {
+  text-transform: uppercase;
+  font-size: 1.6em;
+  font-weight: 400;
+  color: #a4a4a4;
+  padding: 20px 0;
+  margin: 0;
+}
+section {
+  padding-bottom: 30px;
+  border-bottom: 5px solid #eff0f2;
+}
+li {
+  list-style: none;
+}
+
+.nav-list {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.nav-item {
+  text-transform: uppercase;
+}
+.nav-link {
+  padding: 0 20px;
+  line-height: 50px;
+  text-decoration: none;
+  color: #626262;
+  transition: 0.3s;
+}
+.about {
+  padding-top: 60px;
+  padding-bottom: 100px;
+  border-bottom: 5px solid #eff0f2;
+}
+.about img {
+  border-radius: 50%;
+}
+.about p {
+  font-size: 26px;
+  color: #a4a4a4;
+  text-transform: uppercase;
+  margin: 0 20px;
+}
+address {
+  margin: 20px 0;
+}
+code {
+  color: #a4a4a4;
+}
+footer {
+  padding: 60px 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: flex-start;
+}
+.github {
+  padding: 0 20px;
+}
+.rsschool-logo {
+  width: 60px;
+  height: 60px;
+  padding: 0 20px;
+}
+.date {
+  vertical-align: top;
+  margin: 0;
+  padding: 0 20px;
+}
+.date p {
+  margin: 0;
+}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		# rsschool-cv
		https://jkhvatova.github.io/rsschool-cv/cv