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
-          li.heading-socials__item._inst
+            a(href="https://facebook.com/", target="_blank").heading-socials__item._fb
-          li.heading-socials__item._telegram
+          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") Обратная связь
+            a(href="#", class="header-menu-top__link") Обратная связь
-            ul.header-menu-top__lang
+            .header-menu-top__lang
-              li
+              a(href="#", class="top__lang-ru") RU
-                a(href="#", class="top__lang-ru")
+              a(href="#", class="top__lang-en") EN
-              li
+          nav.header-menu-bottom
-                a(href="#", class="top__lang-en")
-          .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
+<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M43.588 22.0309L37.3346 20.8325L34.2153 15.2222C34.0454 14.9164 33.7969 14.6615 33.4953 14.484C33.1938 14.3066 32.8503 14.213 32.5004 14.213C32.1505 14.213 31.807 14.3066 31.5055 14.484C31.204 14.6615 30.9554 14.9164 30.7855 15.2222L27.7129 20.798L21.4139 22.0309C21.0705 22.0981 20.7513 22.2558 20.4894 22.4878C20.2275 22.7198 20.0324 23.0176 19.9242 23.3504C19.8161 23.6831 19.7989 24.0387 19.8743 24.3804C19.9498 24.722 20.1153 25.0373 20.3535 25.2935L24.7067 29.9381L23.934 36.3092C23.8914 36.6566 23.9425 37.0092 24.082 37.3302C24.2216 37.6512 24.4445 37.9291 24.7277 38.1349C25.0108 38.3408 25.3439 38.4671 25.6923 38.5008C26.0408 38.5344 26.3919 38.4743 26.7092 38.3265L32.4707 35.6209L38.2926 38.3265C38.6099 38.4741 38.9608 38.5341 39.3091 38.5004C39.6574 38.4667 39.9903 38.3405 40.2734 38.1348C40.5565 37.9291 40.7794 37.6515 40.9191 37.3307C41.0587 37.0098 41.1101 36.6575 41.0677 36.3102L40.2755 29.993L44.6473 25.2935C44.8855 25.0373 45.051 24.7222 45.1265 24.3806C45.202 24.039 45.1849 23.6835 45.0768 23.3508C44.9688 23.018 44.7738 22.7202 44.5121 22.4882C44.2503 22.2561 43.9313 22.0982 43.588 22.0309ZM38.7871 28.6111C38.5929 28.8203 38.4466 29.0693 38.3585 29.3408C38.2705 29.6124 38.2428 29.8999 38.2773 30.1832L39.0361 36.4327L33.3283 33.779C33.0691 33.6585 32.7868 33.596 32.501 33.596C32.2152 33.596 31.9329 33.6585 31.6738 33.779L25.966 36.4327L26.7237 30.1836C26.7587 29.8999 26.7312 29.612 26.6431 29.3401C26.5551 29.0681 26.4086 28.8188 26.214 28.6094L21.9263 24.0004L28.1044 22.7918C28.3848 22.737 28.6499 22.6216 28.881 22.4536C29.1121 22.2856 29.3037 22.0691 29.4424 21.8193L32.4813 16.2815L35.5599 21.8198C35.6987 22.0695 35.8903 22.2859 36.1214 22.4538C36.3525 22.6217 36.6175 22.737 36.8979 22.7918L43.0759 24.0004L38.7871 28.6111Z" fill="#B1C72E"/>
+<path d="M62.7772 49.172C62.6831 49.0414 62.5593 48.935 62.416 48.8616C62.2727 48.7883 62.114 48.75 61.953 48.75H60.0373C61.1646 47.6118 62.0057 46.2223 62.4916 44.6958C62.9774 43.1692 63.0941 41.5492 62.8321 39.9688C62.5701 38.3884 61.9369 36.8927 60.9844 35.6046C60.032 34.3165 58.7875 33.2728 57.3532 32.5592C58.1232 28.8648 58.06 25.0452 57.1681 21.3783C56.2762 17.7115 54.5781 14.2895 52.1974 11.3615C49.8166 8.43347 46.813 6.07299 43.4052 4.4518C39.9974 2.83061 36.2711 1.98949 32.4973 1.98962C28.7235 1.98976 24.9973 2.83116 21.5896 4.4526C18.1819 6.07404 15.1785 8.43474 12.798 11.3629C10.4174 14.2911 8.71957 17.7132 7.82795 21.3801C6.93634 25.0471 6.87338 28.8667 7.64366 32.561C6.20982 33.2748 4.96579 34.3187 4.01378 35.6068C3.06177 36.8949 2.42894 38.3904 2.16727 39.9706C1.90561 41.5508 2.02258 43.1706 2.50857 44.6968C2.99456 46.223 3.83571 47.6121 4.96292 48.75H3.04674C2.88578 48.75 2.72712 48.7882 2.58385 48.8615C2.44057 48.9349 2.31679 49.0412 2.22272 49.1718C2.12865 49.3024 2.06698 49.4535 2.04282 49.6126C2.01865 49.7718 2.03267 49.9344 2.08372 50.087L4.00782 55.8594L2.08372 61.6318C2.03267 61.7845 2.01865 61.9471 2.04282 62.1062C2.06698 62.2653 2.12865 62.4164 2.22272 62.547C2.31679 62.6776 2.44057 62.784 2.58385 62.8573C2.72712 62.9306 2.88578 62.9689 3.04674 62.9688H21.328C21.5973 62.9688 21.8557 62.8618 22.0461 62.6713C22.2366 62.4809 22.3436 62.2225 22.3436 61.9532V55.8594H42.6561V61.9532C42.6561 62.2225 42.7631 62.4809 42.9536 62.6713C43.1441 62.8618 43.4024 62.9688 43.6717 62.9688H61.953C62.1139 62.9689 62.2726 62.9306 62.4159 62.8573C62.5592 62.784 62.6829 62.6776 62.777 62.547C62.8711 62.4164 62.9327 62.2653 62.9569 62.1062C62.9811 61.9471 62.9671 61.7845 62.916 61.6318L60.9919 55.8594L62.916 50.087C62.9672 49.9344 62.9812 49.7719 62.9571 49.6128C62.933 49.4536 62.8713 49.3026 62.7772 49.172ZM56.478 35.7483C56.5841 35.4436 56.6872 35.1378 56.7814 34.8288C56.8055 34.7497 56.8357 34.6732 56.859 34.5938C58.1089 35.3111 59.1454 36.3482 59.8621 37.5985C60.5788 38.8488 60.9498 40.2674 60.9371 41.7085C60.9243 43.1496 60.5283 44.5613 59.7897 45.7988C59.051 47.0363 57.9964 48.0549 56.734 48.75H54.8436V41.6407C54.842 41.5165 54.8172 41.3936 54.7706 41.2785C54.7556 41.2445 54.7386 41.2115 54.7198 41.1795C54.6268 40.9934 54.4759 40.8425 54.2899 40.7495C54.2581 40.7307 54.2253 40.7137 54.1916 40.6987C54.1775 40.6932 54.1661 40.6827 54.1517 40.6784C54.1655 40.6557 54.1772 40.632 54.191 40.6094C54.2418 40.5262 54.2857 40.4399 54.3356 40.3563C54.5966 39.9183 54.8466 39.4745 55.08 39.0221C55.1874 38.8145 55.2845 38.6027 55.3859 38.3924C55.5437 38.0642 55.6982 37.7348 55.8415 37.3997C55.9551 37.1357 56.0615 36.8685 56.1658 36.6006C56.2748 36.3185 56.3789 36.0344 56.478 35.7483ZM14.407 12.6661C17.7591 8.54754 22.4152 5.69486 27.6069 4.57879C32.7986 3.46272 38.2157 4.14997 42.9642 6.52713C47.7128 8.90428 51.509 12.8293 53.7264 17.6545C55.9439 22.4796 56.4501 27.9166 55.1615 33.0682C55.0092 33.6786 54.8314 34.2785 54.6329 34.8694C54.5796 35.0276 54.523 35.1842 54.4662 35.3417C54.2834 35.8495 54.0803 36.3487 53.863 36.8407C53.7914 37.0022 53.7247 37.1657 53.6497 37.3256C53.3593 37.9438 53.0478 38.5518 52.7028 39.1424C52.6778 39.1851 52.6481 39.2254 52.6228 39.268C52.3481 39.7315 52.0451 40.1798 51.7368 40.625H46.2019C46.2425 40.5834 46.2762 40.5372 46.316 40.4953C46.6826 40.1101 47.0348 39.7141 47.3655 39.303C47.4133 39.2434 47.4577 39.1817 47.5048 39.1216C47.8176 38.7231 48.1133 38.3137 48.392 37.8935C48.429 37.8378 48.4686 37.7838 48.5051 37.7276C48.7917 37.2846 49.0549 36.8284 49.3028 36.3642C49.3535 36.2686 49.4043 36.1733 49.4539 36.0768C49.6916 35.6125 49.9119 35.1398 50.1103 34.657C50.1434 34.5765 50.1728 34.4945 50.2047 34.4133C50.3946 33.9323 50.5677 33.4444 50.7177 32.9477C50.729 32.9106 50.7426 32.8744 50.7536 32.837C50.9059 32.3219 51.0299 31.7974 51.1382 31.2681C51.1585 31.1665 51.1804 31.0664 51.1991 30.9648C51.2964 30.4456 51.3725 29.9209 51.4275 29.3906C51.4376 29.294 51.4439 29.1968 51.4523 29.0999C51.5006 28.5448 51.5327 27.9859 51.5327 27.4215C51.5325 24.6657 50.9338 21.9429 49.7781 19.4411C48.6224 16.9394 46.9373 14.7185 44.8391 12.9319C42.7409 11.1453 40.2798 9.83561 37.6259 9.09342C34.9719 8.35122 32.1885 8.19419 29.4679 8.6332C26.7473 9.0722 24.1545 10.0968 21.8687 11.636C19.5829 13.1753 17.6586 15.1926 16.2289 17.5485C14.7992 19.9044 13.8981 22.5427 13.588 25.2809C13.2778 28.0192 13.566 30.7921 14.4326 33.4081C14.6323 34.0104 14.8716 34.5947 15.1285 35.17C15.1901 35.3076 15.2517 35.4442 15.3164 35.5804C15.5825 36.14 15.8687 36.6889 16.1877 37.2182C16.2271 37.2836 16.2719 37.3454 16.312 37.4103C16.6091 37.89 16.9303 38.3538 17.2693 38.8055C17.3551 38.9197 17.439 39.0346 17.5272 39.1469C17.9094 39.6328 18.313 40.1024 18.7428 40.5509C18.7654 40.5745 18.7834 40.6017 18.8066 40.6246H13.2631C13.0748 40.3524 12.8975 40.0741 12.7218 39.7951C12.5533 39.5277 12.3765 39.2648 12.2193 38.9914C12.0016 38.6123 11.8092 38.2203 11.6137 37.8299C11.484 37.5708 11.3426 37.3175 11.2226 37.0534C11.0216 36.6106 10.8501 36.154 10.6772 35.6982C10.5914 35.472 10.491 35.2524 10.4121 35.0231C10.1797 34.3475 9.97767 33.6592 9.80603 32.9581C9.80207 32.9418 9.79587 32.9265 9.79211 32.9103C8.94684 29.4085 8.9236 25.7587 9.72423 22.2465C10.5249 18.7343 12.1276 15.4551 14.407 12.6657V12.6661ZM45.7898 38.0142C45.6053 38.2442 45.3984 38.4582 45.2013 38.6793C44.974 38.9341 44.7534 39.1939 44.5096 39.4363C44.2926 39.6522 44.0546 39.8505 43.8248 40.0558C43.6097 40.2478 43.3982 40.4425 43.172 40.6245H21.8199C21.671 40.5042 21.5282 40.3781 21.3839 40.2534C21.2397 40.1287 21.0907 40.0062 20.9506 39.8767C20.7867 39.7252 20.6321 39.5655 20.4748 39.4084C20.3427 39.2764 20.2064 39.1478 20.0787 39.0123C19.9263 38.8498 19.7834 38.6788 19.6376 38.5105C19.5165 38.3707 19.391 38.2345 19.2747 38.0912C19.1344 37.9185 19.0049 37.7375 18.8718 37.5594C18.7616 37.4118 18.6461 37.2679 18.5408 37.1169C18.4135 36.9341 18.2976 36.7443 18.1776 36.5571C18.0786 36.4024 17.9745 36.2515 17.88 36.0937C17.766 35.9023 17.6641 35.7035 17.5578 35.5075C17.4702 35.3462 17.3766 35.1884 17.2942 35.0242C17.1886 34.8135 17.0963 34.596 16.9997 34.3807C16.9295 34.2248 16.8525 34.0722 16.787 33.914C16.6313 33.5377 16.4889 33.1551 16.3599 32.7663C15.5896 30.4306 15.3353 27.9556 15.6146 25.5121C15.8939 23.0685 16.7001 20.7147 17.9776 18.6131C19.2551 16.5114 20.9734 14.712 23.014 13.3391C25.0545 11.9661 27.3687 11.0524 29.7968 10.6608C32.2249 10.2693 34.709 10.4093 37.0777 11.0712C39.4464 11.7331 41.6433 12.9011 43.5167 14.4946C45.3901 16.0881 46.8953 18.0692 47.9286 20.3011C48.9618 22.533 49.4985 24.9625 49.5014 27.4219C49.5012 28.0697 49.4645 28.717 49.3915 29.3606C49.3681 29.5679 49.3191 29.7685 49.2882 29.974C49.224 30.4016 49.1644 30.8307 49.0686 31.2492C49.0133 31.4903 48.9311 31.722 48.8654 31.9601C48.7625 32.3334 48.6677 32.7098 48.5396 33.0738C48.452 33.3232 48.3379 33.5613 48.2387 33.806C48.101 34.1456 47.9719 34.4888 47.8121 34.8184C47.6918 35.0671 47.5461 35.3028 47.4135 35.5454C47.2439 35.8557 47.0824 36.1704 46.8932 36.4696C46.7409 36.7108 46.5646 36.9374 46.3998 37.1711C46.2006 37.4544 46.0077 37.7425 45.7899 38.0142H45.7898ZM4.06236 41.6407C4.05672 40.21 4.43139 38.8036 5.14801 37.5654C5.86462 36.3271 6.89744 35.3016 8.14071 34.5938C8.225 34.8808 8.32717 35.1603 8.42122 35.4432C8.47282 35.5981 8.52025 35.7544 8.57468 35.908C8.81539 36.587 9.08365 37.2535 9.37946 37.9075C9.43695 38.0339 9.50134 38.1565 9.56136 38.2818C9.82157 38.8293 10.1018 39.3669 10.402 39.8943C10.4906 40.0502 10.5768 40.207 10.6688 40.3615C10.7311 40.4657 10.7856 40.574 10.8494 40.6774C10.8345 40.6824 10.823 40.6931 10.8088 40.6987C10.7751 40.7137 10.7424 40.7307 10.7107 40.7495C10.5464 40.8341 10.4081 40.9616 10.3104 41.1185C10.2128 41.2754 10.1594 41.4559 10.1561 41.6407V48.75H8.26573C6.99107 48.0519 5.92803 47.0232 5.18837 45.7722C4.44871 44.5212 4.05974 43.094 4.06236 41.6407ZM20.3124 60.9375H4.45612L6.041 56.1808C6.11149 55.9723 6.11149 55.7465 6.041 55.5381L4.45612 50.7813H10.1561V54.8438C10.1561 55.1132 10.2631 55.3715 10.4536 55.5619C10.644 55.7524 10.9024 55.8594 11.1717 55.8594H20.3124V60.9375ZM21.328 53.8282H12.1874V42.6563H52.8124V53.8282H21.328ZM58.9587 56.1808L60.5436 60.9375H44.6874V55.8594H53.828C54.0974 55.8594 54.3557 55.7524 54.5461 55.5619C54.7366 55.3715 54.8436 55.1132 54.8436 54.8438V50.7813H60.5436L58.9592 55.5381C58.8886 55.7464 58.8884 55.9723 58.9587 56.1808Z" fill="#B1C72E"/>
+</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 Заголовок
+  main
-  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
+    .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