SixStringer91 · SixStringer91 · Mar 8, 2021 · Mar 8, 2021 · Mar 8, 2021 · Mar 8, 2021
diff --git a/cv.md b/cv.md
@@ -0,0 +1,45 @@
+# About me
+
+My name is Danik Lutsev. You can contact me by email(danlootsev@gmail.com) or in social networks ([Telegram](https://t.me/SixStringer436)).
+
+# Skills
+
+HTML/CSS<br>
+Javascript<br>
+React
+
+# Code Examples
+
+Code for disable scroll on website:
+
+```javascript
+window.disableScroll = function() {
+    const widthScroll = window.innerWidth - document.body.offsetWidth;
+    document.body.dbScrollY = window.scrollY
+    document.body.style.cssText =
+        `
+position:fixed;
+top: ${-window.scrollY}px;
+left:0;
+width:100%;
+overflow: hidden;
+height: 100vh;
+padding-right: ${widthScroll}px;
+`;
+}
+window.enableScroll = function() {
+    document.body.style.cssText = ``;
+    window.scroll = ({ top: document.body.dbScrollY })
+
+}
+```
+
+# Education
+
+Studied at the Belarusian Institute of Law<br>
+
+
+# English
+
+I had a practice of speaking on foreign trips. I can also read documentation, literature, watch films.
+In my opinion, my English level is **A2**.
diff --git a/img/Photo.JPG b/img/Photo.JPG
diff --git a/index.html b/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Curriculum vitae</title>
+    <link rel="stylesheet" href="style.css">
+
+</head>
+<body>
+    <div class="wrapper">
+        <header>   
+            <div class="info">
+              <div class="contacts-wrapper">
+              <h1>Daniil Lutsev</h1>
+                <ul class="contacts">
+
+                    <li>Address: <a href="https://goo.gl/maps/3kyqMyy1urVVRc7F6">Minsk, Belarus</a></li>
+                    <li>Email: <a href="mailto:danlootsev@gmail.com">danlootsev@gmail.com</a> </li>
+                    <li>Telegram: <a href="https://t.me/SixStringer436">t.me/SixStringer436</a> </li>
+                </ul>
+              </div>
+                <img  class='photo' src="./img/Photo.JPG" alt="hi!">
+            </div>
+
+        </header>
+        <main>
+            <div class="item">
+                <h2>Summary</h2>
+                <p>
+                    I've been doing front-end javascript development for about 7 months. Now I am learning React</p>
+            </div>
+            <div class="item">
+                <h2>Skills</h2>
+                <ul>
+                    <li>Javascript</li>
+                    <li>HTML</li>
+                    <li>CSS</li>
+                    <li>Git</li>
+                    <li>React</li>
+                </ul>
+
+            </div>
+            <div class="item">
+                <h2>Code examples</h2>
+                <ul>
+                    <li><a href="https://sixstringer91.github.io/DanikEngineOnCanvas/">https://sixstringer91.github.io/DanikEngineOnCanvas/</a></li>
+                    <li><a href="https://github.com/SixStringer91/Pika4u">https://github.com/SixStringer91/Pika4u</a></li>
+                </ul>
+            </div>
+            <div class="item">
+                <h2>Experience</h2>
+                <p><span class="experience-term">2013 to 2015</span><br>
+                    <span class="experience-position">Jeweller</span> -  Jeweller Factory 'ZORKA', Minsk</p>
+                    <p><span class="experience-term">2015 to 2018</span><br>
+                        <span class="experience-position">Sales Manager</span> -  'Expert-center', Minsk</p>
+                        <p><span class="experience-term">2018 to 2020</span><br>
+                            <span class="experience-position">Jeweller/3d-Designer</span> -  'Goldman', Minsk</p>
+            </div>
+            <div class="item">
+                <h2>Education</h2>
+                <p>BIP - University of Law, Economist-manager (2008-2013).</p>
+            </div>
+            <div class="item">
+                <h2>English</h2>
+                <p>Level: A2. I can read documentation, literature, watch some films.</p>
+            </div>
+        </main>
+
+
+    </div>
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,58 @@
+
+
+
+body {
+
+  background: linear-gradient(to top, #355070, #6D597A);
+  color: #EAAC8B;
+  font-family: 'Roboto', serif;
+  font-size: 18px;
+  margin: 8px 0;
+}
+
+.wrapper{
+margin: 0 auto;
+  max-width: 1024px;
+}
+
+header{
+border-bottom: 1px solid #283C55;
+
+}
+
+.info{
+  display: flex;
+}
+
+img{
+  margin: 20px 0 10px;
+  margin-left: auto;
+  margin-right: 200px;
+  display: block;
+  border-radius:10px;
+  height: 140px;
+  width: auto;
+}
+a {
+  text-decoration: none;
+  color: B56576;
+}
+
+
+h2{
+color: #B56576
+}
+.item{
+  border-bottom: 1px solid #283C55;
+}
+
+@media(max-width:800px){
+  img{
+    margin-right: 30px;
+    display: block;
+    border-radius:10px;
+    height:100px;
+    width: auto;
+  }
+
+}