changes into header

cfa369a3 · Eugene Vinokurov · d160fd3b · cfa369a3 · d160fd3b · cfa369a3
Commit cfa369a3 authored Nov 24, 2020 by Eugene Vinokurov
30 changed files
--- a/config.js
+++ b/config.js
@@ -21,7 +21,7 @@ let config = {
  ],
  addJsAfter: ["./script.js"],
  addAssets: {
-    "src/img/demo-*.{png,svg,jpg,jpeg,svg}": "img/",
+    "src/img/*.{png,svg,jpg,jpeg,svg}": "img/",
    "src/fonts/Rosatom-Italic.ttf": "fonts/",
    "src/fonts/Rosatom-Light.ttf": "fonts/",
    "src/fonts/Rosatom-Regular.ttf": "fonts/",

--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -84,8 +84,9 @@
    "bootstrap": "^4.5.3",
    "choices.js": "^9.0.1",
    "closest": "0.0.1",
-    "jquery": "^3.4.1",
+    "jquery": "^3.5.1",
    "object-fit-images": "^3.2.4",
+    "slick-carousel": "^1.8.1",
    "svg4everybody": "^2.1.8"
  },
  "husky": {

--- a/src/blocks/page-footer/img/footer-devs.svg
+++ b/src/blocks/page-footer/img/footer-devs.svg
+<svg width="57" height="11" viewBox="0 0 57 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.9 10.7L4.4 7.4H3.2V10.7H0V0.1H5.7C8.2 0.1 9.5 1.8 9.5 3.8C9.5 5.6 8.4 6.6 7.6 7L9.5 10.8H5.9V10.7ZM6.3 3.7C6.3 3.1 5.8 2.9 5.2 2.9H3.2V4.6H5.2C5.8 4.6 6.3 4.3 6.3 3.7ZM10.5 9.4L12.2 7.1C12.9 7.7 14 8 14.9 8C16 8 16.4 7.6 16.4 7.1C16.4 6.6 16 6.2 15 6.2C14.2 6.2 13.6 6.4 13 6.9L10.8 6.4V0.1H18.9V2.9H14V4.4C14.5 3.9 15.3 3.6 16.2 3.6C18.1 3.6 19.7 4.9 19.7 7C19.7 9.4 17.9 10.9 14.9 10.9C13 10.9 11.5 10.3 10.5 9.4ZM20.6 10.7V8.2C25.5 4.8 25.9 4.4 25.9 3.6C25.9 3.1 25.4 2.8 24.7 2.8C23.6 2.8 22.7 3.2 21.9 3.9L20.1 1.8C21.3 0.5 23.1 0 24.6 0C27.4 0 29.2 1.5 29.2 3.7C29.2 5.2 28.4 6.3 25.8 8H29.3V10.8H20.6V10.7ZM30.2 9.2C30.2 8.3 31 7.5 31.9 7.5C32.8 7.5 33.6 8.3 33.6 9.2C33.6 10.1 32.9 10.9 32 10.9C31 10.9 30.2 10.1 30.2 9.2ZM40.9 10.7L39.4 7.4H38.2V10.7H35V0.1H40.7C43.2 0.1 44.5 1.8 44.5 3.8C44.5 5.6 43.4 6.6 42.6 7L44.5 10.8H40.9V10.7ZM41.3 3.7C41.3 3.1 40.8 2.9 40.2 2.9H38.2V4.6H40.2C40.8 4.6 41.3 4.3 41.3 3.7ZM45.9 6.3V0.1H49.2V6.3C49.2 7.3 49.9 8.1 51.2 8.1C52.5 8.1 53.2 7.3 53.2 6.3V0.1H56.5V6.3C56.5 8.9 54.8 10.9 51.2 10.9C47.6 10.9 45.9 9 45.9 6.3Z" fill="#1A1A1A"/>
+</svg>
--- a/src/blocks/page-footer/img/footer-fb.svg
+++ b/src/blocks/page-footer/img/footer-fb.svg
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M13.3312 3.32083H15.1571V0.140833C14.8421 0.0975 13.7587 0 12.4971 0C9.86458 0 8.06125 1.65583 8.06125 4.69917V7.5H5.15625V11.055H8.06125V20H11.6229V11.0558H14.4104L14.8529 7.50083H11.6221V5.05167C11.6229 4.02417 11.8996 3.32083 13.3312 3.32083Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/src/blocks/page-footer/img/footer-inst.svg
+++ b/src/blocks/page-footer/img/footer-inst.svg
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M19.9804 5.88005C19.9336 4.81738 19.7617 4.0868 19.5156 3.45374C19.2616 2.78176 18.8709 2.18014 18.359 1.68002C17.8589 1.1721 17.2533 0.777435 16.5891 0.527447C15.9524 0.281274 15.2256 0.109427 14.163 0.0625732C13.0924 0.0117516 12.7525 0 10.0371 0C7.32173 0 6.98185 0.0117516 5.91521 0.0586052C4.85253 0.105459 4.12195 0.277459 3.48904 0.523479C2.81692 0.777435 2.2153 1.16814 1.71517 1.68002C1.20726 2.18014 0.812743 2.78573 0.562603 3.44992C0.31643 4.0868 0.144583 4.81341 0.0977294 5.87609C0.0469078 6.9467 0.0351562 7.28658 0.0351562 10.002C0.0351562 12.7173 0.0469078 13.0572 0.0937614 14.1239C0.140615 15.1865 0.312615 15.9171 0.558787 16.5502C0.812743 17.2221 1.20726 17.8238 1.71517 18.3239C2.2153 18.8318 2.82089 19.2265 3.48508 19.4765C4.12195 19.7226 4.84856 19.8945 5.91139 19.9413C6.97788 19.9883 7.31791 19.9999 10.0333 19.9999C12.7487 19.9999 13.0885 19.9883 14.1552 19.9413C15.2179 19.8945 15.9484 19.7226 16.5813 19.4765C17.9254 18.9568 18.9881 17.8941 19.5078 16.5502C19.7538 15.9133 19.9258 15.1865 19.9727 14.1239C20.0195 13.0572 20.0313 12.7173 20.0313 10.002C20.0313 7.28658 20.0273 6.9467 19.9804 5.88005ZM18.1794 14.0457C18.1364 15.0225 17.9723 15.5499 17.8356 15.9015C17.4995 16.7728 16.808 17.4643 15.9367 17.8004C15.5851 17.9372 15.0538 18.1012 14.0809 18.1441C13.026 18.1911 12.7096 18.2027 10.0411 18.2027C7.37255 18.2027 7.05221 18.1911 6.00113 18.1441C5.02438 18.1012 4.49693 17.9372 4.1453 17.8004C3.71171 17.6402 3.31704 17.3862 2.9967 17.0541C2.6646 16.7298 2.41065 16.3391 2.2504 15.9055C2.11366 15.5539 1.94959 15.0225 1.90671 14.0497C1.8597 12.9948 1.8481 12.6783 1.8481 10.0097C1.8481 7.34122 1.8597 7.02087 1.90671 5.96995C1.94959 4.99319 2.11366 4.46575 2.2504 4.11412C2.41065 3.68038 2.6646 3.28586 3.00067 2.96536C3.32483 2.63327 3.71553 2.37931 4.14927 2.21921C4.5009 2.08247 5.03231 1.9184 6.0051 1.87537C7.05999 1.82851 7.37652 1.81676 10.0449 1.81676C12.7174 1.81676 13.0337 1.82851 14.0848 1.87537C15.0616 1.9184 15.589 2.08247 15.9407 2.21921C16.3742 2.37931 16.7689 2.63327 17.0893 2.96536C17.4214 3.28967 17.6753 3.68038 17.8356 4.11412C17.9723 4.46575 18.1364 4.99701 18.1794 5.96995C18.2263 7.02484 18.238 7.34122 18.238 10.0097C18.238 12.6783 18.2263 12.9908 18.1794 14.0457Z" fill="white"/>
+<path d="M10.0362 4.86792C7.19976 4.86792 4.89844 7.16909 4.89844 10.0056C4.89844 12.8422 7.19976 15.1434 10.0362 15.1434C12.8727 15.1434 15.1739 12.8422 15.1739 10.0056C15.1739 7.16909 12.8727 4.86792 10.0362 4.86792ZM10.0362 13.3384C8.19605 13.3384 6.70345 11.8459 6.70345 10.0056C6.70345 8.16538 8.19605 6.67293 10.0362 6.67293C11.8764 6.67293 13.3689 8.16538 13.3689 10.0056C13.3689 11.8459 11.8764 13.3384 10.0362 13.3384Z" fill="white"/>
+<path d="M16.5767 4.66134C16.5767 5.3237 16.0397 5.86076 15.3772 5.86076C14.7148 5.86076 14.1777 5.3237 14.1777 4.66134C14.1777 3.99882 14.7148 3.46191 15.3772 3.46191C16.0397 3.46191 16.5767 3.99882 16.5767 4.66134Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/src/blocks/page-footer/img/footer-telegram.svg
+++ b/src/blocks/page-footer/img/footer-telegram.svg
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M7.84764 12.6508L7.51681 17.3041C7.99014 17.3041 8.19514 17.1008 8.44098 16.8566L10.6601 14.7358L15.2585 18.1033C16.1018 18.5733 16.696 18.3258 16.9235 17.3274L19.9418 3.1841L19.9426 3.18326C20.2101 1.9366 19.4918 1.4491 18.6701 1.75493L0.928481 8.54743C-0.282352 9.01743 -0.264018 9.69243 0.722648 9.99826L5.25848 11.4091L15.7943 4.8166C16.2901 4.48826 16.741 4.66993 16.3701 4.99826L7.84764 12.6508Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/src/blocks/page-footer/page-footer.pug
+++ b/src/blocks/page-footer/page-footer.pug
@@ -7,9 +7,12 @@ mixin page-footer()
      .footer-left__heading
        img(src="./img/logo.svg", alt="footer logo").left__heading-logo
        ul.left__heading-socials
-          li.heading-socials__item._fb
-          li.heading-socials__item._inst
-          li.heading-socials__item._telegram
+          li
+            a(href="https://facebook.com/", target="_blank").heading-socials__item._fb
+          li
+            a(href="https://instagram.com/", target="_blank").heading-socials__item._inst
+          li
+            a(href="https://telegram.org/", target="_blank").heading-socials__item._telegram
      nav.footer-left__nav
        ul
          li
@@ -45,7 +48,7 @@ mixin page-footer()
          button(type="submit") Подписаться
      .footer-left__devs
        span Разработка —
-        img(alt="developers")
+        img(src="./img/footer-devs.svg", alt="developers")
    .footer-right
      .footer-right__contacts
        .right__contacts-item

--- a/src/blocks/page-footer/page-footer.scss
+++ b/src/blocks/page-footer/page-footer.scss
@@ -13,6 +13,123 @@
    flex-basis: 50%;
    background: #f9f9f9;
    padding: 50px 60px 0 0;
+
+    .footer-left__heading {
+      max-width: 540px;
+      display: flex;
+
+      .left__heading-logo {
+        padding-right: 175px;
+      }
+
+      .left__heading-socials {
+        display: flex;
+        align-items: center;
+
+        .heading-socials__item {
+          display: block;
+          position: relative;
+          height: 40px;
+          width: 40px;
+          margin-left: 30px;
+          background: #6dacde;
+
+          &::before {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: 100%;
+            width: 100%;
+            background-repeat: no-repeat;
+            background-position: center;
+          }
+
+          &._fb::before {
+            background-image: url("../img/footer-fb.svg");
+          }
+
+          &._inst::before {
+            background-image: url("../img/footer-inst.svg");
+          }
+
+          &._telegram::before {
+            background-image: url("../img/footer-telegram.svg");
+          }
+        }
+      }
+    }
+
+    .footer-left__nav {
+      margin: 30px 0 60px;
+      max-width: 540px;
+
+      ul {
+        display: flex;
+        flex-wrap: wrap;
+
+        li {
+          font-size: 16px;
+          line-height: 21px;
+          color: #1a1a1a;
+          padding-top: 30px;
+          flex: 0 1 33.3333%;
+
+          a {
+            &:hover {
+              text-decoration: underline;
+            }
+          }
+        }
+      }
+    }
+
+    .footer-left__subscribe {
+      max-width: 540px;
+      font-size: 16px;
+      line-height: 21px;
+      color: #1a1a1a;
+
+      .left__subscribe-title {
+        margin-bottom: 20px;
+      }
+
+      .left__subscribe-form {
+        input {
+          background: linear-gradient(0deg, #ffffff, #ffffff);
+          border: 1px solid #dcddde;
+          height: 60px;
+          width: 309px;
+          padding-left: 29px;
+          font-size: 16px;
+          line-height: 21px;
+          color: #cccdcf;
+        }
+
+        button {
+          background: linear-gradient(0deg, #6dacde, #6dacde);
+          padding: 20px 48px;
+          margin-left: 30px;
+          font-size: 16px;
+          line-height: 21px;
+          color: #ffffff;
+          font-weight: 700;
+        }
+      }
+    }
+
+    .footer-left__devs {
+      max-width: 540px;
+      width: 100%;
+      margin-top: 60px;
+
+      span {
+        font-size: 15px;
+        line-height: 130%;
+        color: #1a1a1a;
+        padding-right: 6px;
+      }
+    }
  }

  .footer-right {

--- a/src/blocks/page-header/img/search-loupe.svg
+++ b/src/blocks/page-header/img/search-loupe.svg
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 11.8487 17.3729 13.551 16.3199 14.9056L21.7071 20.2929L20.2929 21.7071L14.9056 16.3199C13.551 17.3729 11.8487 18 10 18ZM16 10C16 13.3137 13.3137 16 10 16C6.68629 16 4 13.3137 4 10C4 6.68629 6.68629 4 10 4C13.3137 4 16 6.68629 16 10Z" fill="white"/>
+</svg>
--- a/src/blocks/page-header/page-header.pug
+++ b/src/blocks/page-header/page-header.pug
@@ -5,10 +5,10 @@ mixin page-header()
  header.header
    .container
      .row
-        .col-lg-2
+        .col-lg-1.d-flex.align-items-end
          a(href="#")
            img(src="./img/logo.png", alt="radon logo")
-        .col-lg-10
+        .col-lg-11
          .header-menu-top
            ul.header-menu-top__list
              li
@@ -23,16 +23,16 @@ mixin page-header()
                a(href="#") Контакты
              li
                a(href="#") СМИ о нас
-            a(href="#", class="top__link") Обратная связь
-            ul.header-menu-top__lang
-              li
-                a(href="#", class="top__lang-ru")
-              li
-                a(href="#", class="top__lang-en")
-          .header-menu-bottom
+            a(href="#", class="header-menu-top__link") Обратная связь
+            .header-menu-top__lang
+              a(href="#", class="top__lang-ru") RU
+              a(href="#", class="top__lang-en") EN
+          nav.header-menu-bottom
            ul.header-menu-bottom__list
              li
-                a(href="#", class="header-menu-bottom__burger")
+                .header-menu-bottom__burger
+                  span
+                  span
              li
                a(href="#") О Радоне
              li
@@ -48,4 +48,4 @@ mixin page-header()
              li
                a(href="#") Журналистам
              li
-                a(href="#", class="header-menu-bottom__search")
+                .header-menu-bottom__search
--- a/src/blocks/page-header/page-header.scss
+++ b/src/blocks/page-header/page-header.scss
 .header {
+  padding-bottom: 40px;
+
  .header-menu-top {
+    display: flex;
+    justify-content: space-between;
+    font-weight: 300;
+
    .header-menu-top__list {
      display: flex;
+      text-decoration: underline;

      li {
        a {
-          font-weight: 300;
-          text-decoration: underline;
          padding: 19px 17.5px 26px;
          display: block;
-
-          &:hover {
-          }
        }

        &:first-child a {
@@ -19,11 +21,113 @@
        }
      }
    }
+
+    .header-menu-top__link {
+      padding: 19px 0 26px;
+      text-decoration: underline;
+
+      &:hover {
+        color: #003274;
+      }
+    }
+
+    .header-menu-top__lang {
+      display: flex;
+
+      a {
+        display: block;
+        padding: 19px 7px 26px;
+
+        &:first-child {
+          position: relative;
+
+          &::before {
+            content: "";
+            position: absolute;
+            top: 45%;
+            right: 0;
+            transform: translateY(-50%);
+            height: 11px;
+            width: 1px;
+            background: #1a1a1a;
+          }
+        }
+      }
+    }
  }

  .header-menu-bottom {
+    background: #003274;
+
    .header-menu-bottom__list {
      display: flex;
+      justify-content: space-between;
+
+      li {
+        &:first-child {
+          cursor: pointer;
+          padding: 0 22px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          transition: 0.3s ease;
+
+          .header-menu-bottom__burger {
+            span {
+              display: block;
+              height: 2px;
+              background: #ffffff;
+              transition: 0.3s ease;
+
+              &:first-child {
+                width: 22px;
+              }
+
+              &:last-child {
+                margin-top: 6px;
+                width: 30px;
+              }
+            }
+          }
+
+          &:hover {
+            background: #b1c72e;
+
+            .header-menu-bottom__burger {
+              span {
+                width: 30px !important;
+              }
+            }
+          }
+        }
+
+        a {
+          color: #ffffff;
+          display: block;
+          padding: 23px 18.5px;
+          font-weight: 700;
+          transition: 0.3s ease;
+
+          &:hover {
+            text-decoration: underline;
+            background: #b1c72e;
+          }
+        }
+
+        &:last-child {
+          padding: 0 20px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          cursor: pointer;
+
+          .header-menu-bottom__search {
+            height: 24px;
+            width: 24px;
+            background: url("../img/search-loupe.svg") no-repeat center;
+          }
+        }
+      }
    }
  }
 }
--- a/src/img/about-feature-first.svg
+++ b/src/img/about-feature-first.svg
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M59.1108 25.247L52.9051 23.7011L50.6493 18.2582L53.9438 12.7777C54.2211 12.3166 54.1485 11.7258 53.768 11.3453L48.6539 6.23121C48.2734 5.85071 47.6825 5.77817 47.2215 6.05544L41.7411 9.34989L36.2985 7.09441L34.7524 0.888807C34.6224 0.366625 34.1534 0.000183105 33.6154 0.000183105H26.3842C25.846 0.000183105 25.3772 0.366625 25.247 0.888807L23.7009 7.09441L18.258 9.35013L12.7775 6.05567C12.3163 5.77841 11.7255 5.85083 11.3452 6.23145L6.23115 11.3455C5.85065 11.726 5.77822 12.3167 6.05537 12.7778L9.34983 18.2583L7.09423 23.7011L0.888624 25.247C0.366442 25.3771 0 25.8461 0 26.3841V33.6153C0 34.1534 0.366442 34.6223 0.888624 34.7525L7.09434 36.2984L9.35007 41.7414L6.0556 47.2218C5.77834 47.6829 5.85088 48.2737 6.23138 48.6542L11.3455 53.7683C11.7259 54.1488 12.3168 54.2212 12.7779 53.9441L18.2583 50.6496L23.7013 52.9054L25.2472 59.1111C25.3773 59.6333 25.8463 59.9997 26.3844 59.9997H33.6156C34.1537 59.9997 34.6226 59.6333 34.7528 59.1111L36.2987 52.9054L41.7417 50.6496L47.2221 53.9441C47.6832 54.2212 48.274 54.1488 48.6545 53.7683L53.7686 48.6542C54.1491 48.2737 54.2215 47.6829 53.9444 47.2218L50.6499 41.7414L52.9057 36.2984L59.1114 34.7525C59.6336 34.6224 60 34.1534 60 33.6153V26.3841C59.9994 25.8461 59.633 25.3771 59.1108 25.247ZM57.6557 32.6996L51.7654 34.167C51.405 34.2569 51.1084 34.5123 50.9661 34.8555L48.258 41.39C48.1158 41.7334 48.1448 42.1239 48.3362 42.4424L51.4633 47.6445L47.6443 51.4635L42.4422 48.3364C42.1237 48.145 41.7331 48.1158 41.3899 48.2582L34.8553 50.9663C34.5121 51.1085 34.2567 51.4051 34.1669 51.7656L32.6996 57.6557H27.2999L25.8324 51.7655C25.7426 51.405 25.4872 51.1084 25.144 50.9662L18.6094 48.2581C18.266 48.1158 17.8755 48.1449 17.5571 48.3363L12.355 51.4634L8.53597 47.6445L11.6631 42.4424C11.8546 42.1239 11.8835 41.7334 11.7413 41.39L9.03319 34.8555C8.89093 34.5123 8.59433 34.2569 8.23386 34.167L2.34373 32.6996V27.2999L8.23398 25.8325C8.59445 25.7426 8.89105 25.4873 9.03331 25.144L11.7414 18.6095C11.8836 18.2661 11.8546 17.8757 11.6632 17.5572L8.53597 12.355L12.355 8.53604L17.5571 11.6632C17.8755 11.8545 18.2662 11.8837 18.6094 11.7413L25.144 9.03326C25.4872 8.89099 25.7426 8.59439 25.8324 8.23393L27.2999 2.34379H32.6996L34.167 8.23405C34.2569 8.59451 34.5122 8.89111 34.8554 9.03337L41.39 11.7414C41.7333 11.8837 42.1239 11.8546 42.4423 11.6633L47.6445 8.53615L51.4634 12.3551L48.3363 17.5573C48.1448 17.8758 48.1159 18.2663 48.2582 18.6096L50.9662 25.1441C51.1085 25.4874 51.4051 25.7427 51.7655 25.8326L57.6557 27.2999V32.6996Z" fill="#B1C72E"/>
+<path d="M37.7251 44.5253C37.4628 43.9335 36.7701 43.6667 36.1788 43.9289C34.216 44.7992 32.125 45.2211 30.045 45.221C26.0665 45.2209 22.1308 43.6766 19.2262 40.772C14.3073 35.8531 13.3395 28.2404 16.8726 22.2594C17.2017 21.7022 17.0168 20.9836 16.4596 20.6544C15.9027 20.3253 15.1838 20.5101 14.8546 21.0674C10.7773 27.9696 11.8935 36.7538 17.5689 42.4294C20.1294 44.9898 23.3609 46.6764 26.9141 47.3066C27.9461 47.4896 28.9827 47.5805 30.0154 47.5805C32.4567 47.5805 34.8723 47.0721 37.1288 46.0716C37.7204 45.8092 37.9874 45.117 37.7251 44.5253Z" fill="#B1C72E"/>
+<path d="M19.2408 17.5607C18.7842 17.1018 18.0422 17.1001 17.5835 17.5566L17.5718 17.5684C17.113 18.0249 17.1113 18.7669 17.5677 19.2256C17.7967 19.4559 18.0975 19.571 18.3983 19.571C18.6973 19.571 18.9963 19.4573 19.225 19.2297L19.2367 19.218C19.6955 18.7613 19.6972 18.0194 19.2408 17.5607Z" fill="#B1C72E"/>
+<path d="M42.4298 17.5703C39.1097 14.2505 34.6955 12.422 30.0003 12.422C27.5235 12.422 25.1249 12.9286 22.8711 13.9278C22.2794 14.1902 22.0123 14.8824 22.2747 15.4741C22.5371 16.0658 23.2293 16.3329 23.821 16.0705C25.7738 15.2047 27.8528 14.7657 30.0003 14.7657C34.0695 14.7657 37.8952 16.3503 40.7726 19.2277C45.6915 24.1466 46.6593 31.7594 43.1263 37.7403C42.7971 38.2976 42.982 39.0162 43.5392 39.3453C43.7263 39.4558 43.9314 39.5085 44.1342 39.5085C44.535 39.5085 44.9255 39.3026 45.1442 38.9324C49.2215 32.0302 48.1053 23.2459 42.4298 17.5703Z" fill="#B1C72E"/>
+<path d="M42.4322 40.774C41.9756 40.3152 41.2335 40.3134 40.7749 40.77L40.7632 40.7817C40.3044 41.2382 40.3027 41.9803 40.7591 42.4389C40.9881 42.6691 41.2889 42.7842 41.5897 42.7842C41.8887 42.7842 42.1877 42.6705 42.4164 42.4429L42.4281 42.4312C42.8869 41.9748 42.8886 41.2326 42.4322 40.774Z" fill="#B1C72E"/>
+<path d="M41.4228 23.5814C41.2932 23.2526 41.0237 23.0032 40.6937 22.8963C39.7981 22.5819 35.1435 21.2039 31.3935 24.9539C30.8144 25.533 30.3578 26.1332 30.0002 26.737C29.6425 26.133 29.186 25.5329 28.6068 24.9539C24.8715 21.2187 20.239 22.5712 19.3068 22.8962C18.9767 23.0031 18.7071 23.2525 18.5774 23.5814C18.4927 23.7962 16.5494 28.8896 20.6103 32.9505C22.663 35.0032 24.9788 35.5215 26.7958 35.5215C27.5902 35.5215 28.2888 35.4223 28.8284 35.3088V39.7392C28.8284 40.3864 29.3531 40.9111 30.0003 40.9111C30.6475 40.9111 31.1721 40.3864 31.1721 39.7392V35.3088C31.7117 35.4223 32.4101 35.5215 33.2046 35.5215C35.0214 35.5215 37.3377 35.0029 39.3902 32.9505C43.4508 28.8897 41.5075 23.7963 41.4228 23.5814ZM28.8264 31.5133L25.4373 28.1246C24.9796 27.667 24.2375 27.667 23.78 28.1246C23.3224 28.5823 23.3224 29.3243 23.78 29.7819L27.1687 33.1701C25.7907 33.2359 23.9082 32.9339 22.2675 31.2932C19.9199 28.9457 20.3119 26.1019 20.6021 24.9539C21.8329 24.6446 24.6337 24.2956 26.9495 26.6114C28.3381 28 28.7678 29.562 28.8274 30.8443C28.8206 31.0605 28.8215 31.2706 28.8285 31.4733C28.828 31.4868 28.8271 31.4999 28.8264 31.5133ZM37.7327 31.2932C36.0915 32.9345 34.2084 33.2362 32.8313 33.1702L36.2202 29.7817C36.6778 29.3241 36.6779 28.5822 36.2202 28.1245C35.7627 27.667 35.0207 27.6668 34.5629 28.1245L31.174 31.5129C31.1733 31.4985 31.1724 31.4845 31.1718 31.4699C31.1787 31.2688 31.1795 31.0606 31.1728 30.8463C31.2319 29.5633 31.6615 28.0005 33.0508 26.6114C35.3652 24.2968 38.1642 24.6443 39.3962 24.9534C39.6821 26.0998 40.0713 28.9546 37.7327 31.2932ZM40.5501 22.8598C40.6205 22.873 40.6736 22.8896 40.6935 22.8963C40.6469 22.8812 40.599 22.869 40.5501 22.8598Z" fill="#B1C72E"/>
+</svg>
--- a/src/img/about-feature-second.svg
+++ b/src/img/about-feature-second.svg
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M2.39317 21.5901C1.76692 21.4267 1.12684 21.8018 0.963367 22.4279C0.948367 22.4854 0.933601 22.543 0.91907 22.6007C0.75993 23.228 1.1395 23.8655 1.7668 24.0247C1.86348 24.0492 1.96039 24.0609 2.05578 24.0609C2.57926 24.0609 3.05621 23.7076 3.19086 23.177L3.23117 23.0199C3.39465 22.3935 3.01941 21.7534 2.39317 21.5901Z" fill="#B1C72E"/>
+<path d="M39.6548 1.58777C36.5537 0.534378 33.3055 0.00012207 30.0005 0.00012207C24.2006 0.00012207 18.5723 1.6582 13.7242 4.79518C9.00293 7.85001 5.24287 12.1471 2.85038 17.222C2.57452 17.8075 2.8253 18.5058 3.41076 18.7817C3.57225 18.8579 3.74229 18.8938 3.90963 18.8938C4.3492 18.8938 4.7706 18.6454 4.97041 18.2215C7.09138 13.7224 10.3611 9.96629 14.3277 7.23853C14.3663 7.25845 14.4062 7.27685 14.4478 7.29267L21.608 10.0167C21.7757 10.0806 21.8839 10.2438 21.8775 10.423C21.8723 10.5679 21.8941 10.7128 21.9417 10.8499C22.3279 11.9609 23.1756 12.8494 24.2675 13.2873C25.3594 13.7249 26.586 13.6683 27.633 13.1321C27.6373 13.1299 27.6416 13.1276 27.646 13.1253L29.2018 12.3034C30.9319 11.3893 32.9289 11.5033 34.5436 12.609C36.1586 13.7146 36.9877 15.5353 36.7613 17.4795L36.7468 17.6029C36.6591 18.3566 36.1389 18.953 35.4215 19.1223C34.6466 19.3054 33.7641 19.5156 33.008 19.6964C31.4755 20.0629 30.2837 21.2976 29.9718 22.8421L28.9661 27.8213C28.7294 28.9929 29.0182 30.2032 29.7585 31.1419C30.4987 32.0805 31.6084 32.6435 32.803 32.6865L34.0936 32.7329C34.3157 32.7409 34.531 32.791 34.7338 32.8817C34.8892 32.9512 35.0516 32.9842 35.2115 32.9842C35.6595 32.9841 36.0872 32.7258 36.282 32.2903C36.5461 31.6994 36.2814 31.0063 35.6905 30.7421C35.2113 30.5279 34.7025 30.4097 34.178 30.3908L32.8874 30.3444C32.3819 30.3263 31.9122 30.088 31.5988 29.6906C31.2856 29.2934 31.1634 28.7811 31.2635 28.2853L32.2692 23.3062C32.4011 22.6532 32.9051 22.131 33.5531 21.976C34.3074 21.7956 35.1874 21.586 35.9602 21.4034C37.6232 21.0108 38.875 19.5925 39.0751 17.8738L39.0895 17.7504C39.4184 14.9262 38.2139 12.2813 35.8678 10.675C33.5219 9.06899 30.6207 8.90294 28.107 10.2311L26.5585 11.0492C26.1104 11.2768 25.6067 11.2992 25.1401 11.1118C24.7222 10.9442 24.399 10.635 24.2162 10.2317C24.1482 9.15993 23.4613 8.21423 22.4417 7.82622L16.8441 5.6967C20.8204 3.54069 25.3305 2.34398 30.0005 2.34398C33.0485 2.34398 36.043 2.83617 38.9009 3.80706C39.5139 4.0153 40.1793 3.68729 40.3875 3.07441C40.5956 2.46164 40.2676 1.79601 39.6548 1.58777Z" fill="#B1C72E"/>
+<path d="M58.8345 21.6939C58.6557 21.0718 58.0063 20.7125 57.3845 20.8915C56.7625 21.0703 56.4033 21.7195 56.5822 22.3416C57.2947 24.8194 57.656 27.396 57.656 30C57.656 32.8354 57.2287 35.6312 56.3863 38.3092C56.1922 38.9267 56.5352 39.5846 57.1525 39.7788C57.2696 39.8156 57.3879 39.8331 57.5045 39.8331C58.0026 39.8331 58.4647 39.513 58.6221 39.0126C59.5361 36.1065 59.9996 33.0743 59.9996 30C59.9996 27.1768 59.6076 24.3823 58.8345 21.6939Z" fill="#B1C72E"/>
+<path d="M55.5585 43.4223C55.0641 43.1295 54.3233 43.2122 53.9391 43.8568C53.9369 43.8606 53.9347 43.8643 53.9324 43.8682C53.5555 44.5172 53.8431 45.205 54.3391 45.4949C54.5149 45.5977 54.7212 45.6532 54.9316 45.6532C55.3146 45.6532 55.7104 45.4691 55.9561 45.0513C56.3367 44.4043 56.0528 43.715 55.5585 43.4223Z" fill="#B1C72E"/>
+<path d="M52.2684 48.3459C51.7862 47.9143 51.0453 47.9552 50.6136 48.4375C49.0124 50.2265 47.1987 51.781 45.2291 53.0796C43.8777 52.4694 42.462 51.0227 42.6006 48.7555L43.34 39.996C43.3945 39.3511 42.9158 38.7841 42.2709 38.7296C41.6264 38.6773 41.0591 39.1539 41.0046 39.7989L40.2641 48.5711C40.2634 48.5792 40.2628 48.5874 40.2622 48.5955C40.1148 50.9206 41.1493 53.0859 42.9402 54.4348C38.9918 56.5251 34.5539 57.6562 29.9996 57.6562C28.7245 57.6562 27.4538 57.5671 26.1976 57.3932L27.2906 55.4085H28.2467C30.7297 55.4085 32.7496 53.3886 32.7496 50.9056V49.2881C32.7496 48.827 32.8934 48.3864 33.1655 48.0141C33.5474 47.4916 33.4334 46.7584 32.9109 46.3765C32.3882 45.9947 31.6551 46.1086 31.2733 46.6312C30.7059 47.4077 30.406 48.3264 30.406 49.2881V50.9056C30.406 52.0961 29.4374 53.0648 28.2468 53.0648H26.5982C26.1711 53.0648 25.7778 53.2972 25.5718 53.6714L23.7683 56.9461C21.2389 56.3631 18.7971 55.4274 16.5289 54.1598C15.9636 53.8443 15.25 54.0461 14.9343 54.6112C14.6186 55.1763 14.8206 55.8901 15.3855 56.2058C19.8275 58.688 24.881 60 29.9997 60C38.5222 60 46.6723 56.3554 52.36 50.0007C52.7916 49.5184 52.7506 48.7775 52.2684 48.3459Z" fill="#B1C72E"/>
+<path d="M50.175 5.02545C47.4529 5.02545 45.2383 7.24005 45.2383 9.96219C45.2383 12.6843 47.4529 14.899 50.175 14.899C52.8972 14.899 55.1118 12.6844 55.1118 9.96219C55.1118 7.24005 52.8972 5.02545 50.175 5.02545ZM50.175 12.5553C48.7452 12.5553 47.582 11.392 47.582 9.96219C47.582 8.53239 48.7452 7.36919 50.175 7.36919C51.6048 7.36919 52.768 8.53239 52.768 9.96219C52.768 11.392 51.6048 12.5553 50.175 12.5553Z" fill="#B1C72E"/>
+<path d="M28.6175 39.8367L23.487 32.4426C23.4335 32.3656 23.3718 32.298 23.3049 32.2381C21.9982 27.1236 17.3518 23.3307 11.8359 23.3307C5.30963 23.3307 0 28.6404 0 35.1666C0 37.8697 0.934801 40.5111 2.63284 42.6088C2.63554 42.6125 2.63835 42.6161 2.64116 42.6197L10.912 53.2208C11.1341 53.5055 11.4748 53.6719 11.8358 53.6719C12.1967 53.6719 12.5375 53.5056 12.7596 53.2211L20.9909 42.6755C21.0074 42.6544 21.0229 42.6331 21.0376 42.6113C22.4183 40.9062 23.2942 38.8446 23.5743 36.6796L26.6919 41.1728C26.9195 41.5008 27.2845 41.6767 27.6558 41.6767C27.8863 41.6767 28.1191 41.6089 28.3228 41.4676C28.8546 41.0986 28.9866 40.3685 28.6175 39.8367ZM19.1576 41.208C19.128 41.2438 19.1007 41.2813 19.0759 41.32L11.8362 50.595L4.51229 41.2077C4.5001 41.191 4.48744 41.1747 4.47432 41.1585C3.10042 39.4728 2.34374 37.3449 2.34374 35.1666C2.34374 29.9327 6.60185 25.6745 11.8359 25.6745C17.0699 25.6745 21.328 29.9327 21.328 35.1666C21.328 37.3684 20.5572 39.5139 19.1576 41.208Z" fill="#B1C72E"/>
+<path d="M11.8359 28.5399C8.08815 28.5399 5.03906 31.589 5.03906 35.3368C5.03906 39.0845 8.08815 42.1336 11.8359 42.1336C15.5837 42.1336 18.6328 39.0845 18.6328 35.3368C18.6328 31.589 15.5838 28.5399 11.8359 28.5399ZM11.8359 39.7899C9.38049 39.7899 7.3828 37.7922 7.3828 35.3368C7.3828 32.8813 9.38049 30.8837 11.8359 30.8837C14.2913 30.8837 16.289 32.8813 16.289 35.3368C16.289 37.7922 14.2914 39.7899 11.8359 39.7899Z" fill="#B1C72E"/>
+<path d="M50.1757 0C44.7586 0 40.3516 4.40705 40.3516 9.82414C40.3516 12.0664 41.1265 14.2576 42.5344 15.9984C42.5366 16.0012 42.539 16.0042 42.5412 16.0072L49.2518 24.6083C49.4739 24.893 49.8147 25.0594 50.1756 25.0594C50.1756 25.0594 50.1756 25.0594 50.1757 25.0594C50.5367 25.0594 50.8774 24.8931 51.0995 24.6086L57.7781 16.0524C57.7925 16.034 57.8063 16.0154 57.8194 15.9963C59.2262 14.2552 59.9999 12.0676 59.9999 9.82414C59.9999 4.40705 55.5928 0 50.1757 0ZM55.9458 14.585C55.9183 14.6183 55.8928 14.6528 55.8695 14.6885L50.176 21.9826L44.4105 14.5927C44.3989 14.5769 44.3867 14.5612 44.3741 14.546C43.2916 13.2176 42.6953 11.5407 42.6953 9.82414C42.6953 5.69951 46.051 2.34374 50.1757 2.34374C54.3005 2.34374 57.6561 5.69951 57.6561 9.82414C57.6561 11.5592 57.0488 13.2499 55.9458 14.585Z" fill="#B1C72E"/>
+<path d="M23.8183 48.9016C23.5417 48.3165 22.8433 48.0665 22.258 48.3426L21.7282 48.5929C21.143 48.8694 20.8928 49.5678 21.1691 50.153C21.3693 50.5766 21.7903 50.8245 22.2296 50.8245C22.3973 50.8245 22.5676 50.7883 22.7294 50.712L23.2592 50.4617C23.8444 50.1853 24.0946 49.4868 23.8183 48.9016Z" fill="#B1C72E"/>
+<path d="M50.1755 29.7772C49.5283 29.7772 49.0037 30.302 49.0037 30.9491C49.0037 31.1003 48.9951 31.2527 48.9782 31.402C48.9055 32.0451 49.368 32.6253 50.011 32.6981C50.0558 32.7031 50.1001 32.7056 50.144 32.7056C50.7323 32.7056 51.2395 32.2637 51.307 31.6652C51.3337 31.4287 51.3473 31.1879 51.3473 30.9491C51.3474 30.3019 50.8228 29.7772 50.1755 29.7772Z" fill="#B1C72E"/>
+<path d="M42.5683 34.9219H41.9824C41.3352 34.9219 40.8105 35.4466 40.8105 36.0937C40.8105 36.7409 41.3352 37.2656 41.9824 37.2656H42.5683C43.2156 37.2656 43.7402 36.7409 43.7402 36.0937C43.7402 35.4466 43.2156 34.9219 42.5683 34.9219Z" fill="#B1C72E"/>
+<path d="M48.7051 34.7364C48.3685 34.1837 47.6476 34.0086 47.0947 34.3449C46.9665 34.423 46.8322 34.4945 46.6956 34.5578C46.1082 34.8295 45.8524 35.5262 46.1243 36.1134C46.3223 36.5414 46.746 36.7934 47.1886 36.7934C47.3534 36.7934 47.5207 36.7585 47.6801 36.6847C47.8969 36.5844 48.1099 36.4708 48.3136 36.3468C48.8663 36.0102 49.0417 35.2893 48.7051 34.7364Z" fill="#B1C72E"/>
+<path d="M31.0388 41.7712C30.4929 41.424 29.7685 41.5853 29.4213 42.1314L29.1069 42.626C28.7597 43.1722 28.9209 43.8964 29.4671 44.2437C29.6621 44.3677 29.8796 44.4268 30.0947 44.4268C30.4822 44.4268 30.8614 44.2347 31.0847 43.8835L31.3991 43.389C31.7463 42.8428 31.5851 42.1185 31.0388 41.7712Z" fill="#B1C72E"/>
+<path d="M33.8689 37.3211C33.3228 36.974 32.5986 37.1351 32.2513 37.6812L31.937 38.1756C31.5898 38.7218 31.751 39.4461 32.2972 39.7933C32.4922 39.9173 32.7098 39.9765 32.9249 39.9765C33.3124 39.9765 33.6915 39.7844 33.9149 39.4332L34.2292 38.9388C34.5763 38.3924 34.415 37.6683 33.8689 37.3211Z" fill="#B1C72E"/>
+<path d="M28.5878 46.6493C28.3111 46.0641 27.6127 45.814 27.0276 46.0903L26.4978 46.3406C25.9125 46.6171 25.6623 47.3155 25.9387 47.9007C26.1388 48.3242 26.5599 48.5722 26.9991 48.5722C27.1668 48.5722 27.3372 48.536 27.4989 48.4597L28.0287 48.2094C28.6139 47.933 28.8641 47.2345 28.5878 46.6493Z" fill="#B1C72E"/>
+<path d="M37.2969 34.9219H36.7109C36.0637 34.9219 35.5391 35.4466 35.5391 36.0937C35.5391 36.7409 36.0637 37.2656 36.7109 37.2656H37.2969C37.9441 37.2656 38.4687 36.7409 38.4687 36.0937C38.4687 35.4466 37.9441 34.9219 37.2969 34.9219Z" fill="#B1C72E"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="60" height="60" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/src/img/about-feature-third.svg
+++ b/src/img/about-feature-third.svg
--- a/src/img/about-image.jpg
+++ b/src/img/about-image.jpg
--- a/src/img/banners-item-first.jpg
+++ b/src/img/banners-item-first.jpg
--- a/src/img/banners-item-fourth.jpg
+++ b/src/img/banners-item-fourth.jpg
--- a/src/img/banners-item-second.jpg
+++ b/src/img/banners-item-second.jpg
--- a/src/img/banners-item-third.jpg
+++ b/src/img/banners-item-third.jpg
--- a/src/img/index-arrow-active.svg
+++ b/src/img/index-arrow-active.svg
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5858 9.70711H0V7.70711H14.5858L8.29289 1.41421L9.70711 0L18.4142 8.70711L9.70711 17.4142L8.29289 16L14.5858 9.70711Z" fill="#003274"/>
+</svg>
--- a/src/img/index-arrow.svg
+++ b/src/img/index-arrow.svg
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.41421 9.70711H19V7.70711H4.41421L10.7071 1.41421L9.29289 0L0.585787 8.70711L9.29289 17.4142L10.7071 16L4.41421 9.70711Z" fill="white"/>
+</svg>
--- a/src/img/inner-carousel-first.jpg
+++ b/src/img/inner-carousel-first.jpg
--- a/src/img/search-loupe.svg
+++ b/src/img/search-loupe.svg
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 11.8487 17.3729 13.551 16.3199 14.9056L21.7071 20.2929L20.2929 21.7071L14.9056 16.3199C13.551 17.3729 11.8487 18 10 18ZM16 10C16 13.3137 13.3137 16 10 16C6.68629 16 4 13.3137 4 10C4 6.68629 6.68629 4 10 4C13.3137 4 16 6.68629 16 10Z" fill="white"/>
+</svg>
--- a/src/js/script.js
+++ b/src/js/script.js
@@ -6,3 +6,55 @@

 // const $ = require('jquery');
 // $( document ).ready(function() {});
+
+/* eslint-disable */
+
+import $ from "jquery";
+
+import "slick-carousel/slick/slick.min.js";
+
+$(".inner-carousel").slick({
+  infinite: false,
+  arrows: true,
+  dots: true,
+  slidesToShow: 1,
+  slidesToScroll: 1,
+});
+
+$(".banners-row-field").slick({
+  infinite: false,
+  arrows: false,
+  dots: true,
+  slidesToShow: 4,
+  slidesToScroll: 4,
+});
+
+class Application {
+  init() {
+    this.turnParallax();
+  }
+
+  turnParallax() {
+    const parallaxItems = document.querySelectorAll("[parallax]");
+    const windowHeight = window.pageYOffset;
+
+    if (parallaxItems) {
+      window.addEventListener("scroll", () => {
+        parallaxItems.forEach((item) => {
+          const currentOffset = item.getBoundingClientRect().y;
+          const currentSpeed = item.getAttribute("parallax");
+
+          if (currentOffset < windowHeight) {
+            item.style.transform = `translateY(${
+              currentOffset / currentSpeed
+            }px)`;
+          }
+        });
+      });
+    }
+  }
+}
+
+const radon = new Application();
+
+radon.init();
--- a/src/pages/index.pug
+++ b/src/pages/index.pug
@@ -11,8 +11,91 @@ block nav
  +main-nav('10')

 block content
-  h1 Заголовок
-  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+  main
+    .inner-carousel
+      .inner-carousel__item
+        img(src="./img/inner-carousel-first.jpg", alt="first slider").carousel__item-image
+        .container
+          .carousel__item-description
+            h1.carousel__item-description__title ФГУП “Радон”<br>планирует модернизировать производственную структуру
+            a(href="#").carousel__item-description__link В раздел
+      .inner-carousel__item
+        img(src="./img/inner-carousel-first.jpg", alt="first slider").carousel__item-image
+        .container
+          .carousel__item-description
+            h1.carousel__item-description__title ФГУП “Радон”<br>планирует модернизировать производственную структуру
+            a(href="#").carousel__item-description__link В раздел
+      .inner-carousel__item
+        img(src="./img/inner-carousel-first.jpg", alt="first slider").carousel__item-image
+        .container
+          .carousel__item-description
+            h1.carousel__item-description__title ФГУП “Радон”<br>планирует модернизировать производственную структуру
+            a(href="#").carousel__item-description__link В раздел
+    .banners-row
+      .container
+        .row
+          .col-lg-12
+            h2.banners-row-title Баннерная сетка
+      .banners-row-field
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-first.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-second.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-third.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-fourth.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-first.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-second.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-third.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-fourth.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-first.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-second.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-third.jpg", alt="banner item")
+        a(href="#").banners-row-field__item
+          img(src="../img/banners-item-fourth.jpg", alt="banner item")
+    .about
+      .container
+        .row
+          .col-lg-12
+            h2.about-title О Радоне
+        .row
+          .col-lg-6.d-flex
+            .about-description(parallax="-30")
+              p.about-description__text ФГУП «РАДОН» специализируется на обращении с радиоактивными отходами (РАО) средней и низкой активности, образующимися в народном хозяйстве (в науке, промышленности, медицине, сельском хозяйстве и т.д.).
+              p.about-description__text Предприятие осуществляет весь комплекс работ с РАО – их сбор, транспортировку, переработку и хранение, а также проводит радиационно-аварийные работы по удалению обнаруженных радиоактивных загрязнений и радиоэкологический мониторинг населенных пунктов и окружающей среды.
+              a(class="about-description__button", href="#") Подробнее
+          .col-lg-6.d-flex
+            img(class="about-image", parallax="30", src="../img/about-image.jpg", alt="about image")
+        .row.about-features
+          .col-lg-12
+            .about-features__feature
+              img(class="feature-image", src="../img/about-feature-first.svg", alt="feature image")
+              p.feature-text Специалисты предприятия осуществляют разработку и внедрение технологий и оборудования для обращения с РАО, радиоактивными веществами и источниками ионизирующего излучения (ИИИ). ФГУП «РАДОН» также выполняет работы по выводу из эксплуатации радиационно-опасных объектов, дезактивации и реабилитации загрязненных территорий.
+          .col-lg-12
+            .about-features__feature
+              img(class="feature-image", src="../img/about-feature-second.svg", alt="feature image")
+              p.feature-text Основные объекты, которым ФГУП «РАДОН» оказывает вышеперечисленные услуги, располагаются в европейской части РФ, но в последнее время регион обслуживания предприятия расширился: выполняются договорные работы с предприятиями Урала, Сибири, Дальнего Востока…
+          .col-lg-12
+            .about-features__feature
+              img(class="feature-image", src="../img/about-feature-third.svg", alt="feature image")
+              p.feature-text Недавно предприятие стало победителем конкурса Международного агентства по атомной энергии (МАГАТЭ) по созданию модульных мобильных установок по очистке жидких радиоактивных отходов за рубежом, такие установки были поставлены в Бангладеш, Иран, Сербию, Сирию и Узбекистан.
+    .filials-network
+      .container
+        .row
+          .col-lg-12
+            h2.filials-network__title Филиальная сеть
+
+
+
+

 //- block footer
 //-   p footer

--- a/src/scss/_index.scss
+++ b/src/scss/_index.scss
+.inner-carousel {
+  position: relative;
+
+  .slick-dots {
+    display: flex;
+    justify-content: center;
+    margin: 0 -10px;
+
+    li {
+      margin: 0 10px;
+      position: relative;
+      bottom: 42px;
+      width: 40px;
+      height: 2px;
+
+      background: #ffffff;
+      opacity: 0.2;
+      border-radius: 10px;
+
+      transition: $fast-transition;
+
+      button {
+        font-size: 0;
+      }
+
+      &.slick-active {
+        opacity: 1;
+      }
+    }
+  }
+
+  .slick-arrow {
+    z-index: 1;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    height: 60px;
+    width: 60px;
+    border: 2px solid #ffffff;
+    font-size: 0;
+
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      height: 100%;
+      width: 100%;
+      z-index: 1;
+      background-position: center;
+      background-repeat: no-repeat;
+      background-image: url("../img/index-arrow.svg");
+    }
+
+    &:hover {
+      background: #ffffff;
+
+      &::before {
+        background-image: url("../img/index-arrow-active.svg") !important;
+      }
+    }
+
+    &.slick-prev {
+      left: 40px;
+
+      &:hover::before {
+        transform: rotate(180deg);
+      }
+    }
+
+    &.slick-next {
+      right: 40px;
+
+      &::before {
+        transform: rotate(180deg);
+      }
+
+      &:hover::before {
+        transform: rotate(0);
+      }
+    }
+  }
+
+  .inner-carousel__item {
+    height: 680px;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    overflow: hidden;
+
+    .carousel__item-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      min-width: 100%;
+      min-height: 100%;
+    }
+
+    .carousel__item-description {
+      display: inline-block;
+      position: relative;
+      padding: 46px 114px 66px 60px;
+      background: rgba(0, 50, 116, 0.65);
+      color: #ffffff;
+
+      .carousel__item-description__title {
+        max-width: 500px;
+        font-weight: 700;
+        font-size: 34px;
+        line-height: 47px;
+        margin-bottom: 50px;
+      }
+
+      .carousel__item-description__link {
+        background: #ffffff;
+        display: inline-block;
+        padding: 20px 76px;
+        font-size: 16px;
+        line-height: 21px;
+        font-weight: 700;
+        color: $hover-blue;
+        transition: $fast-transition;
+
+        &:hover {
+          box-shadow: 0 0 25px rgba(238, 238, 238, 0.25);
+        }
+      }
+    }
+  }
+}
+
+// === BANNERS ROW ===
+
+.banners-row {
+  padding: 80px 0 50px;
+
+  .banners-row-field {
+    margin: 0 -15px;
+
+    .banners-row-field__item {
+      display: inline-block;
+      margin: 0 15px;
+      outline: none;
+
+      img {
+        height: 200px;
+        width: 470px;
+      }
+    }
+
+    .slick-dots {
+      display: flex;
+      justify-content: center;
+      margin: 50px -10px 0;
+
+      li {
+        width: 40px;
+        height: 2px;
+        background: #b1c72e;
+        opacity: 0.2;
+        border-radius: 10px;
+        margin: 0 10px;
+        transition: $fast-transition;
+
+        &.slick-active {
+          opacity: 1;
+        }
+
+        button {
+          font-size: 0;
+        }
+      }
+    }
+  }
+}
+
+// === ABOUT ===
+
+.about {
+  padding: 80px 0 150px;
+
+  .about-description {
+    margin: auto;
+
+    .about-description__button {
+      display: inline-block;
+      margin-top: 64px;
+      padding: 20px 80px;
+      border: 2px solid $blue;
+
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 21px;
+      color: $blue;
+
+      transition: $fast-transition;
+
+      &:hover {
+        background: $blue;
+        color: #ffffff;
+      }
+    }
+  }
+
+  .about-image {
+    margin: auto;
+  }
+
+  .about-features {
+    margin-top: 128px;
+
+    .about-features__feature {
+      display: flex;
+      margin-bottom: 50px;
+
+      .feature-text {
+        margin-bottom: 0;
+        padding-left: 42px;
+      }
+    }
+  }
+}
+
+// === FILIALS NETWORK ===
+
+.filials-network {
+  padding: 80px 0 150px;
+  background: #f9f9f9;
+}
--- a/src/scss/_vars.scss
+++ b/src/scss/_vars.scss
@@ -2,3 +2,4 @@ $fast-transition: .3s ease;
 $long-transition: .7s ease;

 $hover-blue: #003274;
+$blue: #6DACDE;
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -17,6 +17,8 @@ body {
  color: #000000;
  outline: none;
  border: none;
+  width: 100%;
+  overflow-x: hidden;

  h1,
  h2,
@@ -27,6 +29,14 @@ body {
    font-family: "Rosatom", "Arial", sans-serif;
  }

+  h2 {
+    font-size: 34px;
+    line-height: 47px;
+    font-weight: 700;
+    color: #1a1a1a;
+    margin: 0 0 50px;
+  }
+
  a {
    text-decoration: none;
    color: #000000;
@@ -36,9 +46,32 @@ body {
    }
  }

+  p {
+    margin-bottom: 1em;
+    font-weight: 350;
+    font-size: 16px;
+    line-height: 26px;
+    color: #292929;
+  }
+
+  button,
+  input {
+    border: none;
+    background: none;
+    outline: none;
+  }
+
+  button {
+    cursor: pointer;
+  }
+
  ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
 }
+
+// INDEX
+
+@import "index";
--- a/yarn.lock
+++ b/yarn.lock