mazapezdal · mazapezdal · Jun 2, 2022 · Jun 3, 2022 · Jun 3, 2022 · Jun 3, 2022
diff --git a/README.md b/README.md
@@ -1,2 +1,6 @@
 # rsschool-cv
+
+https://mazapezdal.github.io/rsschool-cv/
+
 https://mazapezdal.github.io/rsschool-cv/cv
+
diff --git a/assets/favicon.ico b/assets/favicon.ico
diff --git a/assets/img/image.jpg b/assets/img/image.jpg
diff --git a/assets/img/rs_school-og.png b/assets/img/rs_school-og.png
diff --git a/cv.md b/cv.md
@@ -0,0 +1,8 @@
+# _Vladislav Mazannik_![IMG_20200507_005434](https://user-images.githubusercontent.com/105743454/171966141-4950e89c-0823-4ade-bdf0-52763c38f697.jpg)
+## __[Mazapezdal (@mazapezdal)](https://github.com/mazapezdal)__
+* ### Looking for a calling
+* ### No programming skills
+* ### Zero code examples
+# [Projects](https://github.com/mazapezdal?tab=projects&type=beta)
+* ### Higher technical education
+* ### Studied German in educational institutions
diff --git a/index.html b/index.html
@@ -0,0 +1,124 @@
+<!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>Mazannik CV3</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="icon" href="assets/favicon.ico">
+    <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=DM+Serif+Display&display=swap" rel="stylesheet">
+</head>
+
+<body>
+
+    <div class="container">
+        <div class="info">
+            <img src="assets/img/image.jpg" width="300" alt="Vladislav Mazannik photo" id="ava">
+            <div class="info-text">
+                <h1>Vladislav Mazannik</h1>
+                <hr>
+                <em>
+
+                        JUNIOR FRONT-END DEVELOPER
+
+                </em>
+                <p>
+                    In the 21st century, no one stands still. More and more acquaintances change their profession for
+                    the
+                    benefit
+                    of
+                    their future. I decided to try myself in mastering the profession FRONT-END DEVELOPER. I think that
+                    with
+                    the
+                    acquisition of knowledge in this industry, I will get what I dreamed of. There is a desire to learn,
+                    but
+                    it
+                    is
+                    good when there is a wise mentor nearby.
+                </p>
+            </div>
+        </div>
+        <div class="Contacts">
+            <div>
+                <h2>
+                    Contacts
+                </h2>
+                <ul>
+                    <li><a href="https://www.google.com/maps/place/%D0%9C%D0%B8%D0%BD%D1%81%D0%BA/@53.8847604,27.4529451,11z/data=!3m1!4b1!4m5!3m4!1s0x46dbcfd35b1e6ad3:0xb61b853ddb570d9!8m2!3d53.9006011!4d27.558972?hl=ru"
+                            target="_blank">
+                            Minsk, Belarus</a></li>
+                    <li><a href="https://mazanniknnik@gmail.com/" target="_blank">Email</a></li>
+                    <li><a href="https://github.com/mazapezdal" target="_blank">Github</a></li>
+                    <li><a href="https://discord.gg/9ECK3smu" target="_blank">Discord</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="Skills">
+            <h2>Skills</h2>
+            <ul>
+                <li>Web-development: html5, css3</li>
+                <li>Version control: git, github</li>
+            </ul>
+        </div>
+        <div class="Contacts">
+            <h2>Code</h2>
+            <p>
+                function multiply(a, b) {
+            </p>
+            <p>
+                return a * b;
+            </p>
+            <p>
+                }
+            </p>
+        </div>
+        <div class="Skills">
+            <h2>Courses</h2>
+            <p>
+                RS SCHOOL - JS / FE Rre - School 2022Q2
+            </p>
+        </div>
+        <div class="Contacts">
+            <h2>Projects</h2>
+            <ul>
+                <li><a href="https://rolling-scopes-school.github.io/mazapezdal-JSFEPRESCHOOL2022Q2/travel/"
+                        target="_blank">Travel</a></li>
+                <li><a href="https://astonishing-git-mazapezdal-momentum.netlify.app/" target="_blank">Momentum</a></li>
+                <li><a href="https://st0-mazapezdal-codejam-eldritc-ca86b1.netlify.app/" target="_blank">Codejam</a>
+                </li>
+            </ul>
+        </div>
+        <div class="Skills">
+
+            <h2>Education</h2>
+            <p>
+                Belarusian-Russian University
+            </p>
+        </div>
+        <div class="Contacts">
+            <h2>English</h2>
+            <p>
+                А1 - beginner
+            </p>
+        </div>
+    </div>
+
+    <footer class="footerConteiner">
+        <div class="footer">
+            <a class="git" href="https://github.com/mazapezdal">Mazapezdal</a>
+            <p class="2022text"> &copy; 2022</p>
+            <div class="rsconteiner">
+                <a target="_blank" href="https://rs.school/js/">
+                    <img src="assets/img/rs_school-og.png" alt="RS photo" width="100">
+                </a>
+            </div>
+        </div>
+    </footer>
+
+</body>
+
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,3 @@
+
+
+###666
diff --git a/style.css b/style.css
@@ -0,0 +1,82 @@
+body {
+    max-width: 1400px;
+    min-width: 700px;
+    max-height: 1750px;
+    margin: auto;
+    padding-left: 10px;
+    padding-right: 10px;
+    background-color: #A9A9A9;
+    color: black;
+
+    font-size: 16px;
+    font-weight: normal;
+    /*font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
+    font-family: 'DM+Serif+Display', sans-serif;
+}
+
+#ava {
+
+    width: 200px;
+    border-radius: 30px;
+}
+
+.info-text {
+    margin: 40px;
+  margin-bottom: 0;
+
+}
+
+.info {
+    margin-top: 20px;
+    display: flex;
+    margin-bottom: 20px;
+}
+
+.Contacts {
+    margin-bottom: 10px;
+    padding: 20px;
+    background: moccasin;
+    border-radius: 40px;
+}
+
+.Skills {
+    margin-left: 20px;
+    margin-bottom: 10px;
+    padding: 20px;
+    background: skyblue;
+    border-radius: 40px;
+}
+
+.container {
+    max-width: 1000px;
+    margin: auto;
+}
+
+a {
+    color: black;
+    text-decoration: none;
+}
+
+.git {
+    margin-top: 16px;
+    margin-bottom: 16px;
+}
+
+.footer {
+    max-width: 1000px;
+
+    margin: auto;
+    display: flex;
+    justify-content: space-between;
+    padding: 20px;
+    background: seashell;
+}
+
+* {
+    box-sizing: border-box;
+}
+
+a:hover {
+    color: #CE242B;
+    text-decoration: underline;
+}