deprecatedDK · deprecatedDK · Dec 30, 2021 · Dec 30, 2021 · Dec 30, 2021 · Dec 30, 2021
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/README.md b/README.md
@@ -1 +1,3 @@
-# rsschool-cv
+# rsschool-cv
+
+https://natalliadk.github.io/rsschool-cv/
diff --git a/assets/cvphoto.jpg b/assets/cvphoto.jpg
diff --git a/assets/favicon.ico b/assets/favicon.ico
diff --git a/assets/github-logo-5F384D0265-seeklogo.com.png b/assets/github-logo-5F384D0265-seeklogo.com.png
diff --git a/assets/rs_school_js.svg b/assets/rs_school_js.svg
diff --git a/cv.md b/cv.md
@@ -0,0 +1,73 @@
+**Natallia Dauhaliuk**
+
+
+My Contact Info
+
+- [ ] tel: +375293503789
+- [ ] Discord: NatalliaD
+- [ ] E-mail: sunny-1@mil.ru
+
+
+About me
+
+I really want to be a successful developer because this type of work a modern and demanded profession, in which you can constantly grow and develop.
+
+
+Skills
+
+* HTML
+* Version control: Git (remote service GitHub).
+* Windows OS, 
+
+Code examples
+
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Печенье </title>
+</head>
+<body>
+<H1>печенье Вкус маминого детства </H1>
+<hr />
+<img src="cookies.jpg" width="100" alt="рецепт маминого печенья">
+<p> всеми любимое бабушкино печенье </p>
+<ul>
+    <li> Яйца с сахаром </li>
+    <dd>  Hастереть добела </dd>
+    <li> 
+        Добавить размягченное масло. (Я замешиваю тесто в комбайне.)
+    </li>
+    <li> 
+        Муку просеять, смешать с разрыхлителем и добавить к яйцам с маслом. Перемешать.
+    </li>
+    <li> 
+        Потом слегка присыпать мукой стол, выложить на него тесто и быстро вымесить до состояния упругости и гладкости. Убрать тесто на 30 минут в холодильник.
+    </li>
+    <li> 
+        Вынуть тесто из холодильника, присыпать немного мукой стол и раскатать тесто в пласт. Не очень тонко, а то печеньки будут суховаты.
+    </li>
+    <li> 
+         Вырезать печенье различными формами и выложить на противень, смазанный маслом.
+    </li>
+    <li> 
+        Поместить в разогретую до 180 <sup>0</sup> C духовку и выпекать печенье 15-20 минут.
+    </li>
+</ul>
+
+</body>
+</html>
+
+Education
+
+* Belarusian State University  (manager)
+*  completed the 20-hour course Performance Optimization in 2020 (EPAM training center)
+* CS50 video course
+
+Experience
+
+*  own business – Event company (Since 2013). 
+Languages
+* Belarussian
+* Russian
+* English -  B2 (I usually watch film and read books in English and try to write in English diary)
diff --git a/index.html b/index.html
@@ -0,0 +1,107 @@
+<!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>cv</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="icon" href="assets/favicon.ico">
+</head>
+
+<body>
+    <div class="header container">
+        <nav class="nav">
+            <ul class="nav-list">
+                <li class="nav-item"><a href="#MyContactInfo" class="nav-link">My Contact Info</a></li>
+                <li class="nav-item"><a href="#AboutMe" class="nav-link">About me</a></li>
+                <li class="nav-item"><a href="#Skills" class="nav-link">Skills</a></li>
+                <li class="nav-item"><a href="#CodeExamples" class="nav-link">Code examples</a></li>
+                <li class="nav-item"><a href="#Education" class="nav-link">Education</a></li>
+                <li class="nav-item"><a href="#Experience" class="nav-link">Experience</a></li>
+                <li class="nav-item"><a href="#Languages" class="nav-link">Languages</a></li>
+            </ul>
+        </nav>
+    </div>
+
+    <div class="main container">
+        <div class="photoname">
+            <div class="photo"> <img src="assets/cvphoto.jpg" alt="my photo" width="80"></div>
+            <div class="name" id="profile">
+                <h1>Natallia Dauhaliuk</h1>
+            </div>
+        </div>
+
+        <section class="section" id="MyContactInfo">
+            <h2>My Contact Info</h2>
+            <ul>
+                <li> E-mail: sunny-1@mil.ru</li>
+                <li> tel: +375293503789</li>
+                <li> Discord: NatalliaD</li>
+            </ul>
+        </section>
+        <section class="section" id="AboutMe">
+            <h2>About me</h2>
+            <p>
+                I really want to be a successful developer because this type of work a modern and demanded profession,
+                in which you can constantly grow and develop.
+            </p>
+        </section>
+        <section class="section" id="Skills">
+            <h2>Skills</h2>
+            <ul>
+                <li> HTML </li>
+                <li> Version control: Git (remote service GitHub)</li>
+                <li> Windows OS</li>
+            </ul>
+        </section>
+        <section class="section" id="CodeExamples">
+            <h2>Code example</h2>
+            <div class="Code">
+                console.log("hello world");
+            </div>
+        </section>
+        <section class="section" id="Education">
+            <h2>Education</h2>
+            <ul>
+                <li> Belarusian State University (manager) </li>
+                <li> Completed the 20-hour course Performance Optimization in 2020 (EPAM training center)</li>
+                <li> CS50 video course </li>
+            </ul>
+        </section>
+        <section class="section" id="Experience">
+            <h2>Experience</h2>
+            <p>own business – Event company (Since 2013)</p>
+        </section>
+        <section class="section" id="Languages">
+            <h2>Languages</h2>
+            <ul>
+                <li> Belarussian </li>
+                <li> Russian</li>
+                <li>
+                    English -  B2 <span> I usually watch films and read books in English and try to write in
+                        Englishdiary</span>
+                </li>
+            </ul>
+        </section>
+    </div>
+
+    <div class="footer container">
+
+        <div>
+            <a href="https://rs.school/js">
+            <img src="assets/rs_school_js.svg" alt="RSSlogo" width="50">
+            </a>
+        </div>
+
+        <div> <span class="year2022"> 2022</span> </div>
+        <div>
+            <a href=https://github.com/NatalliaDK> <span class="gh">Me on github</span>
+                <img src="assets/github-logo-5F384D0265-seeklogo.com.png" alt="Gitlogo" width="20">
+            </a>
+        </div>
+    </div>
+</body>
+
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,122 @@
+@font-face {
+    font-family: Roboto;
+    src: url("assets/fonts/Roboto.ttf");
+}
+
+* {
+    box-sizing: border-box;
+}
+.gh{
+    color: white;  
+}
+.code {
+    border: dashed 1px #634F36;
+    background: #fffff5;
+    font-family: "Courier New", Courier, monospace; 
+    padding: 7px;
+    font-size: 80%;
+}
+
+a {
+    text-decoration: none;
+}
+
+body {
+    background-color: #ffff;
+    font-family: 'Roboto', sans-serif;
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #4421e2;
+    min-height: 100vh;
+    font-family: Roboto;
+    font-weight: 100;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+}
+
+.container.main {
+    margin: 0 20px;
+}
+
+.photoname {
+    display: flex;
+    margin-top: 20px;
+}
+
+.name {
+    margin-left: 20px;
+}
+
+.footer {
+    justify-content: space-between;
+    display: flex;
+    width: 100%;
+    background-color: #605ef0;
+}
+
+.year2022 {
+    color: white;
+}
+
+.section {
+    width: 50%;
+}
+
+.section-title {
+    font-size: 20px;
+    font-weight: 400;
+    text-transform: uppercase;
+    letter-spacing: 5px;
+    color: #829985;
+}
+
+html {
+    scroll-behavior: smooth;
+}
+
+.section-item a {
+    color: #998284;
+    text-decoration: none;
+    transition: color 0.5s;
+}
+
+.section-item a:hover {
+    color: #234d2a;
+}
+
+.header {
+    display: flex;
+    width: 100%;
+    background-color: #605ef0;
+}
+
+.nav-list {
+    transition: .3s;
+    list-style: none;
+    display: flex;
+    justify-content: flex-end;
+    /* Сдвинуть вправо */
+    align-items: center;
+    padding: 0 20px;
+    line-height: 50px;
+
+}
+
+.nav-item a {
+    color: white;
+    margin: 0 30px;
+}
+
+.container {
+    max-width: 1440px;
+    margin: 0 auto;
+}
+
+.section {
+    width: 50%;
+}