ivp-dev · ivp-dev · Sep 20, 2021 · Sep 20, 2021 · Sep 20, 2021
diff --git a/README.md b/README.md
@@ -1 +1 @@
-# rsschool-cv
+My md cv will be here soon
diff --git a/assets/styles/main.css b/assets/styles/main.css
@@ -0,0 +1,65 @@
+:root {
+  --main-text-color-dark: rgb(82, 82, 82);
+  --main-text-color-light: rgb(209, 209, 209);
+  --bg-color-light: #e7e7e747;
+  --bg-color-dark: #4d4d4d;
+}
+
+body {
+  color: var(--main-text-color-dark);
+  background-color: var(--bg-color-light);
+}
+
+.container {
+  display: flex;
+  max-width: 1024px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.underlined {
+  border-bottom: 1px solid rgb(150, 150, 150);
+}
+
+.sidepane {
+  padding: 1rem;
+  width: 35%;
+  color: white;
+  background-color: var(--main-text-color-dark);
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  color: var(--main-text-color-light);
+}
+
+.split-view {
+  display: flex;
+}
+
+.row {
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.grid {
+  display: flex;
+}
+
+.col-6 {
+  width: 50%;
+}
+
+.outside-6 {
+  margin-left: -100%;
+}
+
+ul {
+  list-style: none;
+  padding: 0;
+}
+
+a {
+  color: var(--main-text-color)
+}
diff --git a/cv.md b/cv.md
@@ -0,0 +1 @@
+
diff --git a/index.html b/index.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <link rel="stylesheet" href="./assets/styles/main.css">
+</head>
+
+<body>
+  <div class="container">
+    <main class="main">
+      <section>
+        <div class="grid">
+          <div class="col-8">
+            <div class="row">
+              <span><b>Web developer</b></span>
+              <p>
+
+                Web developer with technical expertise in developing advanced websites and standard-based web
+                applications.
+
+              </p>
+              <p>Challenging position with a creative work environment to enhance expertise in web development and
+                application
+                design.
+              </p>
+            </div>
+          </div>
+          <div class="col-4">
+            <img
+              src="https://media-exp1.licdn.com/dms/image/C4E03AQHwyeImXI84Wg/profile-displayphoto-shrink_800_800/0/1622377554030?e=1637798400&v=beta&t=rT72BsMXWd1ptK62rKmIr1XYjPx6_926eqZMKkXFrcI"
+              alt="" />
+          </div>
+        </div>
+      </section>
+      <section>
+        <div class="row">
+          <h4 class="underlined">EXPERIENCE</h4>
+        </div>
+        <div class="grid">
+
+          <div class="col-6">
+            <span>Belarus, Minsk</span>
+            <span><i>2003 - Present</i></span>
+          </div>
+          <div class="col-6">
+            <span><b>Logistics and warehouse management</b></span>
+            <span><i>Mobiscar</i></span>
+            <p>I am engaged in programming as part of my professional activities (logistics and inventory management).
+              Development of B2B and B2C solutions for the organization, as well as internal services.</p>
+          </div>
+        </div>
+      </section>
+      <section>
+        <div class=row>
+          <h4 class="underlined">EDUCATION</h4>
+        </div>
+        <div class="row">
+          <div class="grid">
+            <div class="col-6">
+              <div>
+                <span>Belarus, Minsk.</span>
+                <span><i>2002-2008</i></span>
+              </div>
+            </div>
+            <div class="col-6">
+              <div>
+                <span><b>Economics and enterprise management</b></span>
+                <span><i>Minsk Institute of Management</i></span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="grid">
+            <div class="col-6">
+              <div>
+                <span>Belarus, Minsk.</span>
+                <span><i>2009-2010</i></span>
+              </div>
+            </div>
+            <div class="col-6">
+              <div>
+                <span>C, C++, C#, Asp.Net BelHard</span>
+                <span><i>BelHard</i></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+    <aside class="sidepane">
+      <h3>
+        CONTACT INFORMATION
+      </h3>
+      <ul class="contacts">
+        <li>
+          <h3>Email</h3>
+          <a href="mailto:ivp.dev@outlook.com">ivp.dev@outlook.com</span>
+        </li>
+        <li>
+          <h3>Address</h3>
+          <span>Belarus, Minsk Zaslavskaya str. 12-393/span>
+        </li>
+        <li>
+          <h3>Phone</h3>
+          <a href="tel:+375296674414">+375296674414</a>
+        </li>
+        <li>
+          <h3>Date of birthday</h3>
+          <span>08-04-1984</span>
+        </li>
+        <li>
+          <h3>Nationality</h3>
+          <span>Belarus</span>
+        </li>
+        <li>
+          <h3>Link</h3>
+          <a href="http://linkedin.com/in/ivp-dev">http://linkedin.com/in/ivp-dev</a>
+        </li>
+        <li>
+          <h3>Github</h3>
+          <a href="http://github.com/ivp-dev">http://linkedin.com/in/ivp-dev</a>
+        </li>
+      </ul>
+      <h3>
+        SKILLS
+      </h3>
+      <ul class="skills">
+        <li>React.js</li>
+        <li>Ember.js</li>
+        <li>Typescript</li>
+        <li>JavaScript</li>
+        <li>C#</li>
+        <li>SQL</li>
+        <li>HTML</li>
+        <li>HTML5</li>
+        <li>CSS3</li>
+        <li>SCSS</li>
+        <li>.NET Core</li>
+        <li>.NET Framework</li>
+        <li>WPF</li>
+        <li>Entity Framework Core</li>
+      </ul>
+      <ul class="languages">
+        <li>
+          <h3>English</h3>
+          <span>A2</span>
+        </li>
+      </ul>
+    </aside>
+  </div>
+</body>
+
+</html>