84 changed files with 1274 additions and 2807 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -1,5 +1,5 @@
 {
-  "name": "guild_front",
+  "name": "outstaffing-react",
  "version": "0.1.0",
  "lockfileVersion": 3,
  "requires": true,
@ -5197,18 +5197,18 @@
      }
    },
    "node_modules/@testing-library/dom": {
-      "version": "9.3.3",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
-      "integrity": "sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.0.0.tgz",
+      "integrity": "sha512-+/TLgKNFsYUshOY/zXsQOk+PlFQK+eyJ9T13IDVNJEi+M+Un7xlJK+FZKkbGSnf0+7E1G6PlDhkSYQ/GFiruBQ==",
      "peer": true,
      "dependencies": {
        "@babel/code-frame": "^7.10.4",
        "@babel/runtime": "^7.12.5",
        "@types/aria-query": "^5.0.1",
-        "aria-query": "5.1.3",
+        "aria-query": "^5.0.0",
        "chalk": "^4.1.0",
        "dom-accessibility-api": "^0.5.9",
-        "lz-string": "^1.5.0",
+        "lz-string": "^1.4.4",
        "pretty-format": "^27.0.2"
      },
      "engines": {
@ -5633,9 +5633,9 @@
      }
    },
    "node_modules/@types/aria-query": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
-      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
+      "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
      "peer": true
    },
    "node_modules/@types/babel__core": {
@ -16955,9 +16955,9 @@
      }
    },
    "node_modules/jquery": {
-      "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
-      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.3.tgz",
+      "integrity": "sha512-bZ5Sy3YzKo9Fyc8wH2iIQK4JImJ6R0GWI9kL1/k7Z91ZBNgkRXE6U0JfHIizZbort8ZunhSI3jw9I6253ahKfg==",
      "peer": true
    },
    "node_modules/js-base64": {
@ -17400,9 +17400,9 @@
      }
    },
    "node_modules/lz-string": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
-      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.4.4.tgz",
+      "integrity": "sha512-0ckx7ZHRPqb0oUm8zNr+90mtf9DQB60H1wMCjBtfi62Kl3a7JbHob6gA2bC+xRvZoOL+1hzUK8jeuEIQE8svEQ==",
      "bin": {
        "lz-string": "bin/bin.js"
      }
@ -23326,9 +23326,9 @@
      "dev": true
    },
    "node_modules/sshpk": {
-      "version": "1.18.0",
-      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
-      "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==",
+      "version": "1.17.0",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz",
+      "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==",
      "dev": true,
      "optional": true,
      "peer": true,
--- a/package.json
+++ b/package.json
@ -1,7 +1,7 @@
 {
  "version": "0.1.0",
  "private": true,
-  "homepage": "https://itguild.info/",
+  "homepage": "https://html.craft-group.xyz/",
  "dependencies": {
    "@ckeditor/ckeditor5-build-classic": "^38.0.1",
    "@ckeditor/ckeditor5-react": "^6.0.0",
--- a/src/App.js
+++ b/src/App.js
@ -8,7 +8,8 @@ import {

 import { getNotification } from "@redux/outstaffingSlice";

-import Auth from "./pages/Auth/Auth";
+import AuthForPartners from "./pages/AuthForPartners/AuthForPartners";
+import AuthForDevelopers from "./pages/AuthForDevelopers/AuthForDevelopers";
 import { TrackerIntro } from "./pages/TrackerIntro/TrackerIntro"
 import { CompanyInfo } from "@pages/CompanyInfo/CompanyInfo";
 import { TrackerAuth } from "@pages/TrackerAuth/TrackerAuth";
@ -53,13 +54,15 @@ import "./assets/global.scss";
 import "./assets/fonts/stylesheet.css";
 import "bootstrap/dist/css/bootstrap.min.css";

+
 const App = () => {
  const notification = useSelector(getNotification)
  return (
    <>
      <Router>
        <Routes>
-          <Route exact path="/auth" element={<Auth />} />
+          <Route exact path="/authdev" element={<AuthForDevelopers />} />
+          <Route exact path="/auth" element={<AuthForPartners />} />
          <Route exact path="/tracker-intro" element={<TrackerIntro />} />
          <Route exact path="/tracker-auth" element={<TrackerAuth />} />
          <Route exact path="/tracker-registration" element={<TrackerRegistration />} />
@ -76,7 +79,6 @@ const App = () => {
            path="/tracker/project/:id"
            element={<ProjectTracker />}
          />
-
          <Route exact path="/auth-candidate" element={<AuthForCandidate />} />
          <Route
            exact
@ -133,8 +135,6 @@ const App = () => {
              element={<PartnerEmployees />}
            />
          </Route>
-          
-
          <Route exact path="profile-candidate/:id">
            <Route index element={<ProfileCandidate />} />
          </Route>
--- a/src/api/request.js
+++ b/src/api/request.js
@ -35,7 +35,7 @@ export const apiRequest = (
    .then(
      (response) =>
        new Promise((resolve) => {
-          if (response.data?.redirect || response.status === 401) {
+          if (response.data.redirect || response.status === 401) {
            window.location.replace("/auth");
            localStorage.clear();
            // dispatch(auth(false));
--- a/src/assets/icons/crossWhite.svg
+++ b/src/assets/icons/crossWhite.svg
@ -1,10 +0,0 @@
-<svg width="7" height="6" viewBox="0 0 7 6" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1895_1196)">
-<path d="M1.05915 4.7073e-05C1.1835 -0.00182845 1.25965 0.0525618 1.33035 0.123644C1.98754 0.782517 2.64585 1.44026 3.30378 2.09839C3.36443 2.15903 3.42482 2.15909 3.48496 2.09857C4.12958 1.45377 4.7742 0.808962 5.419 0.164343C5.59024 -0.00670482 5.74591 -0.00576705 5.92052 0.165844C6.03193 0.275375 6.14371 0.38453 6.25436 0.494624C6.41491 0.654606 6.41585 0.820965 6.25436 0.982823C5.59887 1.63926 4.94337 2.29532 4.28562 2.94931C4.23179 3.00295 4.22767 3.02977 4.2845 3.08623C4.93887 3.7346 5.59005 4.38634 6.24217 5.03696C6.42129 5.2157 6.42072 5.37062 6.24086 5.55067C6.13039 5.66114 6.02067 5.77217 5.90964 5.88208C5.75116 6.03868 5.58611 6.03868 5.42838 5.88114C4.77213 5.22564 4.11551 4.57071 3.46208 3.9124C3.40506 3.85501 3.37937 3.86063 3.32591 3.91465C2.67848 4.56583 2.02842 5.21439 1.37874 5.86351C1.19719 6.04487 1.0449 6.04525 0.865035 5.86576C0.75888 5.75979 0.652725 5.65382 0.546945 5.54767C0.370833 5.37118 0.369708 5.21476 0.543945 5.03959C1.19363 4.38691 1.84294 3.73347 2.49506 3.08304C2.54982 3.02846 2.55245 3.00183 2.49693 2.9465C1.83224 2.28613 1.17056 1.62294 0.508122 0.960317C0.331822 0.784018 0.330697 0.627036 0.504371 0.453175C0.621404 0.335954 0.739187 0.219671 0.855657 0.102076C0.917362 0.0394332 0.990133 0.00304792 1.05915 4.7073e-05Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_1895_1196">
-<rect width="6.00113" height="6" fill="white" transform="translate(0.375)"/>
-</clipPath>
-</defs>
-</svg>
--- a/src/assets/images/logo/ITguild.svg
+++ b/src/assets/images/logo/ITguild.svg
@ -1,5 +0,0 @@
-<svg width="1030" height="401" viewBox="0 0 1030 401" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="396" cy="359" r="42" fill="#55B030"/>
-<path d="M76.154 0.207915V267.878H31.668V0.207915H76.154ZM328.417 0.207915V38.2849H245.854V267.878H200.991V38.2849H118.805V0.207915H328.417Z" fill="#55B030"/>
-<path d="M451.354 78.6239H489.808V260.715C489.808 286.351 481.514 306.081 464.926 319.904C448.59 333.979 426.975 341.016 400.082 341.016C368.666 341.016 339.26 331.842 311.864 313.495L332.222 283.335C346.297 291.88 358.235 297.912 368.037 301.431C378.091 304.95 388.647 306.709 399.705 306.709C415.037 306.709 427.101 302.562 435.897 294.268C444.694 285.974 449.092 273.659 449.092 257.322V237.718C435.772 255.563 416.545 264.485 391.411 264.485C367.283 264.485 347.428 255.563 331.845 237.718C316.263 219.622 308.471 196.499 308.471 168.35C308.471 140.452 316.263 117.581 331.845 99.7359C347.428 81.6399 367.283 72.5919 391.411 72.5919C418.304 72.5919 438.285 82.5196 451.354 102.375V78.6239ZM450.223 168.35C450.223 150.505 445.574 136.054 436.274 124.995C426.975 113.685 414.911 108.03 400.082 108.03C385.002 108.03 372.938 113.559 363.89 124.618C354.842 135.677 350.318 150.254 350.318 168.35C350.318 186.697 354.842 201.526 363.89 212.836C372.938 223.895 385.002 229.424 400.082 229.424C414.911 229.424 426.975 223.769 436.274 212.459C445.574 201.149 450.223 186.446 450.223 168.35ZM633.861 78.6239H675.331V267.878H637.254V246.012C625.944 264.359 607.219 273.533 581.081 273.533C558.963 273.533 542.124 268.129 530.563 257.322C519.253 246.515 513.598 231.686 513.598 212.836V78.6239H555.068V201.526C555.068 213.087 558.084 222.01 564.116 228.293C570.148 234.576 578.819 237.718 590.129 237.718C603.449 237.718 614.005 233.822 621.797 226.031C629.839 218.24 633.861 207.307 633.861 193.232V78.6239ZM740.837 78.6239V267.878H699.367V78.6239H740.837ZM740.837 3.22392V45.8249H699.367V3.22392H740.837ZM806.963 0.207915V267.878H765.493V0.207915H806.963ZM965.032 0.207915H1006.5V267.878H968.048V240.357C954.476 262.223 933.615 273.156 905.466 273.156C881.086 273.156 860.98 263.982 845.146 245.635C829.563 227.036 821.772 202.908 821.772 173.251C821.772 143.594 829.689 119.591 845.523 101.244C861.608 82.6453 881.715 73.3459 905.843 73.3459C932.233 73.3459 951.962 82.5196 965.032 100.867V0.207915ZM951.837 220.376C961.639 208.563 966.54 192.855 966.54 173.251C966.54 153.647 961.639 138.064 951.837 126.503C942.286 114.942 929.719 109.161 914.137 109.161C899.057 109.161 886.867 115.067 877.568 126.88C868.52 138.441 863.996 153.898 863.996 173.251C863.996 192.855 868.52 208.563 877.568 220.376C886.616 231.937 898.68 237.718 913.76 237.718C929.594 237.718 942.286 231.937 951.837 220.376Z" fill="black"/>
-</svg>
--- a/src/assets/images/logo/LogoITguild.svg
+++ b/src/assets/images/logo/LogoITguild.svg
--- a/src/components/AuthBlock/AuthBlock.js
+++ b/src/components/AuthBlock/AuthBlock.js
@ -13,10 +13,10 @@ export const AuthBlock = ({ title, description, img, resetModal }) => {
        <p>{description}</p>
      </div>
      <form className="auth__form">
-        <label htmlFor="login">Ваш e-mail</label>
-        <input id="login" type="text" name="username" placeholder="E-mail" />
+        <label htmlFor="login">Ваш email *</label>
+        <input id="login" type="text" name="username" placeholder="Email" />

-        <label htmlFor="password">Ваш пароль</label>
+        <label htmlFor="password">Ваш пароль*</label>
        <input
          id="password"
          type="password"
@ -24,8 +24,14 @@ export const AuthBlock = ({ title, description, img, resetModal }) => {
          placeholder="Пароль"
        />
        <div className="auth__form__buttons">
-          <button onClick={(e) => e.preventDefault()}>Войти</button>
-          <span onClick={() => resetModal(true)}>Восстановить пароль</span>
+          <button
+            onClick={(e) => {
+              e.preventDefault();
+            }}
+          >
+            Войти
+          </button>
+          <span onClick={() => resetModal(true)}>Вспомнить пароль</span>
        </div>
      </form>
      {img && <img src={img} alt="authImg" className="auth__img" />}
--- a/src/components/AuthBlock/authBlock.scss
+++ b/src/components/AuthBlock/authBlock.scss
@ -5,33 +5,27 @@
    padding: 50px 0 35px 56px;
    margin-top: 40px;
    display: flex;
+    position: relative;

-    @media (max-width: 1400px) {
-      margin-top: 100px;
-    }
-
-    @media (max-width: 900px) {
-      flex-direction: column-reverse;
-      padding: 20px;
-      margin-top: 100px;
+    @media (max-width: 1000px) {
+      flex-direction: column;
+      padding: 25px;
+      margin-top: 0;
+      padding: 0;
    }
  }

  &__info {
    margin-right: 115px;

-    @media (max-width: 900px) {
+    @media (max-width: 1000px) {
      order: 3;
-      flex-direction: column;
-      margin-bottom: 20px;
    }
-
    h3 {
      font-weight: 500;
      font-size: 30px;
      line-height: 32px;
      margin-bottom: 20px;
-      text-align: center;
    }

    p {
@ -41,7 +35,7 @@
      font-size: 16px;
      line-height: 30px;

-      @media (max-width: 900px) {
+      @media (max-width: 1000px) {
        max-width: none;
        margin: 15px 25px;
      }
@ -52,7 +46,7 @@
      }
    }

-    @media (max-width: 900px) {
+    @media (max-width: 1000px) {
      margin-right: 0;
      display: flex;
      align-items: center;
@ -76,7 +70,7 @@
      font-size: 15px;
      line-height: 18px;

-      @media (max-width: 900px) {
+      @media (max-width: 1000px) {
        max-width: 550px;
      }
    }
@ -115,8 +109,9 @@
      }
    }

-    @media (max-width: 900px) {
+    @media (max-width: 1000px) {
      order: 2;
+      margin-bottom: 55px;
    }
  }

@ -125,7 +120,7 @@
    right: 48px;
    top: -90px;

-    @media (max-width: 900px) {
+    @media (max-width: 1000px) {
      order: 1;
      position: inherit;
      right: inherit;
--- a/src/components/AuthBox/AuthBox.jsx
+++ b/src/components/AuthBox/AuthBox.jsx
@ -11,7 +11,6 @@ import { apiRequest } from "@api/request";
 import { Loader } from "@components/Common/Loader/Loader";
 import ModalErrorLogin from "@components/Modal/ModalErrorLogin/ModalErrorLogin";
 import ModalRegistration from "@components/Modal/ModalRegistration/ModalRegistration";
-import ModalResetPassword from "@components/Modal/ModalResetPassword/ModalResetPassword";

 import authHead from "assets/icons/authHead.svg";
 import eyePassword from "assets/icons/passwordIcon.svg";
@ -28,7 +27,6 @@ export const AuthBox = ({ title }) => {

  const [error, setError] = useState(null);
  const [modalError, setModalError] = useState(false);
-  const [modalReset, setModalReset] = useState(false);
  const [modalReg, setModalReg] = useState(false);
  const [showPassword, setShowPassword] = useState(false);

@ -53,7 +51,7 @@ export const AuthBox = ({ title }) => {
        data: formData,
      }).then((res) => {
        if (!res.access_token) {
-          setError("Введены некорректные данные для входа");
+          setError("Введены некоректные данные для входа");
          setModalError(true);
          dispatch(loading(false));
        } else {
@ -79,16 +77,14 @@ export const AuthBox = ({ title }) => {
      <h2 className="auth-box__header">
        Вход <img src={authHead} alt="authImg" />
      </h2>
-      {title && (
-        <div className="auth-box__title">
-          <span>{title}</span>
-        </div>
-      )}
+      <div className="auth-box__title">
+        <span>{title}</span>
+      </div>
      <form ref={ref} className="auth-box__form">
-        <label htmlFor="login">Ваш e-mail</label>
+        <label htmlFor="login">Ваш email *</label>
        <input id="login" type="text" name="username" placeholder="Логин" />

-        <label htmlFor="password">Ваш пароль</label>
+        <label htmlFor="password">Ваш пароль*</label>
        <div className="inputWrapper">
          <input
            id="password"
@ -124,14 +120,12 @@ export const AuthBox = ({ title }) => {
          >
            {isLoading ? <Loader /> : "Войти"}
          </button>
-          <span className="auth-box__reset" onClick={() => setModalReset(true)}>
-            Восстановить пароль
-          </span>
-          <ModalResetPassword active={modalReset} setActive={setModalReset} />
+          <span className="auth-box__reset">Вспомнить пароль</span>
+
          <ModalRegistration active={modalReg} setActive={setModalReg} />
        </div>
        <p className="auth-box__registration">
-          У вас ещё нет аккаунта? &nbsp;
+          У вас еще нет аккаунта? &nbsp;
          <span
            onClick={(e) => {
              e.preventDefault();
--- a/src/components/AuthBox/authBox.scss
+++ b/src/components/AuthBox/authBox.scss
@ -15,8 +15,7 @@
    letter-spacing: normal;
    line-height: 77.81px;
    text-align: left;
-    margin-top: 150px;
-    margin-bottom: 30px;
+    margin-top: 164px;

    span {
      color: #52b709;
@ -56,7 +55,7 @@
    margin-bottom: 54px;

    span {
-      color: #8dc63f;
+      color: #8DC63F;
      font-size: 50px;
      font-weight: 700;
      font-style: normal;
@ -89,12 +88,12 @@
      letter-spacing: normal;
      line-height: 19.2px;
      text-align: left;
-      margin-bottom: 10px;
+      margin-bottom: 25px;
      color: #000000;
    }

    .inputWrapper {
-      width: 100%;
+      width: 366px;
      position: relative;

      .eye {
@ -102,10 +101,6 @@
        position: absolute;
        right: 20px;
        top: 15px;
-
-        @media (min-width: 576px) {
-          left: 330px;
-        }
      }
    }

@ -157,6 +152,7 @@
      letter-spacing: normal;
      line-height: 32px;
      text-align: center;
+      border: 2px solid #6aaf5c;
      margin-right: 1.5rem;
      transition: 0.3s;

@ -197,7 +193,7 @@

  &__reset {
    color: #000000;
-    font-size: 15px;
+    font-size: 13px;
    line-height: 16px;
    cursor: pointer;
    text-decoration: underline;
@ -207,16 +203,12 @@
    color: #000000;
    font-size: 17px;
    font-weight: 400;
-    margin-top: 35px;
+    margin-top: 45px;
    line-height: 32px;

-    @media (max-width: 700px) {
-      text-align: center;
-    }
-
    span {
      cursor: pointer;
-      color: #52b709;
+      color: #52B709;
      font-weight: 700;
    }
  }
--- a/src/components/Calendar/Calendar.jsx
+++ b/src/components/Calendar/Calendar.jsx
@ -61,7 +61,9 @@ const Calendar = () => {
            </div>
            <div>
              <Link to="/report">
-                <button className="calendar__btn">Заполнить отчет</button>
+                <button className="calendar__btn">
+                  Заполнить отчет за день
+                </button>
              </Link>
            </div>
          </div>
--- a/src/components/Calendar/calendar.scss
+++ b/src/components/Calendar/calendar.scss
@ -125,10 +125,6 @@
    margin: 50px 0 0;
    text-transform: capitalize;

-    @media (max-width: 500px) {
-      font-size: 1.7em;
-    }
-
    span {
      font-weight: 100;
      font-style: normal;
--- a/src/components/Calendar/calendarComponent.scss
+++ b/src/components/Calendar/calendarComponent.scss
@ -13,7 +13,7 @@
    display: flex;
    justify-content: space-between;

-    @media (max-width: 760px) {
+    @media (max-width: 560px) {
      flex-direction: column;
      row-gap: 15px;
    }
@ -21,13 +21,20 @@
    &-info {
      display: flex;

-      @media (max-width: 760px) {
+      @media (max-width: 685px) {
+        font-size: 7px;
+      }
+
+      @media (max-width: 560px) {
        font-size: 10px;
+      }
+
+      @media (max-width: 560px) {
        justify-content: center;
      }

      .calendar__hours {
-        margin: 0 5px;
+        margin: 0 10px;
        line-height: 0;
        font-weight: 500;
        display: flex;
@ -38,14 +45,18 @@
    &-switcher {
      display: flex;

-      @media (max-width: 760px) {
+      @media (max-width: 590px) {
+        font-size: 8px;
+      }
+
+      @media (max-width: 560px) {
        justify-content: center;
        font-size: 12px;
      }
    }

    h3 {
-      font-size: 2.2em;
+      font-size: 2.5em;
      font-weight: 400;
      font-style: normal;
      letter-spacing: normal;
@ -154,11 +165,6 @@
        justify-content: center;
        font-weight: 500;
        font-size: 12px;
-
-        @media (max-width: 500px) {
-          font-size: 10px;
-          font-weight: 400;
-        }
      }

      img {
@ -176,25 +182,27 @@
      }

      @media (max-width: 1200px) {
-        width: 110px;
+        width: 90px;
+        height: 40px;
      }

      @media (max-width: 968px) {
-        width: 90px;
-        font-size: 11px;
-      }
-
-      @media (max-width: 680px) {
-        width: 70px;
+        width: 62px;
+        height: 40px;
        font-size: 10px;
+
+        @media (max-width: 610px) {
+          width: auto;
+          height: auto;
+        }
      }

-      @media (max-width: 550px) {
-        width: 60px;
-        height: 35px;
+      @media (max-width: 610px) {
+        width: 55px;
+        height: 45px;
      }

-      @media (max-width: 450px) {
+      @media (max-width: 480px) {
        width: 45px;
        height: 35px;
      }
@ -286,11 +294,12 @@

  .select {
    border-radius: 5px;
-    border: 2px solid #c4c4c4;
+    border: 1px solid #c4c4c4;
    box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
    padding: 5px 8px;
    cursor: pointer;
    text-align: center;
+    min-width: 350px;
  }

  .close {
--- a/src/components/Candidate/Candidate.jsx
+++ b/src/components/Candidate/Candidate.jsx
@ -32,7 +32,7 @@ const Candidate = () => {
  if (localStorage.getItem("role_status") !== "18") {
    return <Navigate to="/profile" replace />;
  }
-  // const { id: candidateId } = useParams();
+  const { id: candidateId } = useParams();

  const navigate = useNavigate();

@ -47,10 +47,10 @@ const Candidate = () => {
  }, []);

  useEffect(() => {
-    apiRequest(`/user/me`, {}).then((el) =>
-      dispatch(currentCandidate(el.userCard))
-    );
-  }, [dispatch]);
+    apiRequest(`/profile/${candidateId}`, {
+      params: Number(candidateId),
+    }).then((el) => dispatch(currentCandidate(el)));
+  }, [dispatch, candidateId]);

  const { position_id, skillValues, vc_text: text } = currentCandidateObj;

@ -174,7 +174,7 @@ const Candidate = () => {
                <div className="candidate__works works">
                  <div className="works__body">
                    <div className="works__body__info">
-                      <p>Портфолио разработчика</p>
+                      <p>Страница портфолио кода разработчика</p>
                    </div>
                    <div className="works__item item-works">
                      <Link to="/" className="item-works__body">
--- a/src/components/Common/AuthHeader/AuthHeader.jsx
+++ b/src/components/Common/AuthHeader/AuthHeader.jsx
@ -12,7 +12,7 @@ export const AuthHeader = () => {
    <div className="auth-header">
      <div className="auth-header__logo">
        <h3>
-          itguild.<span>аутстаффинг IT-специалистов</span>
+          itguild.<span>аутстафинг ИТ специалистов</span>
        </h3>
      </div>
      <div className="auth-header__navigation">
@ -25,10 +25,24 @@ export const AuthHeader = () => {
                </NavLink>
              </li>
              <li>
-                <NavLink to={"/auth"}>Кабинет разработчика</NavLink>
+                <a
+                  onClick={(e) => {
+                    e.preventDefault();
+                    scrollToForm();
+                  }}
+                >
+                  Кабинет разработчика
+                </a>
              </li>
              <li>
-                <NavLink to={"/tracker-intro"}>Трекер</NavLink>
+                <a
+                  onClick={(e) => {
+                    e.preventDefault();
+                    scrollToForm();
+                  }}
+                >
+                  Трекер
+                </a>
              </li>
              <li>
                <NavLink to={"/auth-candidate"} className="candidate">
--- a/src/components/Common/BaseButton/BaseButton.jsx
+++ b/src/components/Common/BaseButton/BaseButton.jsx
@ -2,13 +2,9 @@ import React from "react";

 import "./basebutton.scss";

-export const BaseButton = ({ children, styles, onClick, ...props }) => {
+export const BaseButton = ({ children, styles, ...props }) => {
  return (
-    <button
-      onClick={onClick}
-      className={styles ? `${styles} button` : "button"}
-      {...props}
-    >
+    <button className={styles ? `${styles} button` : "button"} {...props}>
      {children}
    </button>
  );
--- a/src/components/Common/Footer/Footer.jsx
+++ b/src/components/Common/Footer/Footer.jsx
@ -3,7 +3,7 @@ import React from "react";
 import email from "assets/icons/emailLogo.svg";
 import tg from "assets/icons/tgFooter.svg";
 import vk from "assets/icons/vkLogo.svg";
-import logo from "assets/images/logo/ITguild.svg";
+import logo from "assets/images/logo/LogoITguild.svg";

 import "./footer.scss";

@ -27,19 +27,21 @@ export const Footer = () => {
          <div className="footer__bottom">
            <div className="footer__social">
              <div className="footer__social__icons">
-                <a href="https://www.vk.com/">
-                  <img src={vk} alt="vk" width={24} />
+                <a>
+                  <img src={vk} alt="vk" />
                </a>
-                <a href="https://www.telegram.org/">
-                  <img src={tg} alt="tg" width={24} />
+                <a>
+                  <img src={tg} alt="tg" />
                </a>
              </div>
              <p>Войти в команду</p>
            </div>
            <div className="footer__info">
              <div className="footer__mail">
-                <img src={email} alt="email" />
-                <a href="mailto:office@itguild.info">office@itguild.info</a>
+                <a>
+                  <img src={email} alt="email" />
+                </a>
+                <p>office@itguild.info</p>
              </div>
              <a className="footer__policy">Политика конфиденциальности</a>
            </div>
--- a/src/components/Common/Footer/footer.scss
+++ b/src/components/Common/Footer/footer.scss
@ -79,11 +79,11 @@ footer {
  &__mail {
    display: flex;
    align-items: center;
-    column-gap: 5px;
+    column-gap: 13px;

-    a {
+    p {
      font-weight: 400;
-      font-size: 14px;
+      font-size: 12px;
      line-height: 16px;
      color: #5b6871;
    }
@ -91,7 +91,7 @@ footer {

  &__policy {
    font-weight: 400;
-    font-size: 13px;
+    font-size: 10px;
    line-height: 16px;
    color: #5b6871;
    margin-left: 150px;
@ -108,7 +108,6 @@ footer {

  &__copyright {
    margin-left: auto;
-    font-size: 13px;

    @media (max-width: 910px) {
      min-width: 142px;
--- a/src/components/Common/ModalLayout/ModalLayout.jsx
+++ b/src/components/Common/ModalLayout/ModalLayout.jsx
@ -13,11 +13,7 @@ export const ModalLayout = ({
  return (
    <div
      className={active ? `modal-layout active` : "modal-layout"}
-      onClick={(event) => {
-        if (event.target.className === "modal-layout active") {
-          setActive(false);
-        }
-      }}
+      onClick={() => setActive(false)}
      {...props}
    >
      <div
@ -26,6 +22,7 @@ export const ModalLayout = ({
            ? `modal-layout__content ${styles}`
            : `modal-layout__content ${type}`
        }
+        onClick={(e) => e.stopPropagation()}
      >
        {children}
      </div>
--- a/src/components/Common/ModalLayout/modalLayout.scss
+++ b/src/components/Common/ModalLayout/modalLayout.scss
@ -45,16 +45,6 @@
        font-weight: 300;
      }

-      .addPersonBlock {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-
-        button {
-          // margin: 0 auto;
-        }
-      }
-
      .invitePersonBlock {
        display: flex;
        flex-direction: column;
@ -74,7 +64,7 @@
        }

        &__btn {
-          margin: 0;
+          margin: 0 auto 0 0;
          max-width: 242px;
          width: 100%;
        }
@ -106,7 +96,7 @@
      display: flex;
      flex-direction: column;
      row-gap: 10px;
-      padding: 19px 10px 29px 10px;
+      padding: 39px 10px 29px 10px;

      @media (max-width: 500px) {
        padding: 10px;
--- a/src/components/Description/Description.jsx
+++ b/src/components/Description/Description.jsx
@ -98,7 +98,7 @@ const Description = ({ onLoadMore }) => {
            <div className="description__footer">
              <div className="description__footer-btn">
                {candidatesListArr && (
-                  <button onClick={() => onLoadMore(2)}>Загрузить ещё</button>
+                  <button onClick={() => onLoadMore(2)}>Загрузить еще</button>
                )}
              </div>
            </div>
--- a/src/components/Form/Form.jsx
+++ b/src/components/Form/Form.jsx
@ -85,13 +85,13 @@ const Form = () => {
    <div className="row">
      <div className="col-sm-12">
        <form className="form" id="test">
-          <label htmlFor="email">E-mail:</label>
+          <label htmlFor="email">Емейл:</label>
          <input
            onChange={handleChange}
            id="email"
            name="Email"
            type="email"
-            placeholder="E-mail"
+            placeholder="Емейл"
            value={data.email}
          />

--- a/src/components/FreeDevelopers/FreeDevelopers.jsx
+++ b/src/components/FreeDevelopers/FreeDevelopers.jsx
@ -50,7 +50,7 @@ export const FreeDevelopers = () => {

        <div className="free-dev__body">
          <div className="free-dev__body-title">
-            <p>Опыт работы</p>
+            <p>Описание опыта работы</p>
          </div>

          <div className="free-dev__body-text">
@ -86,7 +86,7 @@ export const FreeDevelopers = () => {
          </div>

          <div className="login">
-            <h3>Для просмотра полного резюме разработчика, авторизуйтесь</h3>
+            <h3>Для просмотра полного резюме разработчика авторизуйтесь</h3>
            <BaseButton styles={"dev-code"}>
              <Link to={"/auth"}>Войти</Link>
            </BaseButton>
--- a/src/components/LogoutButton/LogoutButton.jsx
+++ b/src/components/LogoutButton/LogoutButton.jsx
@ -1,6 +1,9 @@
 import React, { useState } from "react";
+import { useSelector } from "react-redux";
 import { useNavigate } from "react-router-dom";

+import { getRole } from "@redux/roleSlice";
+
 import { useLogout } from "@hooks/useLogout";

 import { Loader } from "@components/Common/Loader/Loader";
@ -9,6 +12,8 @@ import "./logoutButton.scss";

 export const LogoutButton = () => {
  const [isLoggingOut, setIsLoggingOut] = useState(false);
+
+  const userRole = useSelector(getRole);
  const navigate = useNavigate();
  const { logout } = useLogout();

@ -19,7 +24,7 @@ export const LogoutButton = () => {
        setIsLoggingOut(true);
        logout();
        setIsLoggingOut(false);
-        navigate("/auth");
+        navigate(userRole === "ROLE_DEV" ? "/authdev" : "/auth");
      }}
    >
      {isLoggingOut ? <Loader /> : "Выйти"}
--- a/src/components/Modal/AcceptModal/AcceptModal.jsx
+++ b/src/components/Modal/AcceptModal/AcceptModal.jsx
@ -4,19 +4,15 @@ import close from "assets/icons/closeProjectPersons.svg";

 import "./acceptModal.scss";

-export const AcceptModal = ({ title, closeModal, agreeHandler }) => {
+export const AcceptModal = ({ closeModal, agreeHandler }) => {
  return (
    <div className="backDrop">
      <div className="acceptModal">
-        <h3 className="acceptModal__title">{title}</h3>
+        <h3 className="acceptModal__title">
+          Вы точно хотите переместить задачу в архив?
+        </h3>
        <div className="acceptModal__buttons">
-          <button
-            className="agree"
-            onClick={() => {
-              agreeHandler();
-              closeModal();
-            }}
-          >
+          <button className="agree" onClick={agreeHandler}>
            Да
          </button>
          <button className="cancel" onClick={closeModal}>
--- a/src/components/Modal/AcceptModal/acceptModal.scss
+++ b/src/components/Modal/AcceptModal/acceptModal.scss
@ -12,7 +12,7 @@

  .acceptModal {
    border-radius: 20px;
-    background: linear-gradient(180deg, #fff 0%, #ebebeb 100%);
+    background: linear-gradient(180deg, #FFF 0%, #EBEBEB 100%);
    padding: 50px 34px 25px;
    display: flex;
    flex-direction: column;
@ -43,18 +43,16 @@
      }

      .agree {
-        background: #52b709;
+        background: #52B709;
      }

      .cancel {
-        background: #b0babf;
+        background: #B0BABF;
      }
    }

    &__close {
      position: absolute;
-      width: 14px;
-      height: 14px;
      top: 15px;
      right: 22px;
      cursor: pointer;
--- a/src/components/Modal/ModalErrorLogin/ModalErrorLogin.jsx
+++ b/src/components/Modal/ModalErrorLogin/ModalErrorLogin.jsx
@ -17,7 +17,7 @@ export const ModalErrorLogin = ({ active, setActive, title }) => {
          setActive(false);
        }}
      >
-        Попробовать ещё раз
+        Попробовать еще раз
      </BaseButton>
      <span onClick={() => setActive(false)} className="exit"></span>
    </ModalLayout>
--- a/src/components/Modal/ModalRegistration/ModalRegistration.jsx
+++ b/src/components/Modal/ModalRegistration/ModalRegistration.jsx
@ -1,11 +1,6 @@
-import React, { useState } from "react";
-
-import { apiRequest } from "@api/request";
-
-import { useNotification } from "@hooks/useNotification";
+import React from "react";

 import BaseButton from "@components/Common/BaseButton/BaseButton";
-import { Loader } from "@components/Common/Loader/Loader";
 import ModalLayout from "@components/Common/ModalLayout/ModalLayout";

 import anyMoment from "assets/icons/anyMoment.svg";
@ -15,216 +10,47 @@ import telegramLogo from "assets/icons/tgLogo.svg";
 import "./modalRegistration.scss";

 export const ModalRegistration = ({ active, setActive }) => {
-  const [inputsValue, setInputsValue] = useState({
-    userName: "",
-    email: "",
-    password: "",
-  });
-
-  const [inputsError, setInputsError] = useState({
-    name: false,
-    email: false,
-    password: false,
-  });
-
-  const [loader, setLoader] = useState(false);
-
-  const validateEmail = (email) => {
-    // регулярное выражение для проверки email
-    const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-
-    // возвращаем true, если email проходит проверку, и false, если нет
-    return re.test(email);
-  };
-
-  const { showNotification } = useNotification();
-
-  const validateForm = () => {
-    if (inputsValue.password.length < 6) {
-      setInputsError((prevValue) => ({ ...prevValue, password: true }));
-    }
-    if (inputsValue.userName.length < 2) {
-      setInputsError((prevValue) => ({ ...prevValue, name: true }));
-    }
-    if (!validateEmail(inputsValue.email)) {
-      setInputsError((prevValue) => ({ ...prevValue, email: true }));
-    }
-    if (
-      inputsValue.password.length < 6 ||
-      inputsValue.userName.length < 6 ||
-      !validateEmail(inputsValue.email)
-    ) {
-      return true;
-    }
-  };
-
-  const submitHandler = () => {
-    if (validateForm()) {
-      return;
-    }
-    setLoader(true);
-    apiRequest("/register/sign-up", {
-      method: "POST",
-      data: {
-        username: inputsValue.userName,
-        email: inputsValue.email,
-        password: inputsValue.password,
-      },
-    }).then((data) => {
-      setLoader(false);
-      if (!data) {
-        showNotification({
-          show: true,
-          text: "Аккаунт с таким логином или email уже существует",
-          type: "error",
-        });
-      } else {
-        closeModal();
-        showNotification({
-          show: true,
-          text: "Аккаунт успешно создан",
-          type: "success",
-        });
-      }
-    });
-  };
-
-  const closeModal = () => {
-    setInputsValue({
-      userName: "",
-      email: "",
-      password: "",
-    });
-    setInputsError({
-      name: false,
-      email: false,
-      password: false,
-    });
-    setActive(false);
-  };
  return (
-    <ModalLayout active={active} setActive={closeModal} styles={"registration"}>
-      <div className="registration-body__main">
+    <ModalLayout active={active} setActive={setActive} styles={"registration"}>
+      <div className="registration-body__left">
        <h2>
-          Подключайтесь к <p>ITguild</p>
+          Подключайтесь к <p>itguild.</p>
        </h2>
-        <p className="registration-body__main-desc">
-          Зарегистрируйтесь и начните работу уже сегодня
+        <p className="registration-body__left-desc">
+          Зарегистрируйтесь и назначайте собеседования любым специалистам без
+          задержек
        </p>

        <div className="input-body">
          <div className="input-body__box">
-            <div className="inputContainer">
-              <h5>Ваше имя</h5>
-              <input
-                className={inputsError.name ? "error" : ""}
-                onChange={(e) => {
-                  setInputsError({
-                    name: false,
-                    email: false,
-                    password: false,
-                  });
-                  setInputsValue((prevValue) => ({
-                    ...prevValue,
-                    userName: e.target.value,
-                  }));
-                }}
-                value={inputsValue.userName}
-                placeholder="Имя"
-              />
-              {inputsError.name && <span>Минимум 2 символа</span>}
-            </div>
-            <div className="inputContainer">
-              <h5>E-mail</h5>
-              <input
-                type="email"
-                className={inputsError.email ? "error" : ""}
-                onChange={(e) => {
-                  setInputsError({
-                    name: false,
-                    email: false,
-                    password: false,
-                  });
-                  setInputsValue((prevValue) => ({
-                    ...prevValue,
-                    email: e.target.value,
-                  }));
-                }}
-                value={inputsValue.email}
-                placeholder="Почта"
-              />
-              {inputsError.email && <span>Введите корректный e-mail</span>}
-            </div>
+            <h5>Ваше имя</h5>
+            <input></input>
+            <h5>E-mail</h5>
+            <input></input>
          </div>

          <div className="input-body__box">
-            <div className="inputContainer">
-              <h5>Пароль</h5>
-              <input
-                className={inputsError.password ? "error" : ""}
-                type="password"
-                onChange={(e) => {
-                  setInputsError({
-                    name: false,
-                    email: false,
-                    password: false,
-                  });
-                  setInputsValue((prevValue) => ({
-                    ...prevValue,
-                    password: e.target.value,
-                  }));
-                }}
-                value={inputsValue.password}
-                placeholder="Пароль"
-              />
-              {inputsError.password && <span>Минимум 6 символов</span>}
-            </div>
-            <div className="inputContainer">
-              <h5>Повторите пароль</h5>
-              <input
-                className={inputsError.password ? "error" : ""}
-                type="password"
-                onChange={(e) => {
-                  setInputsError({
-                    name: false,
-                    email: false,
-                    password: false,
-                  });
-                  setInputsValue((prevValue) => ({
-                    ...prevValue,
-                    password: e.target.value,
-                  }));
-                }}
-                value={inputsValue.password}
-                placeholder="Пароль"
-              />
-              {inputsError.password && <span>Минимум 6 символов</span>}
-            </div>
+            <h5>Название компании</h5>
+            <input></input>
+            <h5>Пароль</h5>
+            <input></input>
          </div>
        </div>
-
        <div className="button-box">
-          {loader ? (
-            <Loader style={"green"} />
-          ) : (
-            <BaseButton
-              onClick={(e) => {
-                e.preventDefault();
-                submitHandler();
-              }}
-              styles="button-box__submit"
-            >
-              Отправить
-            </BaseButton>
-          )}
-          {/*<h5>*/}
-          {/*  У вас уже есть аккаунт? <p>Войти</p>*/}
-          {/*</h5>*/}
+          <BaseButton
+            onClick={(e) => e.preventDefault()}
+            styles={"button-box__submit"}
+          >
+            Отправить
+          </BaseButton>
+          <h5>
+            У вас уже есть аккаунт? <p>Войти</p>
+          </h5>
        </div>
      </div>
-      <div className="registration-body__about">
+      <div className="registration-body__right">
        <h4>Отказ от специалиста в любой момент</h4>
-        <div className="registration-body__about-text">
+        <div className="registration-body__right-text">
          <img src={anyMoment}></img>
          <p>
            Поменяйте, откажитесь или возьмите еще специалиста в любой момент
@ -232,7 +58,7 @@ export const ModalRegistration = ({ active, setActive }) => {
          </p>
        </div>
        <h4>100% постоплата</h4>
-        <div className="registration-body__about-text">
+        <div className="registration-body__right-text">
          <img src={doc}></img>
          <p>
            Договор не подразумевает какую‑либо оплату до того, как вы
@ -240,12 +66,12 @@ export const ModalRegistration = ({ active, setActive }) => {
          </p>
        </div>
        <h4>Есть вопросы?</h4>
-        <div className="registration-body__about-text">
+        <div className="registration-body__right-text">
          <img src={telegramLogo}></img>
          <p>Напишите нам в Телеграм. Мы с удовольствием ответим!</p>
        </div>
      </div>
-      <span onClick={() => closeModal()} className="exit"></span>
+      <span onClick={() => setActive(false)} className="exit"></span>
    </ModalLayout>
  );
 };
--- a/src/components/Modal/ModalRegistration/modalRegistration.scss
+++ b/src/components/Modal/ModalRegistration/modalRegistration.scss
@ -6,10 +6,12 @@
  justify-content: space-between;
  border: 1px solid #dde2e4;
  border-radius: 8px;
+  width: 1088px;
+  height: 529px;

  &-body {
-    &__main {
-      padding-left: 30px;
+    &__left {
+      padding: 60px 0 30px 77px;

      h2 {
        font-weight: 500;
@ -49,7 +51,6 @@
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
-            margin-left: 10px;
          }

          input {
@ -58,24 +59,9 @@
            background: #eff2f7;
            border-radius: 8px;
            border: none;
-            margin-bottom: 5px;
+            margin-bottom: 35px;
            padding-left: 20px;
          }
-
-          .inputContainer {
-            height: 81px;
-            margin-bottom: 10px;
-            max-width: 294px;
-          }
-
-          span {
-            color: red;
-            font-size: 12px;
-          }
-
-          .error {
-            border: 1px solid red;
-          }
        }
      }

@ -86,16 +72,11 @@

        &__submit {
          width: 174px;
-          height: 50px;
+          height: 46px;
          font-size: 18px;
          margin-right: 55px;
        }

-        .disable {
-          opacity: 0.5;
-          pointer-events: none;
-        }
-
        h5 {
          display: flex;
          align-items: flex-end;
@ -111,15 +92,14 @@
      }
    }

-    &__about {
+    &__right {
      border-left: 1px solid #f1f1f1;
-      padding: 20px;
+      padding: 80px 32px 46px 25px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      h4 {
-        margin: 22px 0 22px 0;
        font-weight: 900;
        font-size: 14px;
        line-height: 24px;
@ -140,14 +120,9 @@
        }

        img {
-          margin: 0 18px 0 0;
+          margin: 0 18px 20px 0;
        }
      }
    }
  }
-
-  .loader {
-    justify-content: start;
-    left: 80px;
-  }
 }
--- a/src/components/Modal/ModalReset/ModalReset.js
+++ b/src/components/Modal/ModalReset/ModalReset.js
@ -10,7 +10,7 @@ export const ModalReset = ({ setModalReset }) => {
      <h3 className="modalReset__title">Восстановление доступа</h3>
      <div className="modalReset__input">
        <span>Укажите e-mail, для которого хотите восстановить пароль.</span>
-        <input placeholder="e-mail" />
+        <input placeholder="email" />
      </div>
      <button className="modalReset__submit">Восстановить</button>
      <img
--- a/src/components/Modal/ModalResetPassword/ModalResetPassword.jsx
+++ b/src/components/Modal/ModalResetPassword/ModalResetPassword.jsx
@ -1,231 +0,0 @@
-import React, { useState } from "react";
-
-import { apiRequest } from "@api/request";
-
-import { useNotification } from "@hooks/useNotification";
-
-import { Loader } from "@components/Common/Loader/Loader";
-import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
-
-import arrow from "assets/icons/arrows/arrowCalendar.png";
-import close from "assets/icons/close.png";
-
-import "./modalResetPassword.scss";
-
-export const ModalResetPassword = ({ active, setActive }) => {
-  const [step, setStep] = useState(false);
-  const [inputsValue, setInputsValue] = useState({
-    email: "",
-    token: "",
-    password: "",
-  });
-
-  const [inputsError, setInputsError] = useState({
-    email: false,
-    password: false,
-    token: false,
-  });
-
-  const validateEmail = (email) => {
-    // регулярное выражение для проверки email
-    const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-
-    // возвращаем true, если email проходит проверку, и false, если нет
-    return re.test(email);
-  };
-
-  const [loader, setLoader] = useState(false);
-
-  const resetInputsValue = () => {
-    setInputsValue({
-      email: "",
-      token: "",
-      password: "",
-    });
-  };
-
-  const { showNotification } = useNotification();
-  const submitHandler = () => {
-    if (!validateEmail(inputsValue.email)) {
-      setInputsError((prevValue) => ({ ...prevValue, email: true }));
-      return showNotification({
-        show: true,
-        text: "Введите корректный e-mail",
-        type: "error",
-      });
-    }
-    setLoader(true);
-    apiRequest("/register/request-password-reset", {
-      method: "POST",
-      data: {
-        email: inputsValue.email,
-      },
-    }).then((data) => {
-      setLoader(false);
-      if (data) {
-        showNotification({
-          show: true,
-          text: "Письмо отправлено Вам на почту",
-          type: "success",
-        });
-        setStep(true);
-      }
-    });
-  };
-  const resetPassword = () => {
-    if (!inputsValue.password || !inputsValue.token) {
-      setInputsError((prevValue) => ({
-        ...prevValue,
-        password: true,
-        token: true,
-      }));
-      return showNotification({
-        show: true,
-        text: "Введите данные",
-        type: "error",
-      });
-    }
-    if (inputsValue.password.length < 6) {
-      setInputsError((prevValue) => ({ ...prevValue, password: true }));
-      return;
-    }
-    setLoader(true);
-    apiRequest("/register/reset-password", {
-      method: "POST",
-      data: {
-        token: inputsValue.token,
-        password: inputsValue.password,
-      },
-    }).then((data) => {
-      setLoader(false);
-      if (data.code === 0) {
-        showNotification({
-          show: true,
-          text: "Введите корректные данные",
-          type: "error",
-        });
-      } else {
-        setActive(false);
-        resetInputsValue();
-        showNotification({
-          show: true,
-          text: "Пароль изменён",
-          type: "success",
-        });
-      }
-    });
-  };
-  return (
-    <ModalLayout active={active} setActive={setActive}>
-      <div className="resetPassword">
-        <img
-          className="resetPassword__close"
-          src={close}
-          alt="close"
-          onClick={() => setActive(false)}
-        />
-        <h3 className="resetPassword__title">Восстановление пароля</h3>
-        {!step ? (
-          <div className="resetPassword__email">
-            <h5>Введите ваш e-mail:</h5>
-            <input
-              type="email"
-              onChange={(e) => {
-                setInputsValue((prevValue) => ({
-                  ...prevValue,
-                  email: e.target.value,
-                }));
-                setInputsError({
-                  email: false,
-                  password: false,
-                  token: false,
-                });
-              }}
-              placeholder="E-mail"
-              value={inputsValue.email}
-              className={inputsError.email ? "error" : ""}
-            />
-            {loader ? (
-              <Loader style={"green"} />
-            ) : (
-              <button
-                className="resetPassword__btn"
-                onClick={(e) => {
-                  e.preventDefault();
-                  submitHandler();
-                }}
-              >
-                Отправить
-              </button>
-            )}
-          </div>
-        ) : (
-          <div className="resetPassword__email">
-            <img
-              src={arrow}
-              onClick={() => setStep(false)}
-              className="resetPassword__email__arrow"
-            />
-            <h5>Введите код подтверждения:</h5>
-            <input
-              type="text"
-              onChange={(e) => {
-                setInputsError({
-                  email: false,
-                  password: false,
-                  token: false,
-                });
-                setInputsValue((prevValue) => ({
-                  ...prevValue,
-                  token: e.target.value,
-                }));
-              }}
-              value={inputsValue.token}
-              className={inputsError.token ? "error" : ""}
-              placeholder="token"
-            />
-            {inputsError.token && (
-              <span className="warningText">Введите данные</span>
-            )}
-            <h5>Введите новый пароль:</h5>
-            <input
-              type="password"
-              onChange={(e) => {
-                setInputsValue((prevValue) => ({
-                  ...prevValue,
-                  password: e.target.value,
-                }));
-                setInputsError({
-                  email: false,
-                  password: false,
-                  token: false,
-                });
-              }}
-              placeholder="password"
-              value={inputsValue.password}
-              className={inputsError.password ? "error" : ""}
-            />
-            {inputsError.password && (
-              <span className="warningText">Минимум 6 символов</span>
-            )}
-            {loader ? (
-              <Loader style={"green"} />
-            ) : (
-              <button
-                className="resetPassword__btn"
-                onClick={(e) => {
-                  e.preventDefault();
-                  resetPassword();
-                }}
-              >
-                Отправить
-              </button>
-            )}
-          </div>
-        )}
-      </div>
-    </ModalLayout>
-  );
-};
-
-export default ModalResetPassword;
--- a/src/components/Modal/ModalResetPassword/modalResetPassword.scss
+++ b/src/components/Modal/ModalResetPassword/modalResetPassword.scss
@ -1,72 +0,0 @@
-.resetPassword {
-  width: 280px;
-  position: relative;
-
-  &__close {
-    width: 20px;
-    height: 20px;
-    cursor: pointer;
-    position: absolute;
-    top: -10px;
-    right: -10px;
-  }
-  &__title {
-    font-size: 20px;
-    text-align: center;
-    margin-bottom: 20px;
-  }
-  &__email {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    position: relative;
-
-    h5 {
-      font-size: 16px;
-      margin-bottom: 10px;
-      align-self: flex-start;
-    }
-
-    input {
-      padding: 10px !important;
-      height: 40px !important;
-      margin-bottom: 5px !important;
-    }
-
-    &__arrow {
-      position: absolute;
-      width: 20px;
-      transform: rotate(180deg);
-      left: -10px;
-      top: -55px;
-      cursor: pointer;
-    }
-  }
-
-  &__btn {
-    width: 100px;
-    height: 35px;
-    border-radius: 44px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #ffffff;
-    background-image: linear-gradient(to top, #6aaf5c 0%, #52b709 100%), linear-gradient(36deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 47%, rgba(255, 255, 255, 0.17) 50%, rgba(255, 255, 255, 0) 100%);
-    color: #ffffff;
-    font-weight: 500;
-    font-size: 15px;
-    border: 2px solid #6aaf5c;
-    transition: 0.3s;
-    margin-top: 15px;
-  }
-
-  .error {
-    border: 1px solid red;
-  }
-
-  .warningText {
-    color: red;
-    font-size: 12px;
-    margin-bottom: 10px;
-  }
-}
--- a/src/components/Modal/ModalSelect/modalSelect.scss
+++ b/src/components/Modal/ModalSelect/modalSelect.scss
@ -5,7 +5,7 @@
    background: #e1fccf;
    border-radius: 12px;
    transform: scale(0);
-    bottom: -40px;
+    bottom: -90px;
    right: -120px;

    @media (max-width: 1050px) {
--- a/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
+++ b/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
@ -34,7 +34,6 @@ import arrowDown from "assets/icons/arrows/selectArrow.png";
 import calendarIcon from "assets/icons/calendar.svg";
 import category from "assets/icons/category.svg";
 import close from "assets/icons/closeProjectPersons.svg";
-import crossWhite from "assets/icons/crossWhite.svg";
 import del from "assets/icons/delete.svg";
 import edit from "assets/icons/edit.svg";
 import file from "assets/icons/fileModal.svg";
@ -75,13 +74,12 @@ export const ModalTiсket = ({
  const [dropListOpen, setDropListOpen] = useState(false);
  const [dropListMembersOpen, setDropListMembersOpen] = useState(false);
  const [executor, setExecutor] = useState(task.executor);
-  const [taskPriority, setTaskPriority] = useState(task.execution_priority);
  const [members, setMembers] = useState(task.taskUsers);
  const [taskTags, setTaskTags] = useState(task.mark);
  const [users, setUsers] = useState([]);
  const [timerStart, setTimerStart] = useState(false);
  const [timerInfo, setTimerInfo] = useState({});
-  // const [uploadedFile, setUploadedFile] = useState(null);
+  const [uploadedFile, setUploadedFile] = useState(null);
  const [currentTimerCount, setCurrentTimerCount] = useState({
    hours: 0,
    minute: 0,
@ -95,9 +93,7 @@ export const ModalTiсket = ({
  const profileInfo = useSelector(getProfileInfo);
  const [acceptModalOpen, setAcceptModalOpen] = useState(false);
  const [selectTagsOpen, setSelectTagsOpen] = useState(false);
-  const [selectPriorityOpen, setSelectPriorityOpen] = useState(false);
  const { showNotification } = useNotification();
-  const [commentSendDisable, setCommentSendDisable] = useState(false);

  function deleteTask() {
    apiRequest("/task/update-task", {
@ -117,27 +113,6 @@ export const ModalTiсket = ({
    });
  }

-  const priority = {
-    2: "Высокий",
-    1: "Средний",
-    0: "Низкий",
-  };
-
-  const priorityTypes = [
-    {
-      name: "Высокий",
-      key: 2,
-    },
-    {
-      name: "Средний",
-      key: 1,
-    },
-    {
-      name: "Низкий",
-      key: 0,
-    },
-  ];
-
  function archiveTask() {
    setAcceptModalOpen(true);
  }
@ -169,8 +144,6 @@ export const ModalTiсket = ({
  }

  function createComment() {
-    if (!inputsValue.comment) return;
-    setCommentSendDisable(true);
    apiRequest("/comment/create", {
      method: "POST",
      data: {
@ -180,7 +153,6 @@ export const ModalTiсket = ({
      },
    }).then((res) => {
      let newComment = res;
-      setCommentSendDisable(false);
      newComment.created_at = new Date();
      newComment.subComments = [];
      setInputsValue((prevValue) => ({ ...prevValue, comment: "" }));
@ -285,19 +257,6 @@ export const ModalTiсket = ({
    });
  }

-  function updateTaskPriority(key) {
-    setSelectPriorityOpen(false);
-    apiRequest("/task/update-task", {
-      method: "PUT",
-      data: {
-        task_id: task.id,
-        execution_priority: key,
-      },
-    }).then(() => {
-      dispatch(setProjectBoardFetch(projectId));
-    });
-  }
-
  function addMember(person) {
    apiRequest("/task/add-user-to-task", {
      method: "POST",
@ -326,7 +285,6 @@ export const ModalTiсket = ({
  }

  useEffect(() => {
-    initListeners();
    apiRequest(
      `/comment/get-by-entity?entity_type=2&entity_id=${task.id}`
    ).then((res) => {
@ -415,26 +373,25 @@ export const ModalTiсket = ({

    const data = await res.json();

-    // setUploadedFile(data);
-    attachFile(data[0].id);
+    setUploadedFile(data);
  }

-  // function deleteLoadedFile() {
-  //   setUploadedFile(null);
-  // }
+  function deleteLoadedFile() {
+    setUploadedFile(null);
+  }

-  function attachFile(id) {
+  function attachFile() {
    apiRequest("/file/attach", {
      method: "POST",
      data: {
-        file_id: id,
+        file_id: uploadedFile[0].id,
        entity_type: 2,
        entity_id: task.id,
        status: 1,
      },
    }).then((res) => {
      setTaskFiles((prevValue) => [...prevValue, res]);
-      // setUploadedFile(null);
+      setUploadedFile(null);
    });
  }

@ -545,59 +502,15 @@ export const ModalTiсket = ({
    setAcceptModalOpen(false);
  }

-  const initListeners = () => {
-    document.addEventListener("click", closeByClickingOut);
-  };
-
-  const closeByClickingOut = (event) => {
-    const path = event.path || (event.composedPath && event.composedPath());
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("button-add-worker") ||
-            div.classList.contains("dropdownList"))
-      )
-    ) {
-      setDropListOpen(false);
-      setDropListMembersOpen(false);
-    }
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("deadLine") ||
-            div.classList.contains("react-datepicker-popper"))
-      )
-    ) {
-      setDatePickerOpen(false);
-    }
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("tags") ||
-            div.classList.contains("tags__dropDown"))
-      )
-    ) {
-      setSelectTagsOpen(false);
-    }
-  };
-
  return (
    <div
      className={active ? "modal-tiket active" : "modal-tiket"}
-      onClick={(e) => {
-        if (e.target.className.includes("modal-tiket")) setActive(false);
-      }}
+      onClick={() => setActive(false)}
    >
-      <div className="modal-tiket__content">
+      <div
+        className="modal-tiket__content"
+        onClick={(e) => e.stopPropagation()}
+      >
        <div className="content">
          <h3 className="title-project">
            <img src={category} className="title-project__category"></img>
@ -673,24 +586,24 @@ export const ModalTiсket = ({
                })}
              </div>
            )}
-            {/*{uploadedFile && (*/}
-            {/*  <div className="fileLoaded">*/}
-            {/*    {uploadedFile.map((file) => {*/}
-            {/*      return (*/}
-            {/*        <div className="loadedFile" key={file.id}>*/}
-            {/*          <img src={backendImg(file.url)} alt="img" key={file.id} />*/}
-            {/*          <div*/}
-            {/*            className="deleteFile"*/}
-            {/*            onClick={() => deleteLoadedFile(file)}*/}
-            {/*          >*/}
-            {/*            <img src={close} alt="delete" />*/}
-            {/*          </div>*/}
-            {/*        </div>*/}
-            {/*      );*/}
-            {/*    })}*/}
-            {/*    <button onClick={attachFile}>Загрузить</button>*/}
-            {/*  </div>*/}
-            {/*)}*/}
+            {uploadedFile && (
+              <div className="fileLoaded">
+                {uploadedFile.map((file) => {
+                  return (
+                    <div className="loadedFile" key={file.id}>
+                      <img src={backendImg(file.url)} alt="img" key={file.id} />
+                      <div
+                        className="deleteFile"
+                        onClick={() => deleteLoadedFile(file)}
+                      >
+                        <img src={close} alt="delete" />
+                      </div>
+                    </div>
+                  );
+                })}
+                <button onClick={attachFile}>Загрузить</button>
+              </div>
+            )}
            <div className="content__communication">
              {/*<p className="tasks">*/}
              {/*  <button*/}
@ -733,11 +646,7 @@ export const ModalTiсket = ({
                  }));
                }}
              />
-              <img
-                className={commentSendDisable ? "disable" : ""}
-                src={send}
-                onClick={createComment}
-              ></img>
+              <img src={send} onClick={createComment}></img>
            </div>
            <div className="comments__list">
              {comments.map((comment) => {
@ -946,7 +855,7 @@ export const ModalTiсket = ({
            )}
          </div>

-          <div className="workers_box-tag">
+          <div className="workers_box-bottom">
            <div className="tags">
              <div className="tags__selected">
                {taskTags.map((tag) => {
@ -958,7 +867,7 @@ export const ModalTiсket = ({
                    >
                      <p>{tag.slug}</p>
                      <img
-                        src={crossWhite}
+                        src={close}
                        className="delete"
                        alt="delete"
                        onClick={() => deleteTagFromTask(tag.id)}
@ -980,12 +889,12 @@ export const ModalTiсket = ({
              </div>
              {selectTagsOpen && (
                <div className="tags__dropDown">
-                  {/* <img
+                  <img
                    onClick={() => setSelectTagsOpen(false)}
                    className="tags__dropDown__close"
                    src={close}
                    alt="close"
-                  /> */}
+                  />
                  {correctProjectTags.map((tag) => {
                    return (
                      <div
@ -1004,43 +913,6 @@ export const ModalTiсket = ({
                </div>
              )}
            </div>
-          </div>
-          <div className="workers_box-priority">
-            <div
-              className="priority__name"
-              onClick={() => setSelectPriorityOpen(!selectPriorityOpen)}
-            >
-              <span>
-                {typeof taskPriority === "number"
-                  ? priority[taskPriority]
-                  : "Выберите приоритет"}
-              </span>
-              <img
-                className={selectPriorityOpen ? "open" : ""}
-                src={arrowDown}
-                alt="arrow"
-              />
-            </div>
-            {selectPriorityOpen && (
-              <div className="priority__dropDown">
-                {priorityTypes.map((item) => {
-                  return (
-                    <div
-                      className="priority__dropDown__item"
-                      key={item.key}
-                      onClick={() => {
-                        setTaskPriority(item.key);
-                        updateTaskPriority(item.key);
-                      }}
-                    >
-                      {item.name}
-                    </div>
-                  );
-                })}
-              </div>
-            )}
-          </div>
-          <div className="workers_box-bottom">
            <div
              className={editOpen ? "edit" : ""}
              onClick={() => {
@ -1086,7 +958,6 @@ export const ModalTiсket = ({
        </div>
        {acceptModalOpen && (
          <AcceptModal
-            title={"Вы точно хотите переместить задачу в архив?"}
            closeModal={closeAcceptModal}
            agreeHandler={deleteTask}
          />
--- a/src/components/Modal/Tracker/ModalTicket/modalTicket.scss
+++ b/src/components/Modal/Tracker/ModalTicket/modalTicket.scss
@ -20,28 +20,7 @@
  border-radius: 8px;
  display: flex;
  flex-direction: row;
-  max-height: 700px;
-  // overflow-y: auto;
-
-  @media (max-width: 880px) {
-    max-height: none;
-    overflow-y: inherit;
-  }
-
-  &::-webkit-scrollbar {
-    width: 3px;
-    border-radius: 10px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #cbd9f9;
-    border-radius: 20px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: #c5c0c6;
-    border-radius: 20px;
-  }
+  max-height: 750px;

  .content {
    position: relative;
@ -55,7 +34,7 @@
      display: flex;
      align-items: center;
      flex-direction: row;
-      color: #1458dd;
+      color: #1458DD;
      font-weight: 700;
      font-size: 22px;

@ -146,6 +125,27 @@
        -webkit-box-orient: vertical;
      }

+      .taskDescription {
+        max-height: 150px;
+        overflow-y: auto;
+        padding-right: 10px;
+
+        &::-webkit-scrollbar {
+          width: 4px;
+          border-radius: 10px;
+        }
+
+        &::-webkit-scrollbar-thumb {
+          background: #cbd9f9;
+          border-radius: 10px;
+        }
+
+        &::-webkit-scrollbar-track {
+          background: #c5c0c6;
+          border-radius: 10px;
+        }
+      }
+
      .fullName {
        max-width: 800px;
      }
@ -156,9 +156,9 @@

      .comments__list {
        display: flex;
-        overflow-y: auto;
-        height: 190px;
        flex-direction: column;
+        max-height: 215px;
+        overflow: auto;

        &::-webkit-scrollbar {
          width: 4px;
@ -360,8 +360,24 @@
      column-gap: 25px;
      row-gap: 20px;
      margin-top: 33px;
+      max-height: 170px;
      overflow-y: auto;

+      &::-webkit-scrollbar {
+        width: 5px;
+        border-radius: 10px;
+      }
+
+      &::-webkit-scrollbar-thumb {
+        background: #cbd9f9;
+        border-radius: 20px;
+      }
+
+      &::-webkit-scrollbar-track {
+        background: #c5c0c6;
+        border-radius: 20px;
+      }
+
      .taskFile {
        cursor: pointer;
        position: relative;
@ -568,11 +584,6 @@
        margin-right: 18px;
      }

-      .disable {
-        pointer-events: none;
-        opacity: 0.5;
-      }
-
      //&:focus-within {
      //  border: 1px solid #0000004d;
      //}
@ -959,199 +970,6 @@
        border-bottom: 1px solid #f1f1f1;
      }

-      &-tag {
-        .tags {
-          display: flex;
-          flex-direction: column;
-          position: relative;
-
-          row-gap: 15px;
-          padding: 22px 40px 0 40px;
-          border-radius: 10px;
-          margin-bottom: 10px;
-
-          &__selected {
-            display: flex;
-            flex-wrap: wrap;
-            padding: 0;
-            width: 100%;
-            gap: 8px;
-            max-width: 200px;
-
-            &__item {
-              display: flex;
-              padding: 8px 12px;
-              border-radius: 35px;
-              align-items: center;
-              column-gap: 8px;
-              cursor: default;
-
-              p {
-                color: #fff;
-                font-size: 12px;
-                font-style: normal;
-                font-weight: 500;
-                text-decoration: none !important;
-                margin: 0;
-              }
-
-              .delete {
-                cursor: pointer;
-                width: 12px;
-                height: 12px;
-              }
-            }
-          }
-
-          &__select {
-            cursor: pointer;
-            width: 100%;
-            height: 42px;
-            border-radius: 8px;
-            background: #ddd;
-            padding: 8px 12px 9px 12px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-
-            span {
-              font-size: 14px;
-              color: black;
-            }
-
-            img {
-              transition: all 0.3s ease;
-            }
-
-            .open {
-              transform: rotate(180deg);
-            }
-          }
-
-          &__dropDown {
-            position: absolute;
-            padding: 15px 9px 10px;
-            background: #ebebeb;
-            max-height: 350px;
-            overflow-y: auto;
-            width: 258px;
-            border-radius: 8px;
-            border: 1px solid #e4e4e4;
-            top: 105%;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            row-gap: 6px;
-            z-index: 10;
-
-            &__close {
-              width: 8px;
-              height: 8px;
-              position: absolute;
-              right: 8px;
-              top: 5px;
-            }
-
-            .tagItem {
-              display: flex;
-              align-items: center;
-              justify-content: space-between;
-              width: 100%;
-              height: 42px;
-              cursor: pointer;
-              column-gap: 8px;
-              padding: 5px 5px 5px 14px;
-              border-radius: 8px;
-              background: #fff;
-
-              p {
-                font-size: 15px;
-                font-weight: 500;
-                margin: 0;
-                line-height: 20px;
-                text-decoration: none;
-              }
-
-              span {
-                width: 23px;
-                height: 23px;
-                border-radius: 8px;
-              }
-            }
-
-            &__noItem {
-              line-height: 20px;
-              font-size: 15px;
-              margin: 0;
-              font-weight: 500;
-              text-decoration: none !important;
-              cursor: default;
-            }
-          }
-        }
-      }
-
-      &-priority {
-        position: relative;
-        padding: 10px 40px 0 40px;
-        border-radius: 10px;
-        margin-bottom: 10px;
-        .priority {
-          &__name {
-            cursor: pointer;
-            width: 100%;
-            height: 42px;
-            border-radius: 8px;
-            background: #ddd;
-            padding: 8px 12px 9px 12px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-
-            span {
-              font-size: 14px;
-              color: black;
-            }
-
-            img {
-              transition: all 0.3s ease;
-            }
-
-            .open {
-              transform: rotate(180deg);
-            }
-          }
-
-          &__dropDown {
-            position: absolute;
-            padding: 5px;
-            background: #ebebeb;
-            width: 30%;
-            border-radius: 8px;
-            border: 1px solid #e4e4e4;
-            top: 105%;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            font-size: 16px;
-            row-gap: 6px;
-            z-index: 10;
-
-            &__item {
-              width: 66px;
-              font-size: 15px;
-              transition: 0.4s;
-              cursor: pointer;
-
-              &:hover {
-                transition: 0.4s;
-                font-weight: 700;
-              }
-            }
-          }
-        }
-      }
-
      &-bottom {
        padding: 10px 110px 15px 56px;
        font-weight: 400;
@ -1173,6 +991,129 @@
          }
        }

+        .tags {
+          display: flex;
+          flex-direction: column;
+          position: relative;
+          row-gap: 5px;
+          padding: 5px;
+          border-radius: 10px;
+          border: 1px solid #e0e0e0;
+          margin-bottom: 10px;
+
+          &__selected {
+            display: flex;
+            flex-wrap: wrap;
+            padding: 0;
+            width: 100%;
+            gap: 8px;
+            max-width: 200px;
+
+            &__item {
+              display: flex;
+              padding: 3px 5px 3px 8px;
+              border-radius: 8px;
+              align-items: center;
+              column-gap: 8px;
+              cursor: default;
+
+              p {
+                font-weight: 600;
+                text-decoration: none !important;
+                font-size: 15px;
+                margin: 0;
+                line-height: 15px;
+                color: white;
+              }
+
+              .delete {
+                cursor: pointer;
+                width: 12px;
+                height: 12px;
+              }
+            }
+          }
+
+          &__select {
+            width: 100%;
+            height: 25px;
+            border-radius: 8px;
+            border: 1px solid gray;
+            padding: 5px 8px;
+            display: flex;
+            justify-content: space-between;
+
+            span {
+              font-size: 14px;
+              color: black;
+            }
+
+            img {
+              transition: all 0.3s ease;
+            }
+
+            .open {
+              transform: rotate(180deg);
+            }
+          }
+
+          &__dropDown {
+            position: absolute;
+            padding: 15px 10px 10px;
+            background: white;
+            width: 100%;
+            border-radius: 8px;
+            border: 1px solid #e4e4e4;
+            top: 110%;
+            display: flex;
+            flex-direction: column;
+            row-gap: 4px;
+            z-index: 10;
+
+            &__close {
+              width: 8px;
+              height: 8px;
+              position: absolute;
+              right: 8px;
+              top: 5px;
+            }
+
+            .tagItem {
+              display: flex;
+              width: 100%;
+              cursor: pointer;
+              column-gap: 8px;
+              padding: 5px;
+              border: 1px solid #ececec;
+              border-radius: 8px;
+              justify-content: space-between;
+
+              p {
+                font-size: 18px;
+                font-weight: 500;
+                margin: 0;
+                line-height: 20px;
+                text-decoration: none;
+              }
+
+              span {
+                width: 18px;
+                height: 18px;
+                border-radius: 50px;
+              }
+            }
+
+            &__noItem {
+              line-height: 20px;
+              font-size: 15px;
+              margin: 0;
+              font-weight: 500;
+              text-decoration: none !important;
+              cursor: default;
+            }
+          }
+        }
+
        .edit {
          background: #52b709;
          border-radius: 50px;
--- a/src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx
+++ b/src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx
@ -11,7 +11,6 @@ import {
  deletePersonOnProject,
  getBoarderLoader,
  modalToggle,
-  setProjectBoardFetch,
  setToggleTab,
 } from "@redux/projectsTrackerSlice";

@ -30,7 +29,6 @@ import { useNotification } from "@hooks/useNotification";
 import { getCorrectDate } from "@components/Calendar/calendarHelper";
 import { Footer } from "@components/Common/Footer/Footer";
 import { Loader } from "@components/Common/Loader/Loader";
-import FileTracker from "@components/FileTracker/FileTracker";
 import AcceptModal from "@components/Modal/AcceptModal/AcceptModal";
 import TrackerModal from "@components/Modal/Tracker/TrackerModal/TrackerModal";
 import { Navigation } from "@components/Navigation/Navigation";
@ -40,7 +38,6 @@ import TrackerTaskComment from "@components/TrackerTaskComment/TrackerTaskCommen

 import arrow from "assets/icons/arrows/arrowCalendar.png";
 import arrowStart from "assets/icons/arrows/arrowStart.png";
-import arrowDown from "assets/icons/arrows/selectArrow.png";
 import calendarIcon from "assets/icons/calendar.svg";
 import close from "assets/icons/close.png";
 import fileDelete from "assets/icons/closeProjectPersons.svg";
@ -90,43 +87,14 @@ export const TicketFullScreen = () => {
  const [startDate, setStartDate] = useState(null);
  const [uploadedFile, setUploadedFile] = useState(null);
  const [taskFiles, setTaskFiles] = useState([]);
-  const [taskPriority, setTaskPriority] = useState("");
  const [acceptModalOpen, setAcceptModalOpen] = useState(false);
-  const [taskTags, setTaskTags] = useState([]);
-  const [selectTagsOpen, setSelectTagsOpen] = useState(false);
-  const [selectPriorityOpen, setSelectPriorityOpen] = useState(false);
-  const [correctProjectTags, setCorrectProjectTags] = useState([]);
  const { showNotification } = useNotification();
-  const [commentSendDisable, setCommentSendDisable] = useState(false);
-
-  const priority = {
-    2: "Высокий",
-    1: "Средний",
-    0: "Низкий",
-  };
-
-  const priorityTypes = [
-    {
-      name: "Высокий",
-      key: 2,
-    },
-    {
-      name: "Средний",
-      key: 1,
-    },
-    {
-      name: "Низкий",
-      key: 0,
-    },
-  ];

  useEffect(() => {
-    initListeners();
    apiRequest(`/task/get-task?task_id=${ticketId.id}&expand=mark`).then(
      (taskInfo) => {
        setTaskInfo(taskInfo);
        setDeadLine(taskInfo.dead_line);
-        setTaskPriority(taskInfo.execution_priority);
        setStartDate(
          taskInfo.dead_line ? new Date(taskInfo.dead_line) : new Date()
        );
@ -135,7 +103,6 @@ export const TicketFullScreen = () => {
          description: taskInfo.description,
          comment: "",
        });
-        setTaskTags(taskInfo.mark);
        apiRequest(
          `/comment/get-by-entity?entity_type=2&entity_id=${taskInfo.id}`
        ).then((res) => {
@ -181,7 +148,7 @@ export const TicketFullScreen = () => {
            });
        });
        apiRequest(
-          `/project/get-project?project_id=${taskInfo.project_id}&expand=columns,mark`
+          `/project/get-project?project_id=${taskInfo.project_id}&expand=columns`
        ).then((res) => {
          setProjectInfo(res);
          setCorrectProjectUsers(res.projectUsers);
@ -191,18 +158,6 @@ export const TicketFullScreen = () => {
    );
  }, []);

-  useEffect(() => {
-    let tagIds = taskTags.map((tag) => tag.id);
-    if (projectInfo.mark) {
-      setCorrectProjectTags(
-        projectInfo.mark.reduce((acc, cur) => {
-          if (!tagIds.includes(cur.id)) acc.push(cur);
-          return acc;
-        }, [])
-      );
-    }
-  }, [taskTags, projectInfo]);
-
  function deleteTask() {
    apiRequest("/task/update-task", {
      method: "PUT",
@ -245,8 +200,6 @@ export const TicketFullScreen = () => {
  }

  function createComment() {
-    if (!inputsValue.comment) return;
-    setCommentSendDisable(true);
    apiRequest("/comment/create", {
      method: "POST",
      data: {
@ -256,7 +209,6 @@ export const TicketFullScreen = () => {
      },
    }).then((res) => {
      let newComment = res;
-      setCommentSendDisable(false);
      newComment.created_at = new Date();
      newComment.subComments = [];
      setInputsValue((prevValue) => ({ ...prevValue, comment: "" }));
@ -509,127 +461,26 @@ export const TicketFullScreen = () => {
    setUploadedFile(null);
  }

-  function updateTaskPriority(key) {
-    setSelectPriorityOpen(false);
-    apiRequest("/task/update-task", {
-      method: "PUT",
-      data: {
-        task_id: taskInfo.id,
-        execution_priority: key,
-      },
-    }).then(() => {});
-  }
-
-  // function deleteFile(file) {
-  //   apiRequest("/file/detach", {
-  //     method: "DELETE",
-  //     data: {
-  //       file_id: file.id,
-  //       entity_type: 2,
-  //       entity_id: taskInfo.id,
-  //       status: 0,
-  //     },
-  //   }).then(() => {
-  //     setTaskFiles((prevValue) =>
-  //       prevValue.filter((item) => item.id !== file.id)
-  //     );
-  //   });
-  // }
-
  function deleteFile(file) {
-    setTaskFiles((prevValue) =>
-      prevValue.filter((item) => item.id !== file.id)
-    );
+    apiRequest("/file/detach", {
+      method: "DELETE",
+      data: {
+        file_id: file.id,
+        entity_type: 2,
+        entity_id: taskInfo.id,
+        status: 0,
+      },
+    }).then(() => {
+      setTaskFiles((prevValue) =>
+        prevValue.filter((item) => item.id !== file.id)
+      );
+    });
  }

  function closeAcceptModal() {
    setAcceptModalOpen(false);
  }

-  function deleteTagFromTask(tagId) {
-    apiRequest("/mark/detach", {
-      method: "DELETE",
-      data: {
-        mark_id: tagId,
-        entity_type: 2,
-        entity_id: taskInfo.id,
-      },
-    }).then(() => {
-      setTaskTags((prevValue) => prevValue.filter((tag) => tag.id !== tagId));
-    });
-  }
-
-  function addTagToTask(tagId) {
-    apiRequest("/mark/attach", {
-      method: "POST",
-      data: {
-        mark_id: tagId,
-        entity_type: 2,
-        entity_id: taskInfo.id,
-      },
-    }).then((data) => {
-      setSelectTagsOpen(false);
-      setTaskTags((prevValue) => [...prevValue, data.mark]);
-    });
-  }
-
-  const initListeners = () => {
-    document.addEventListener("click", closeByClickingOut);
-  };
-
-  const closeByClickingOut = (event) => {
-    const path = event.path || (event.composedPath && event.composedPath());
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("button-add-worker") ||
-            div.classList.contains("dropdownList"))
-      )
-    ) {
-      setDropListOpen(false);
-      setDropListMembersOpen(false);
-    }
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("deadLine") ||
-            div.classList.contains("react-datepicker-popper"))
-      )
-    ) {
-      setDatePickerOpen(false);
-    }
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("tags") ||
-            div.classList.contains("tags__dropDown"))
-      )
-    ) {
-      setSelectTagsOpen(false);
-    }
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("addPerson") ||
-            div.classList.contains("persons__list"))
-      )
-    ) {
-      setPersonListOpen(false);
-    }
-  };
-
  return (
    <section className="ticket-full-screen">
      <ProfileHeader />
@ -772,12 +623,9 @@ export const TicketFullScreen = () => {
                      </div>
                    )}
                  </div>
-                  <Link
-                    to={`/tracker/project/${taskInfo.project_id}`}
-                    className="link"
-                  >
+                  <Link to={`/profile/tracker`} className="link">
                    <div className="tasks__head__back">
-                      <p>Вернуться на проект</p>
+                      <p>Вернуться на проекты</p>
                      <img src={arrow} alt="arrow" />
                    </div>
                  </Link>
@ -843,12 +691,19 @@ export const TicketFullScreen = () => {
                    <div className="task__files filesFullScreen">
                      {taskFiles.map((file) => {
                        return (
-                          <FileTracker
-                            key={file.id}
-                            file={file}
-                            setDeletedTask={deleteFile}
-                            taskId={taskInfo.id}
-                          />
+                          <div className="taskFile" key={file.id}>
+                            <img
+                              className="imgFile"
+                              src={backendImg(file.file?.url)}
+                              alt="img"
+                            />
+                            <div
+                              className="deleteFile"
+                              onClick={() => deleteFile(file)}
+                            >
+                              <img src={fileDelete} alt="delete" />
+                            </div>
+                          </div>
                        );
                      })}
                    </div>
@ -921,12 +776,7 @@ export const TicketFullScreen = () => {
                        }));
                      }}
                    />
-                    <img
-                      className={commentSendDisable ? "disable" : ""}
-                      src={send}
-                      onClick={createComment}
-                      alt="send"
-                    ></img>
+                    <img src={send} onClick={createComment} alt="send"></img>
                  </div>
                  <div className="comments__list">
                    {comments.map((comment) => {
@ -1139,101 +989,7 @@ export const TicketFullScreen = () => {
                    </button>
                  )}
                </div>
-                <div className="workers_box-tag">
-                  <div className="tags">
-                    <div className="tags__selected">
-                      {taskTags.map((tag) => {
-                        return (
-                          <div
-                            className="tags__selected__item"
-                            key={tag.id}
-                            style={{ background: tag.color }}
-                          >
-                            <p>{tag.slug}</p>
-                            <img
-                              src={close}
-                              className="delete"
-                              alt="delete"
-                              onClick={() => deleteTagFromTask(tag.id)}
-                            />
-                          </div>
-                        );
-                      })}
-                    </div>
-                    <div
-                      className="tags__select"
-                      onClick={() => setSelectTagsOpen(!selectTagsOpen)}
-                    >
-                      <span>Выберите тег</span>
-                      <img
-                        className={selectTagsOpen ? "open" : ""}
-                        src={arrowDown}
-                        alt="arrow"
-                      />
-                    </div>
-                    {selectTagsOpen && (
-                      <div className="tags__dropDown">
-                        <img
-                          onClick={() => setSelectTagsOpen(false)}
-                          className="tags__dropDown__close"
-                          src={close}
-                          alt="close"
-                        />
-                        {correctProjectTags.map((tag) => {
-                          return (
-                            <div
-                              className="tagItem"
-                              key={tag.id}
-                              onClick={() => addTagToTask(tag.id)}
-                            >
-                              <p>{tag.slug}</p>
-                              <span style={{ background: tag.color }} />
-                            </div>
-                          );
-                        })}
-                        {!Boolean(correctProjectTags.length) && (
-                          <p className="tags__dropDown__noItem">Нет тегов</p>
-                        )}
-                      </div>
-                    )}
-                  </div>
-                </div>

-                <div className="workers_box-priority">
-                  <div
-                    className="priority__name"
-                    onClick={() => setSelectPriorityOpen(!selectPriorityOpen)}
-                  >
-                    <span>
-                      {typeof taskPriority === "number"
-                        ? priority[taskPriority]
-                        : "Выберите приоритет"}
-                    </span>
-                    <img
-                      className={selectPriorityOpen ? "open" : ""}
-                      src={arrowDown}
-                      alt="arrow"
-                    />
-                  </div>
-                  {selectPriorityOpen && (
-                    <div className="priority__dropDown">
-                      {priorityTypes.map((item) => {
-                        return (
-                          <div
-                            className="priority__dropDown__item"
-                            key={item.key}
-                            onClick={() => {
-                              setTaskPriority(item.key);
-                              updateTaskPriority(item.key);
-                            }}
-                          >
-                            {item.name}
-                          </div>
-                        );
-                      })}
-                    </div>
-                  )}
-                </div>
                <div className="workers_box-bottom">
                  <div
                    className={editOpen ? "edit" : ""}
@ -1283,11 +1039,7 @@ export const TicketFullScreen = () => {
        )}
      </div>
      {acceptModalOpen && (
-        <AcceptModal
-          title={"Вы точно хотите переместить задачу в архив?"}
-          closeModal={closeAcceptModal}
-          agreeHandler={deleteTask}
-        />
+        <AcceptModal closeModal={closeAcceptModal} agreeHandler={deleteTask} />
      )}
      <Footer />
    </section>
--- a/src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx
+++ b/src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx
@ -32,11 +32,10 @@ import { getCorrectDate } from "@components/Calendar/calendarHelper";
 import BaseButton from "@components/Common/BaseButton/BaseButton";
 import ModalLayout from "@components/Common/ModalLayout/ModalLayout";

+import arrowCreateTask from "assets/icons/arrows/arrowCreateTask.svg";
 import arrowRight from "assets/icons/arrows/arrowRightCreateTask.svg";
 import arrowDown from "assets/icons/arrows/selectArrow.png";
-import close from "assets/icons/close.png";
 import calendarImg from "assets/icons/createTaskCalendar.svg";
-import crossWhite from "assets/icons/crossWhite.svg";
 import avatarMok from "assets/images/avatarMok.png";

 import "./trackerModal.scss";
@ -52,7 +51,6 @@ export const TrackerModal = ({
  projectId,
  priorityTask,
  projectUsers,
-  projectMarks,
 }) => {
  const dispatch = useDispatch();
  const projectBoard = useSelector(getProjectBoard);
@ -78,11 +76,6 @@ export const TrackerModal = ({
  );
  const [selectExecutorTaskOpen, setSelectExecutorTaskOpen] = useState(false);
  const [correctProjectUsers, setCorrectProjectUsers] = useState([]);
-  const [correctProjectTags, setCorrectProjectTags] = useState([]);
-  const [taskTags, setTaskTags] = useState([]);
-  const [selectTagsOpen, setSelectTagsOpen] = useState(false);
-  const [selectedPriority, setSelectedPriority] = useState(null);
-  const [selectPriority, setSelectPriority] = useState(false);
  const [selectColumnPriorityOpen, setSelectColumnPriorityOpen] =
    useState(false);
  const { showNotification } = useNotification();
@ -90,21 +83,6 @@ export const TrackerModal = ({
  const [datePickerOpen, setDatePickerOpen] = useState(false);
  const [startDate, setStartDate] = useState(new Date());

-  const priority = [
-    {
-      name: "Высокий",
-      key: 2,
-    },
-    {
-      name: "Средний",
-      key: 1,
-    },
-    {
-      name: "Низкий",
-      key: 0,
-    },
-  ];
-
  function createTab() {
    if (!valueColumn) {
      showNotification({ show: true, text: "Введите название", type: "error" });
@ -146,7 +124,6 @@ export const TrackerModal = ({
        status: 1,
        user_id: localStorage.getItem("id"),
        column_id: selectedTab,
-        execution_priority: selectedPriority ? selectedPriority.key : "",
        priority: priorityTask,
        dead_line: deadLineDate ? getCorrectRequestDate(deadLineDate) : "",
      },
@ -158,18 +135,6 @@ export const TrackerModal = ({
          type: "error",
        });
      } else {
-        for (let i = 0; i < taskTags.length; i++) {
-          apiRequest("/mark/attach", {
-            method: "POST",
-            data: {
-              mark_id: taskTags[i].id,
-              entity_type: 2,
-              entity_id: res.id,
-            },
-          }).then(() => {
-            setTaskTags([]);
-          });
-        }
        if (selectedExecutorTask.user_id) {
          apiRequest("/task/update-task", {
            method: "PUT",
@ -183,7 +148,6 @@ export const TrackerModal = ({
            setValueTiket("");
            setDescriptionTicket("");
            setSelectedExecutorTask("Выберите исполнителя задачи");
-            setSelectedPriority(null);
          });
        } else {
          setActive(false);
@ -340,53 +304,8 @@ export const TrackerModal = ({
    } else {
      setCorrectProjectUsers(projectUsers);
    }
-    initListeners();
  }, [active]);

-  useEffect(() => {
-    let tagIds = taskTags.map((tag) => tag.id);
-    if (projectMarks) {
-      setCorrectProjectTags(
-        projectMarks.reduce((acc, cur) => {
-          if (!tagIds.includes(cur.id)) acc.push(cur);
-          return acc;
-        }, [])
-      );
-    }
-  }, [taskTags, projectMarks]);
-
-  const initListeners = () => {
-    document.addEventListener("click", closeByClickingOut);
-  };
-
-  const closeByClickingOut = (event) => {
-    const path = event.path || (event.composedPath && event.composedPath());
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("tags__selected__name") ||
-            div.classList.contains("tags__dropDown"))
-      )
-    ) {
-      setSelectTagsOpen(false);
-    }
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("select__executor") ||
-            div.classList.contains("select__executor__dropDown"))
-      )
-    ) {
-      setSelectExecutorTaskOpen(false);
-    }
-  };
-
  return (
    <ModalLayout
      active={active}
@ -409,7 +328,7 @@ export const TrackerModal = ({
              {/*  />*/}
              {/*</div>*/}
              <p className="selectPerson__info">
-                Выберите пользователя в проекте или добавьте по e-mail
+                Выберите пользователя в проекте или добавьте по e- mail
              </p>
              <div className="invite__blocks">
                <div className="addPersonBlock">
@ -468,7 +387,7 @@ export const TrackerModal = ({
                  <div className="input-container invitePersonBlock__input">
                    <input
                      className="name-project"
-                      placeholder="e-mail"
+                      placeholder="email"
                      type="email"
                    />
                  </div>
@ -485,22 +404,11 @@ export const TrackerModal = ({
        <>
          <div className="title-project">
            <div className="createTaskHead">
-              <div className="createTaskBody__right__owner">
-                <p>Создатель : {profileInfo?.fio}</p>
-                <img
-                  src={
-                    profileInfo.photo
-                      ? urlForLocal(profileInfo.photo)
-                      : avatarMok
-                  }
-                  alt="avatar"
-                />
+              <span>Этап</span>
+              <div className="createTaskHead__selectColumn">
+                <span>Backlog</span>
+                <img src={arrowCreateTask} alt="arrow" />
              </div>
-              {/*<span>Этап</span>*/}
-              {/*<div className="createTaskHead__selectColumn">*/}
-              {/*  <span>Backlog</span>*/}
-              {/*  <img src={arrowCreateTask} alt="arrow" />*/}
-              {/*</div>*/}
            </div>
            <div className="createTaskBody">
              <div className="createTaskBody__left">
@ -537,106 +445,16 @@ export const TrackerModal = ({
                />
              </div>
              <div className="createTaskBody__right">
-                <div className="createTaskBody__right__tags">
-                  <div className="tags__selected">
-                    <div className="tags__selected__items">
-                      {taskTags.map((tag) => {
-                        return (
-                          <div
-                            className="selectedTag"
-                            key={tag.id}
-                            style={{ background: tag.color }}
-                          >
-                            <p>{tag.slug}</p>
-                            <img
-                              src={crossWhite}
-                              className="delete"
-                              alt="delete"
-                              onClick={() =>
-                                setTaskTags((prevState) =>
-                                  prevState.filter(
-                                    (prevTag) => prevTag.id !== tag.id
-                                  )
-                                )
-                              }
-                            />
-                          </div>
-                        );
-                      })}
-                    </div>
-                    <div
-                      className="tags__selected__name"
-                      onClick={() => setSelectTagsOpen(!selectTagsOpen)}
-                    >
-                      Выберите тег
-                      <img
-                        className={
-                          selectTagsOpen ? "arrow arrow--open" : "arrow"
-                        }
-                        src={arrowDown}
-                        alt="arrow"
-                      />
-                    </div>
-                  </div>
-                  {selectTagsOpen && (
-                    <div className="tags__dropDown">
-                      <img
-                        src={close}
-                        className="close"
-                        onClick={() => setSelectTagsOpen(false)}
-                      />
-                      {correctProjectTags.map((tag) => {
-                        return (
-                          <div
-                            className="tag__item"
-                            key={tag.id}
-                            onClick={() =>
-                              setTaskTags((prevState) => [...prevState, tag])
-                            }
-                          >
-                            <p>{tag.slug}</p>
-                            <span style={{ background: tag.color }} />
-                          </div>
-                        );
-                      })}
-                      {Boolean(!correctProjectTags.length) && (
-                        <p className="noTags">Нет тегов</p>
-                      )}
-                    </div>
-                  )}
-                </div>
-                <div className="select__priority">
-                  <div
-                    className="select__priority__name"
-                    onClick={() => setSelectPriority(!selectPriority)}
-                  >
-                    {selectedPriority
-                      ? `Приоритет: ${selectedPriority.name}`
-                      : "Выберите приоритет"}
-                    <img
-                      className={selectPriority ? "arrow arrow--open" : "arrow"}
-                      src={arrowDown}
-                      alt="arrow"
-                    />
-                  </div>
-                  {selectPriority && (
-                    <div className="select__priority__dropDown">
-                      {priority.map((item) => {
-                        return (
-                          <div
-                            className="dropdown__item"
-                            key={item.key}
-                            onClick={() => {
-                              setSelectPriority(false);
-                              setSelectedPriority(item);
-                            }}
-                          >
-                            {item.name}
-                          </div>
-                        );
-                      })}
-                    </div>
-                  )}
+                <div className="createTaskBody__right__owner">
+                  <p>Создатель : {profileInfo?.fio}</p>
+                  <img
+                    src={
+                      profileInfo.photo
+                        ? urlForLocal(profileInfo.photo)
+                        : avatarMok
+                    }
+                    alt="avatar"
+                  />
                </div>
                <div
                  onClick={() =>
--- a/src/components/Modal/Tracker/TrackerModal/trackerModal.scss
+++ b/src/components/Modal/Tracker/TrackerModal/trackerModal.scss
@ -162,7 +162,7 @@

    &__dropDown {
      position: absolute;
-      background: #f1f1f1;
+      background: #F1F1F1;
      border-radius: 8px;
      top: 55px;
      left: 0;
@ -233,7 +233,6 @@
      text-overflow: ellipsis;
      font-size: 14px;
      max-width: 270px;
-      margin-left: 10px;
    }

    img {
@ -243,8 +242,6 @@
    }

    &__dropDown {
-      max-height: 155px;
-      overflow-y: auto;
      display: flex;
      flex-direction: column;
      position: absolute;
@ -266,21 +263,6 @@
          }
        }
      }
-
-      &::-webkit-scrollbar {
-        width: 3px;
-        border-radius: 10px;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        background: #cbd9f9;
-        border-radius: 20px;
-      }
-
-      &::-webkit-scrollbar-track {
-        background: #c5c0c6;
-        border-radius: 20px;
-      }
    }

    @media (max-width: 500px) {
@ -300,7 +282,7 @@
    display: flex;
    column-gap: 9.5px;
    align-items: center;
-    background: #f1f1f1;
+    background: #F1F1F1;
    border-radius: 22px 22px 0 0;

    span {
@ -315,10 +297,10 @@

      span {
        padding: 3.75px 16.25px 5.75px;
-        color: #ffffff;
+        color: #FFFFFF;
        font-size: 12px;
        font-weight: 500;
-        background: #52b709;
+        background: #52B709;
        border-radius: 12px;
      }
    }
@ -340,13 +322,13 @@
      }

      .input-container {
-        background: #f1f1f1;
+        background: #F1F1F1;
        margin: 0 0 17px;
        width: 393px;
        height: 47px;

        input {
-          background: #f1f1f1;
+          background: #F1F1F1;
          color: #000000;
          font-size: 15px;
          line-height: 18px;
@ -355,7 +337,7 @@
      }

      .ck-editor {
-        border: 1px solid #dddddd;
+        border: 1px solid #DDDDDD;
        border-radius: 8px;
      }

@ -375,8 +357,9 @@
        display: flex;
        align-items: center;
        column-gap: 9.5px;
+        margin-bottom: 30px;
        p {
-          color: #2d4a17;
+          color: #2D4A17;
          font-size: 14px;
          font-weight: 500;
          line-height: 32px;
@ -388,198 +371,14 @@
        }
      }

-      &__tags {
-        display: flex;
-        flex-direction: column;
-        position: relative;
-
-        .tags {
-          &__selected {
-            width: 393px;
-            font-weight: 300;
-            line-height: 18px;
-            font-size: 15px;
-            margin-bottom: 17.5px;
-            border-radius: 8px;
-            display: flex;
-            flex-direction: column;
-            row-gap: 8px;
-
-            &__name {
-              color: #000;
-              font-size: 15px;
-              font-weight: 400;
-              line-height: normal;
-              cursor: pointer;
-              display: flex;
-              align-items: center;
-              justify-content: space-between;
-              padding: 9.5px 12px;
-              border-radius: 8px;
-              height: 47px;
-              border: 1px solid #e4e4e4;
-
-              img {
-                transition: all 0.3s ease;
-              }
-
-              .arrow--open {
-                transform: rotate(180deg);
-              }
-            }
-
-            &__items {
-              display: flex;
-              flex-wrap: wrap;
-              padding: 0;
-              width: 100%;
-              gap: 8px;
-              max-width: 393px;
-
-              .selectedTag {
-                display: flex;
-                padding: 7px 7px 7px 8px;
-                border-radius: 35px;
-                align-items: center;
-                column-gap: 8px;
-
-                p {
-                  color: #fff;
-                  font-size: 13px;
-                  font-style: normal;
-                  font-weight: 500;
-                  line-height: 0px;
-                  margin: 0;
-                }
-
-                .delete {
-                  cursor: pointer;
-                  width: 12px;
-                  height: 12px;
-                }
-              }
-            }
-          }
-
-          &__dropDown {
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-            position: absolute;
-            border-radius: 8px;
-            border: 1px solid #e4e4e4;
-            top: 90%;
-            z-index: 101;
-            padding: 30px 10px 10px;
-            background: #ebebeb;
-            row-gap: 8px;
-
-            .close {
-              position: absolute;
-              cursor: pointer;
-              width: 22px;
-              height: 22px;
-              right: 9px;
-              top: 4px;
-            }
-
-            .tag__item {
-              display: flex;
-              align-items: center;
-              height: 42px;
-              background: white;
-              width: 100%;
-              cursor: pointer;
-              column-gap: 8px;
-              padding: 9px 14px;
-              border: 1px solid #ececec;
-              border-radius: 8px;
-              justify-content: space-between;
-
-              p {
-                color: #000;
-                font-size: 14px;
-                font-style: normal;
-                font-weight: 300;
-                line-height: 0px;
-                margin: 0;
-                text-decoration: none;
-              }
-
-              span {
-                width: 22px;
-                height: 23px;
-                border-radius: 8px;
-              }
-            }
-
-            .noTags {
-              text-align: center;
-              font-size: 18px;
-            }
-          }
-        }
-      }
-
-      .select__priority {
-        position: relative;
-
-        &__name {
-          color: #000;
-          width: 393px;
-          height: 47px;
-          font-size: 15px;
-          font-weight: 400;
-          line-height: normal;
-          cursor: pointer;
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          padding: 9.5px 12px;
-          border-radius: 8px;
-          height: 47px;
-          border: 1px solid #e4e4e4;
-          margin-bottom: 10px;
-        }
-
-        &__dropDown {
-          position: absolute;
-          border-radius: 8px;
-          padding: 9.5px 12px;
-          display: flex;
-          flex-direction: column;
-          row-gap: 5px;
-          width: 100%;
-          background: #f1f1f1;
-          z-index: 101;
-
-          .dropdown__item {
-            font-size: 16px;
-            cursor: pointer;
-
-            &:hover {
-              font-weight: 700;
-            }
-          }
-        }
-
-        img {
-          transition: all 0.3s ease;
-        }
-
-        .arrow--open {
-          transform: rotate(180deg);
-        }
-      }
-
      .select__executor {
-        background: #f1f1f1;
+        background: #F1F1F1;
        width: 393px;
        height: 47px;
        font-weight: 300;
        line-height: 18px;
        font-size: 15px;
-        margin-bottom: 27px;
+        margin-bottom: 17.5px;
        z-index: 100;
      }

@ -587,7 +386,7 @@
        margin: 0;
        width: 185px;
        height: 42px;
-        color: #ffffff;
+        color: #FFFFFF;
        font-weight: 500;
        font-size: 16px;
      }
@ -603,7 +402,7 @@
        margin-bottom: 22px;

        span {
-          color: #6f6f6f;
+          color: #6F6F6F;
        }

        p {
@ -742,7 +541,7 @@
 .exit {
  cursor: pointer;
  position: absolute;
-  top: 20px;
+  top: 36px;
  right: 20px;
  width: 13px;
  height: 13px;
--- a/src/components/Navigation/Navigation.jsx
+++ b/src/components/Navigation/Navigation.jsx
@ -26,7 +26,7 @@ export const Navigation = () => {
      },
      {
        path: "/calendar",
-        name: "Отчеты",
+        name: "Отчетность",
      },
      {
        path: "/tracker",
@ -36,10 +36,6 @@ export const Navigation = () => {
        path: "/payouts",
        name: "Выплаты",
      },
-      {
-        path: "/quiz",
-        name: "Тесты",
-      },
      {
        path: "/settings",
        name: "Настройки",
@ -77,15 +73,8 @@ export const Navigation = () => {
    if (localStorage.getItem("role_status") === "18") {
      return;
    }
-    if (Object.keys(profileInfo).length) {
-      return;
-    }
-    apiRequest(`/user/me`).then((profileInfo) =>
-      dispatch(
-        setProfileInfo(
-          profileInfo.userCard ? profileInfo.userCard : profileInfo
-        )
-      )
+    apiRequest(`/profile/${localStorage.getItem("cardId")}`).then(
+      (profileInfo) => dispatch(setProfileInfo(profileInfo))
    );
  }, [dispatch]);

@ -95,11 +84,7 @@ export const Navigation = () => {
        <nav className="profileHeader__nav">
          {navInfo[user].map((link, index) => {
            return (
-              <NavLink
-                key={index}
-                end
-                to={link.path === "/quiz" ? link.path : `/profile${link.path}`}
-              >
+              <NavLink key={index} end to={`/profile${link.path}`}>
                {link.name}
              </NavLink>
            );
@ -108,12 +93,12 @@ export const Navigation = () => {

        <div className="profileHeader__personalInfo">
          <h3 className="profileHeader__personalInfoName">
-            {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username}
+            {user === "developer" ? profileInfo?.fio : ""}
          </h3>
          <NavLink end to={"/profile"}>
            <img
              src={
-                profileInfo?.photo ? urlForLocal(profileInfo.photo) : avatarMok
+                profileInfo.photo ? urlForLocal(profileInfo.photo) : avatarMok
              }
              className="profileHeader__personalInfoAvatar"
              alt="avatar"
--- a/src/components/Notification/notification.scss
+++ b/src/components/Notification/notification.scss
@ -1,7 +1,7 @@
 .notification {
  border-radius: 40px;
  background: linear-gradient(180deg, #FFF 0%, #EBEBEB 100%);
-  padding: 15px 60px 15px 15px;
+  padding: 20px 82px 17px 27px;
  position: fixed;
  bottom: 25px;
  right: 25px;
@ -13,7 +13,7 @@
    align-items: center;

    h2 {
-      max-width: 210px;
+      max-width: 194px;
      font-weight: 500;
      font-size: 16px;
      margin-bottom: 0;
@ -27,8 +27,8 @@
  &__close {
    cursor: pointer;
    position: absolute;
-    top: 10px;
-    right: 20px;
+    top: 15px;
+    right: 25px;
    width: 15px;
    height: 15px;
  }
--- a/src/components/ProfileBreadcrumbs/profileBreadcrumbs.scss
+++ b/src/components/ProfileBreadcrumbs/profileBreadcrumbs.scss
@ -9,7 +9,7 @@
  a {
    color: #5b6871;
    font-weight: 400;
-    font-size: 13px;
+    font-size: 12px;
    line-height: 16px;
    transition: 0.3s all ease;
    position: relative;
@ -17,6 +17,14 @@
    display: flex;
    align-items: center;

+    @media (max-width: 525px) {
+      font-size: 10px;
+    }
+
+    @media (max-width: 455px) {
+      font-size: 9px;
+    }
+
    &:hover {
      text-decoration: none;
      color: #000000;
--- a/src/components/ProfileCalendar/ProfileCalendar.jsx
+++ b/src/components/ProfileCalendar/ProfileCalendar.jsx
@ -22,8 +22,6 @@ import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";

-import avatarMok from "assets/images/avatarMok.png";
-
 import { ProfileCalendarComponent } from "./ProfileCalendarComponent";
 import "./profileCalendar.scss";

@ -89,30 +87,29 @@ export const ProfileCalendar = () => {
        <ProfileBreadcrumbs
          links={[
            { name: "Главная", link: "/profile" },
-            { name: "Отчеты", link: "/profile/calendar" },
+            { name: "Ваша отчетность", link: "/profile/calendar" },
          ]}
        />
        <h2 className="summary__title">Ваши отчеты</h2>
        <div className="summary__info">
          <div className="summary__person">
            <img
-              src={
-                profileInfo?.photo ? urlForLocal(profileInfo.photo) : avatarMok
-              }
+              src={urlForLocal(profileInfo.photo)}
              className="summary__avatar"
              alt="avatar"
            />
            <p className="summary__name">
-              {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username},{" "}
-              {profileInfo.specification} разработчик
+              {profileInfo.fio}, {profileInfo.specification} разработчик
            </p>
          </div>
          <Link to="/report">
            <button
              className="calendar__btn"
-              onClick={() => dispatch(setReportDate(""))}
+              onClick={() => {
+                dispatch(setReportDate(""));
+              }}
            >
-              Заполнить отчет
+              Заполнить отчет за день
            </button>
          </Link>
        </div>
--- a/src/components/ProfileCalendar/ProfileCalendarComponent.jsx
+++ b/src/components/ProfileCalendar/ProfileCalendarComponent.jsx
@ -205,11 +205,11 @@ export const ProfileCalendarComponent = React.memo(
      <div className="calendar-component">
        <div className="calendar-component__header">
          <div className="calendar-component__header-info">
-            <h3>Мои отчеты за </h3>
+            <h3>Мои отчеты:</h3>
            <p className="calendar__hours">
              {month}&nbsp;
              <span>
-                ({totalHours} {hourOfNum(totalHours)})
+                {totalHours} {hourOfNum(totalHours)}{" "}
              </span>
            </p>
          </div>
@ -316,23 +316,19 @@ export const ProfileCalendarComponent = React.memo(
                ? `${getCorrectDate(startDate)} - ${getCorrectDate(endDate)}`
                : `${getCorrectDate(endDate)} - ${getCorrectDate(startDate)}`
              : activePeriod
-              ? "Выберите диапазон на календаре"
+              ? "Выберите начало диапазона"
              : "Выбрать диапазон"}
          </span>
          <span>
            {totalRangeHours
              ? `${totalRangeHours} ${hourOfNum(totalRangeHours)}`
-              : endDate
-              ? "0 часов"
-              : ""}
+              : "0 часов"}
          </span>
          {endDate && (
            <BaseButton
              styles={"clear-days"}
              onClick={() => {
                resetRangeDays();
-                toggleActivePeriod();
-                toggleRangeDays();
              }}
            >
              Сбросить
--- a/src/components/ProfileCalendar/profileCalendar.scss
+++ b/src/components/ProfileCalendar/profileCalendar.scss
@ -78,6 +78,7 @@
        margin: 0;
        max-width: 220px;
        overflow: hidden;
+        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
--- a/src/components/ProfileHeader/ProfileHeader.jsx
+++ b/src/components/ProfileHeader/ProfileHeader.jsx
@ -2,7 +2,8 @@ import React, { useEffect, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { NavLink, useNavigate } from "react-router-dom";

-import { auth, getProfileInfo, setProfileInfo } from "@redux/outstaffingSlice";
+import { auth, setProfileInfo } from "@redux/outstaffingSlice";
+import { getRole } from "@redux/roleSlice";

 import { apiRequest } from "@api/request";

@ -13,7 +14,8 @@ import "./profileHeader.scss";
 export const ProfileHeader = () => {
  const navigate = useNavigate();
  const dispatch = useDispatch();
-  const profileInfo = useSelector(getProfileInfo);
+
+  const userRole = useSelector(getRole);
  const [user] = useState(
    localStorage.getItem("role_status") === "18" ? "partner" : "developer"
  );
@ -24,16 +26,9 @@ export const ProfileHeader = () => {
    if (localStorage.getItem("role_status") === "18") {
      return;
    }
-    if (Object.keys(profileInfo).length) {
-      return;
-    }
-    apiRequest(`/user/me`).then((profileInfo) => {
-      dispatch(
-        setProfileInfo(
-          profileInfo.userCard ? profileInfo.userCard : profileInfo
-        )
-      );
-    });
+    apiRequest(`/profile/${localStorage.getItem("cardId")}`).then(
+      (profileInfo) => dispatch(setProfileInfo(profileInfo))
+    );
  }, [dispatch]);

  const handler = () => {
@ -41,7 +36,7 @@ export const ProfileHeader = () => {
    localStorage.clear();
    dispatch(auth(false));
    setIsLoggingOut(false);
-    navigate("/auth");
+    navigate(userRole === "ROLE_DEV" ? "/authdev" : "/auth");
  };

  return (
--- a/src/components/ProjectTiket/ProjectTiket.jsx
+++ b/src/components/ProjectTiket/ProjectTiket.jsx
@ -25,7 +25,6 @@ import "./projectTiket.scss";
 export const ProjectTiket = ({ project, index }) => {
  const [modalSelect, setModalSelect] = useState(false);
  const [modalAdd, setModalAdd] = useState(false);
-  const [modalDelete, setModalDelete] = useState(false);
  const [acceptModalOpen, setAcceptModalOpen] = useState(false);
  const [path, setPath] = useState("");
  const dispatch = useDispatch();
@ -44,10 +43,7 @@ export const ProjectTiket = ({ project, index }) => {

    if (
      event &&
-      !path.find(
-        (div) =>
-          div.classList && div.classList.contains(`project-${project.id}`)
-      )
+      !path.find((item) => item.classList && item.classList.contains("project"))
    ) {
      setModalSelect(false);
    }
@ -72,18 +68,14 @@ export const ProjectTiket = ({ project, index }) => {

  function closeAcceptModal() {
    setAcceptModalOpen(false);
-    setModalDelete(false);
  }

  function linkProject() {}

  return (
-    <div className={`project project-${project.id}`} key={index}>
-      <Link
-        to={`/tracker/project/${project.id}`}
-        className="project__open-traker"
-      >
-        <div className="project__link">{project.name}</div>
+    <div className="project" key={index}>
+      <Link to={`/tracker/project/${project.id}`}>
+        <p className="project__link">{project.name}</p>

        <div className="project__info">
          <p>Открытые задачи</p>
@ -98,15 +90,9 @@ export const ProjectTiket = ({ project, index }) => {
        </div>
      </Link>

-      <span
-        className="menu-settings"
-        onClick={() => {
-          setModalSelect(!modalSelect);
-        }}
-      >
+      <span className="menu-settings" onClick={() => setModalSelect(true)}>
        ...
      </span>
-
      <Link
        to={`/profile/statistics/${project.id}`}
        className="project__statistics"
@ -146,13 +132,7 @@ export const ProjectTiket = ({ project, index }) => {
            <img src={archiveSet}></img>
            <p>в архив</p>
          </div>
-
-          <div
-            onClick={() => {
-              setModalDelete(true);
-              setModalSelect(false);
-            }}
-          >
+          <div onClick={removeProject}>
            <img src={del}></img>
            <p>удалить</p>
          </div>
@ -160,15 +140,6 @@ export const ProjectTiket = ({ project, index }) => {
      </ModalSelect>
      {acceptModalOpen && (
        <AcceptModal
-          title={"Вы точно хотите переместить проект в архив?"}
-          closeModal={closeAcceptModal}
-          agreeHandler={removeProject}
-        />
-      )}
-
-      {modalDelete && (
-        <AcceptModal
-          title={"Вы точно хотите удалить?"}
          closeModal={closeAcceptModal}
          agreeHandler={removeProject}
        />
--- a/src/components/ProjectTiket/projectTiket.scss
+++ b/src/components/ProjectTiket/projectTiket.scss
@ -1,12 +1,10 @@
 .project {
-  display: flex;
-  flex-direction: column;
  position: relative;
  width: 322px;

  background: #f1f1f1;
  border-radius: 12px;
-
+  padding: 17px 26px 16px;
  cursor: pointer;
  max-width: 440px;
  transition: 0.4s;
@ -26,14 +24,14 @@

  &__link {
    font-weight: 700;
-    width: 194px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 32px;
    color: #111112;
    margin-bottom: 22px;
+    overflow: hidden;
+    white-space: nowrap;
+    display: flex;
+    text-overflow: ellipsis;
    max-width: 380px;

    &:hover {
@ -45,7 +43,7 @@
    display: flex;
    align-items: center;
    position: relative;
-    margin-bottom: 45px;
+    margin-bottom: 27px;

    p {
      color: #6f6f6f;
@ -87,7 +85,7 @@
    font-size: 21px;
    color: #6f6f6f;
    right: 26px;
-    top: 10px;
+    top: 59px;
  }

  &__avatar {
@ -96,18 +94,12 @@
    margin-left: 56px;
  }

-  &__open-traker {
-    padding: 17px 26px 16px;
-  }
-
  &__statistics {
-    position: absolute;
-    bottom: 18px;
-    left: 26px;
-    color: #0042b4;
+    color: #678eda;
+    margin-top: 27px;
    text-decoration: underline;
-    font-size: 14px;
-    font-weight: 400;
+    font-size: 12px;
+    font-weight: 300;
    line-height: 17px;
  }
 }
--- a/src/components/ReportForm/ReportForm.jsx
+++ b/src/components/ReportForm/ReportForm.jsx
@ -125,8 +125,8 @@ const ReportForm = () => {
        <ProfileBreadcrumbs
          links={[
            { name: "Главная", link: "/profile" },
-            { name: "Отчеты", link: "/profile/calendar" },
-            { name: "Добавить отчет", link: "/report" },
+            { name: "Ваша отчетность", link: "/profile/calendar" },
+            { name: "Страница добавления нового отчета", link: "/report" },
          ]}
        />
        <h2 className="summary__title">
@ -180,7 +180,9 @@ const ReportForm = () => {
                <p className="report-form__task-title--description">
                  Краткое описание задачи
                </p>
-                <p className="report-form__task-title--hours">Кол-во часов</p>
+                <p className="report-form__task-title--hours">
+                  Количество часов
+                </p>
              </div>

              {inputs.map((input, index) => {
@ -258,7 +260,7 @@ const ReportForm = () => {
                <p className="addMore" onClick={addInput}>
                  +
                </p>
-                <span>Добавить задачу</span>
+                <span>Добавить еще </span>
              </div>
            </div>
          </div>
@ -297,7 +299,7 @@ const ReportForm = () => {
                  {isFetching ? <Loader /> : "Отправить"}
                </button>
                <p className="report-form__footer-text">
-                  Всего за день:{" "}
+                  Всего за день :{" "}
                  <span>
                    {totalHours} {hourOfNum(totalHours)}
                  </span>
--- a/src/components/ReportForm/reportForm.scss
+++ b/src/components/ReportForm/reportForm.scss
@ -54,6 +54,7 @@
      font-weight: 700;
      font-style: normal;
      letter-spacing: normal;
+      line-height: 48.74px;
      text-align: left;

      @media (max-width: 555px) {
@ -74,7 +75,7 @@

      @media (max-width: 555px) {
        margin-top: 25px;
-        margin-bottom: 10px;
+        margin-bottom: 15px;
      }
    }
  }
@ -114,11 +115,12 @@
      font-weight: 700;
      font-style: normal;
      letter-spacing: normal;
+      line-height: 48.74px;
      width: 12px;
    }

    &-list {
-      margin-top: 30px;
+      margin-top: 40px;
      display: flex;
      align-items: center;

@ -144,7 +146,7 @@
    &-header {
      display: flex;
      justify-content: flex-start;
-      margin-top: 20px;
+      margin-top: 40px;
      margin-left: 50px;

      p {
@ -154,7 +156,7 @@
        letter-spacing: normal;
        line-height: normal;
        text-align: left;
-        margin-bottom: 10px;
+        margin-bottom: 26px;
        white-space: nowrap;

        @media (max-width: 450px) {
@ -274,7 +276,6 @@
    margin-left: 28px;
    display: flex;
    align-items: center;
-    justify-content: center;

    .addMore {
      display: flex;
@ -284,9 +285,9 @@
      width: 38px;
      height: 38px;
      background: #e8e8e8;
+      margin-bottom: 0;
      border-radius: 50px;
      font-size: 32px;
-      cursor: pointer;
    }

    span {
@ -296,8 +297,7 @@
      letter-spacing: normal;
      line-height: normal;
      text-align: left;
-      margin-left: 10px;
-      cursor: pointer;
+      margin-left: 20px;
    }
  }

@ -352,7 +352,6 @@

  &__footer {
    display: flex;
-    flex-direction: column-reverse;
    align-items: center;
    margin-top: 20px;

@ -381,13 +380,16 @@
    &-text {
      font-family: "GT Eesti Pro Display";
      font-size: 1.9em;
+      font-weight: 600;
      font-style: normal;
      letter-spacing: normal;
      line-height: 22.38px;
-      margin-bottom: 20px;
+      text-align: left;
+      margin-left: 40px;
+      margin-bottom: 0;

      span {
-        font-weight: 600;
+        font-weight: 100;
      }
    }

--- a/src/components/SideBar/SideBar.jsx
+++ b/src/components/SideBar/SideBar.jsx
@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { Link } from "react-router-dom";

 import arrow from "assets/icons/sideBarArrow.svg";
-import ITguild from "assets/images/logo/ITguild.svg";
+import LogoITguild from "assets/images/logo/LogoITguild.svg";

 import "./sidebar.scss";

@ -37,13 +37,13 @@ export const SideBar = () => {
        </div>
        <p className="outstaffing">
          <img src={arrow}></img>
-          {new Date().getFullYear()} © Outstaffing
+          2023 © Outstaffing
        </p>
      </div>

      <div className={active ? "auth-body active" : "auth-body"}>
        <div className="auth-body__title">
-          <img src={ITguild}></img>
+          <img src={LogoITguild}></img>
        </div>
        <ul className="auth-body__navigation">
          <li>
@ -72,10 +72,10 @@ export const SideBar = () => {
          </li>
        </ul>
        <p className="auth-body__politic">Политика конфиденциальности</p>
-        {/*<div className="auth-body__contacts">*/}
-        {/*  <h4>+7 812 363 17 87</h4>*/}
-        {/*  <p>Перезвонить Вам?</p>*/}
-        {/*</div>*/}
+        <div className="auth-body__contacts">
+          <h4>+7 812 363 17 87</h4>
+          <p>Перезвонить Вам?</p>
+        </div>
      </div>
    </div>
  );
--- a/src/components/SideBar/sidebar.scss
+++ b/src/components/SideBar/sidebar.scss
@ -125,10 +125,6 @@
  &__title {
    display: flex;
    margin-top: 24px;
-    
-    img {
-      width: 160px;
-    }
  }

  &__navigation {
@ -147,7 +143,7 @@

  &__politic {
    margin-top: 42px;
-    font-size: 14px;
+    font-size: 12px;
    line-height: 22px;
    color: #000000;
  }
@ -160,7 +156,7 @@
      line-height: 33px;
    }
    p {
-      font-size: 14px;
+      font-size: 12px;
    }
  }

@ -194,6 +190,6 @@
  @media (max-width: 1375px) {
    left: 0;
    width: 100%;
-    height: 705px;
+    height: 605px;
  }
 }
--- a/src/components/SliderWorkers/SliderWorkers.jsx
+++ b/src/components/SliderWorkers/SliderWorkers.jsx
@ -81,7 +81,7 @@ export const SliderWorkers = ({ title, titleInfo, subTitle }) => {
        </Slider>
        {Boolean(subTitle) ? (
          <div className="slider-workers__description">
-            <h2>Дополните Вашу команду опытными IT-специалистами</h2>
+            <h2>Дополните свою команду опытными ИТ-специалистами</h2>
            <p>
              Даём финансовые, юридические и кадровые гарантии, предоставляем
              SLA и отвечаем за работу команды. Вам не нужно искать, оформлять
--- a/src/components/StepsForCandidate/stepForCandidate.scss
+++ b/src/components/StepsForCandidate/stepForCandidate.scss
@ -46,14 +46,11 @@
      padding: 8px 26px;
      font-weight: 400;
      font-size: 16px;
-
-      @media (max-width: 450px) {
-        max-width: 180px;
-      }
+      line-height: 32px;
    }

    span {
-      margin-left: 20px;
+      margin-left: 55px;
      font-weight: 400;
      font-size: 16px;
      line-height: 32px;
--- a/src/components/features/quiz/Instructions.jsx
+++ b/src/components/features/quiz/Instructions.jsx
@ -47,7 +47,7 @@ export const Instruction = () => {
                <img src={comment} alt="" />
              </div>
              <div className="instruction__text instruction__text_info">
-                Вопросов в тесте: <span>{countQuestions}</span>
+                Количество вопросов в тесте: <span>{countQuestions}</span>
              </div>
            </div>
          </>
--- a/src/hooks/useLogout.js
+++ b/src/hooks/useLogout.js
@ -1,16 +1,18 @@
-import { useDispatch } from "react-redux";
+import { useDispatch, useSelector } from "react-redux";
 import { useNavigate } from "react-router-dom";

 import { auth } from "../redux/outstaffingSlice";
+import { getRole } from "../redux/roleSlice";

 export const useLogout = () => {
  const dispatch = useDispatch();
+  const userRole = useSelector(getRole);
  const navigate = useNavigate();

  const logout = () => {
    localStorage.clear();
    dispatch(auth(false));
-    navigate("/auth");
+    navigate(userRole === "ROLE_DEV" ? "/authdev" : "/auth");
  };

  return { logout };
--- a/src/index.css
+++ b/src/index.css
@ -18,6 +18,10 @@ code {
    monospace;
 }

+h1 {
+
+}
+
 .container {
  position: relative !important;
 }
--- a/src/pages/Article/Article.jsx
+++ b/src/pages/Article/Article.jsx
@ -73,7 +73,7 @@ export const Article = () => {
              предпринимателями и тщательно проверяем своих партнеров.
              Партнерами являются агентства, которые специализируются на
              оказании услуг в формате аутстафф-модели и обладают глубокой
-              экспертизой в разработке и внедрении IT-проектов.
+              экспертизой в разработке и внедрении ИТ-проектов.
            </p>
          </div>
          <img src={mockImgArticle} className="article-blog__body-img" />
@ -81,7 +81,7 @@ export const Article = () => {
            <p>
              С одной стороны, зарплаты в сфере разработки растут, с другой
              стороны, появляется огромное количество новичков, которые хотят
-              легко и просто войти в IT-сферу на волне востребованности и
+              легко и просто войти в ИТ-сферу на волне востребованности и
              больших зарплат. Разумеется, это приводит к осторожному отношению
              работодателя к выпускникам различных курсов. Нет такого курса,
              который даст на 100% готового джуна, слишком многое завязано на
--- a/src/pages/AuthForCandidate/AuthForCandidate.jsx
+++ b/src/pages/AuthForCandidate/AuthForCandidate.jsx
@ -146,14 +146,14 @@ export const AuthForCandidate = () => {
      <AuthHeader />
      <div className="container">
        <AuthBlock
-          title="Войти, если есть доступ"
-          description="Если вы получили доступ, пройдя
+          title="Войти, уже есть доступ"
+          description="если вы получили доступ пройдя
                   2 шага для входа или хотите узнать
                  свои результаты в кабинете"
        />
        <div className="auth-candidate__start">
          <h2 className="auth-candidate__start__title">
-            Хочу в команду <span>IT-специалистов</span>
+            Хочу в команду <span>Айти специалистов</span>
          </h2>
          <div className="change-mode__arrow">
            <img src={arrowBtn} alt="#"></img>
@ -162,7 +162,7 @@ export const AuthForCandidate = () => {
            Для нас не имеет значение Ваша локация.
          </p>
          <div className="auth-candidate__start__categoriesWrapper">
-            <StepsForCandidate step="шаг 1 - выберите специализацию" />
+            <StepsForCandidate step="шаг 1 - выбери специализацтию" />
            {personalInfoItems.map((item, index) => {
              return (
                <CategoriesItem
--- a/src/pages/AuthForCandidate/authForCandidate.scss
+++ b/src/pages/AuthForCandidate/authForCandidate.scss
@ -64,6 +64,6 @@
  }

  footer {
-    margin-top: 10px;
+    margin-top: 70px;
  }
 }
--- a/src/pages/AuthForDevelopers/AuthForDevelopers.jsx
+++ b/src/pages/AuthForDevelopers/AuthForDevelopers.jsx
@ -0,0 +1,124 @@
+import React, { useEffect } from "react";
+import { useSelector } from "react-redux";
+import { Link, useNavigate } from "react-router-dom";
+
+import { selectAuth } from "@redux/outstaffingSlice";
+
+import { scrollToForm } from "@utils/helper";
+
+import { AuthBox } from "@components/AuthBox/AuthBox";
+import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
+import { Footer } from "@components/Common/Footer/Footer";
+import SideBar from "@components/SideBar/SideBar";
+import SliderWorkers from "@components/SliderWorkers/SliderWorkers";
+
+import arrowBtn from "assets/icons/arrows/arrowRight.svg";
+import arrow from "assets/icons/arrows/arrow__login_page.png";
+import text from "assets/images/Body_Text.png";
+import vector from "assets/images/Vector_Smart_Object.png";
+import vectorBlack from "assets/images/Vector_Smart_Object_black.png";
+import cross from "assets/images/cross.png";
+import medium from "assets/images/medium_male_big.png";
+
+import "./authForDevelopers.scss";
+
+const AuthForDevelopers = () => {
+  const isAuth = useSelector(selectAuth);
+  let navigate = useNavigate();
+  const getToken = localStorage.getItem("auth_token");
+
+  useEffect(() => {
+    if (isAuth || getToken) {
+      navigate("/profile");
+    }
+  }, [getToken]);
+
+  return (
+    <section className="auth-developers">
+      <AuthHeader />
+      <SliderWorkers
+        title={"Свободные разработчики"}
+        titleInfo={"для Вашей команды"}
+        subTitle={true}
+      />
+      <div className="auth-developers__background">
+        <img className="auth-developers__vector" src={vector} alt="" />
+        <img
+          className="auth-developers__vector-black"
+          src={vectorBlack}
+          alt="#"
+        />
+        <div className="container">
+          <div className="change-mode">
+            <div className="change-mode__arrow" onClick={() => scrollToForm()}>
+              <img src={arrowBtn}></img>
+            </div>
+            <div className="buttons">
+              <Link to={"/authdev"}>
+                <button className="change-mode__developersForDev">
+                  Для разработчиков
+                </button>
+              </Link>
+              <Link to={"/auth"}>
+                <button className="change-mode__partnersForDev">
+                  Для партнёров
+                </button>
+              </Link>
+            </div>
+          </div>
+          <div className="row">
+            <div className="col-12 col-xl-6">
+              <div className="auth-developers__box">
+                <AuthBox title="для разработчиков" />
+              </div>
+            </div>
+            <div className="col-xl-2">
+              <img className="auth-developers__arrow" src={arrow} alt="" />
+            </div>
+            <div className="col-12 col-xl-4">
+              <div className="auth-developers__info">
+                <div className="auth-developers__info-box">
+                  <img src={medium} alt="" />
+                  <h3>
+                    Frontend разработчик,
+                    <br /> Middle
+                  </h3>
+                </div>
+
+                <div className="auth-developers__info-container">
+                  <div className="auth-developers__info-img">
+                    <div>
+                      <img className="cross" src={cross} alt="" />
+                    </div>
+                    <div>
+                      {/* <img className='auth-specialists} src={specialists} alt="" /> */}
+                      <p className="auth-developers__specialists">
+                        300 Специалистов
+                      </p>
+                    </div>
+                  </div>
+
+                  <ul className="auth-developers__info-list">
+                    <li className="auth-developers__info-item">
+                      Ruby on Rails
+                    </li>
+                    <li className="auth-developers__info-item">PHP</li>
+                    <li className="auth-developers__info-item">Python</li>
+                    <li className="auth-developers__info-item">Vue.js</li>
+                    <li className="auth-developers__info-item">React. JS</li>
+                  </ul>
+                </div>
+
+                <img className="auth-developers__img-text" src={text} alt="" />
+              </div>
+            </div>
+          </div>
+          <Footer />
+        </div>
+      </div>
+      <SideBar />
+    </section>
+  );
+};
+
+export default AuthForDevelopers;
--- a/src/pages/AuthForDevelopers/authForDevelopers.scss
+++ b/src/pages/AuthForDevelopers/authForDevelopers.scss
@ -0,0 +1,240 @@
+.auth-developers {
+  font-family: "LabGrotesque", sans-serif;
+  overflow: hidden;
+  position: relative;
+
+  &__background {
+    background-color: #f1f1f1;
+    position: relative;
+  }
+
+  &__vector,
+  &__vector-black {
+    position: absolute;
+  }
+
+  &__vector {
+    top: -37px;
+    left: -285px;
+  }
+
+  &__vector-black {
+    top: 460px;
+    right: -224px;
+
+    @media (max-width: 1200px) {
+      top: 370px;
+    }
+
+    @media (max-width: 1024px) {
+      top: 180px;
+    }
+  }
+
+  &__arrow {
+    margin-top: 360px;
+    z-index: 99;
+
+    @media (max-width: 1200px) {
+      display: none;
+    }
+  }
+
+  @media (max-width: 575.98px) {
+    &__vector,
+    &__vector-black,
+    &__arrow {
+      display: none;
+    }
+  }
+  &__info {
+    background-color: #e1fccf;
+    margin-top: 70px;
+    max-width: 310px;
+    padding-top: 30px;
+    position: relative;
+    padding-bottom: 310px;
+
+    @media (max-width: 1200px) {
+      display: none;
+    }
+  }
+
+  &__info-box {
+    display: flex;
+    align-items: center;
+  }
+
+  @media (max-width: 575.98px) {
+    &__info {
+      max-width: 380px;
+    }
+
+    &__info-box {
+      flex-direction: column;
+      justify-content: center;
+    }
+  }
+
+  @media (max-width: 375.98px) {
+    &__info {
+      max-width: 340px;
+    }
+  }
+
+  &__info-box > img {
+    width: 165px;
+    height: 165px;
+    margin-left: -84px;
+    margin-right: 30px;
+  }
+
+  @media (max-width: 575.98px) {
+    &__info-box > img {
+      margin-left: 0px;
+      margin-right: 0px;
+    }
+  }
+
+  &__info-box > h3 {
+    font-family: "GT Eesti Pro Display";
+    font-size: 2em;
+    font-weight: 100;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 36px;
+    text-align: left;
+  }
+
+  @media (max-width: 575.98px) {
+    &__info-box > h3 {
+      margin-top: 20px;
+    }
+  }
+
+  &__info-container {
+    display: flex;
+    position: relative;
+  }
+
+  &__info-img {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    margin-top: 28px;
+    margin-left: -40px;
+  }
+
+  &__info-img > div > img {
+    margin-bottom: 100px;
+  }
+
+  &__specialists {
+    font-family: "GT Eesti Pro Display";
+    font-size: 1.8em;
+    font-weight: 100;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 26.12px;
+    text-align: left;
+    transform: rotate(-90deg);
+    text-transform: uppercase;
+  }
+
+  &__info-list {
+    list-style: none;
+    margin-top: 110px;
+    position: absolute;
+    right: -70px;
+  }
+
+  @media (max-width: 575.98px) {
+    &__info-list {
+      left: 34px;
+    }
+  }
+
+  &__info-item {
+    color: #1f1f1f;
+    font-family: "GT Eesti Pro Display";
+    font-size: 4em;
+    font-weight: 700;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 56.95px;
+    text-align: left;
+    text-decoration: underline;
+    text-transform: uppercase;
+  }
+
+  @media (max-width: 575.98px) {
+    &__info-item {
+      font-size: 2.6em;
+    }
+  }
+
+  &__img-text {
+    position: absolute;
+    right: -68px;
+    bottom: -84px;
+  }
+
+  @media (max-width: 575.98px) {
+    &__img-text {
+      right: 0px;
+      bottom: -40px;
+    }
+  }
+  ////////////////////////////////////
+
+  &__auth-link {
+    display: block;
+  }
+
+  &__auth-link a {
+    display: block;
+    width: 100%;
+    height: 100%;
+    color: #fff;
+  }
+
+  @media (max-width: 766px) {
+    &__form-buttons {
+      flex-direction: column;
+    }
+
+    &__form-btn {
+      margin: 0;
+      margin-bottom: 1.5rem;
+    }
+  }
+}
+
+.change-mode {
+  &__partnersForDev {
+    background: #52b7098c;
+    color: #2d6505;
+    margin-left: -35px;
+  }
+
+  &__partnersForDev,
+  &__developersForDev {
+    width: 220px;
+    height: 50px;
+    border-radius: 44px;
+    font-size: 16px;
+    border: none;
+  }
+
+  &__developersForDev {
+    position: relative;
+    background: #406128;
+    color: white;
+  }
+
+  @media (max-width: 768px) {
+    &__partnersForDev {
+      margin: 15px 0 0 0;
+    }
+  }
+}
--- a/src/pages/AuthForPartners/AuthForPartners.jsx
+++ b/src/pages/AuthForPartners/AuthForPartners.jsx
@ -1,15 +1,18 @@
 import React, { useEffect } from "react";
 import { useSelector } from "react-redux";
-import { useNavigate } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";

 import { selectAuth } from "@redux/outstaffingSlice";

+import { scrollToForm } from "@utils/helper";
+
 import { AuthBox } from "@components/AuthBox/AuthBox";
 import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
 import { Footer } from "@components/Common/Footer/Footer";
 import SideBar from "@components/SideBar/SideBar";
 import SliderWorkers from "@components/SliderWorkers/SliderWorkers";

+import arrowBtn from "assets/icons/arrows/arrowRight.svg";
 import arrow from "assets/icons/arrows/arrow__login_page.png";
 import text from "assets/images/Body_Text.png";
 import vector from "assets/images/Vector_Smart_Object.png";
@ -17,9 +20,9 @@ import vectorBlack from "assets/images/Vector_Smart_Object_black.png";
 import authImg from "assets/images/auth_img.png";
 import cross from "assets/images/cross.png";

-import "./auth.scss";
+import "./authForPartners.scss";

-const Auth = () => {
+const AuthForPartners = () => {
  const isAuth = useSelector(selectAuth);
  let navigate = useNavigate();

@ -43,10 +46,28 @@ const Auth = () => {
        <img className="auth-partners__vector" src={vector} alt="" />
        <img className="auth-partners__vector-black" src={vectorBlack} alt="" />
        <div className="container">
+          <div className="change-mode">
+            <div className="change-mode__arrow" onClick={() => scrollToForm()}>
+              <img src={arrowBtn}></img>
+            </div>
+            <div className="buttons">
+              <Link to={"/authdev"}>
+                <button className="change-mode__developersForPart">
+                  Для разработчиков
+                </button>
+              </Link>
+              <Link to={"/auth"}>
+                <button className="change-mode__partnersForPart">
+                  Для партнёров
+                </button>
+              </Link>
+            </div>
+          </div>
+
          <div className="row">
            <div className="col-12 col-xl-6">
              <div className="auth-partners__box">
-                <AuthBox />
+                <AuthBox title="для партнёров" />
              </div>
            </div>
            <div className="col-xl-2">
@ -69,6 +90,7 @@ const Auth = () => {
                      <img className="cross" src={cross} alt="" />
                    </div>
                    <div>
+                      {/* <img className='auth-specialists} src={specialists} alt="" /> */}
                      <p className="auth-partners__specialists">
                        300 Специалистов
                      </p>
@ -99,4 +121,4 @@ const Auth = () => {
  );
 };

-export default Auth;
+export default AuthForPartners;
--- a/src/pages/AuthForPartners/authForPartners.scss
+++ b/src/pages/AuthForPartners/authForPartners.scss
@ -181,7 +181,7 @@
  &__img-text {
    position: absolute;
    right: -68px;
-    bottom: 0px;
+    bottom: -84px;
  }

  @media (max-width: 575.98px) {
--- a/src/pages/CompanyInfo/CompanyInfo.jsx
+++ b/src/pages/CompanyInfo/CompanyInfo.jsx
@ -27,7 +27,7 @@ export const CompanyInfo = () => {
            <img src={arrow} alt="arrow" />
          </div>
          <p className="companyInfo__subTitle">
-            Мы предоставляем вам «в аренду» IT-специалистов. При этом они
+            Мы предоставляем вам «в аренду» it-специалистов. При этом они
            находятся в нашем штате. Оплата происходит за отработанные часы
          </p>
          <div className="companyInfo__info">
@ -36,8 +36,7 @@ export const CompanyInfo = () => {
                <img src={countingImg} alt="countingImg" />
                <div className="countingBlock__info">
                  <h3 className="countingBlock__title">
-                    Экономия бюджета компании - главное преимущество
-                    аутстаффинга
+                    Экономия бюджета компании - главное преимущество аутстафинга
                  </h3>
                  <p className="countingBlock__subTitle">
                    Приблизительный просчет дал результаты в экономии до 50%
--- a/src/pages/FrequentlyAskedQuestion/FrequentlyAskedQuestion.jsx
+++ b/src/pages/FrequentlyAskedQuestion/FrequentlyAskedQuestion.jsx
@ -17,7 +17,7 @@ export const FrequentlyAskedQuestion = () => {
    id: params.id,
    title: "Это фриланс-платформа?",
    answer:
-      "Нет, мы работаем только с юридическими лицами и индивидуальными предпринимателями и тщательно проверяем своих партнеров. Партнерами являются агентства, которые специализируются на оказании услуг в формате аутстафф-модели и обладают глубокой экспертизой в разработке и внедрении IT-проектов.",
+      "Нет, мы работаем только с юридическими лицами и индивидуальными предпринимателями и тщательно проверяем своих партнеров. Партнерами являются агентства, которые специализируются на оказании услуг в формате аутстафф-модели и обладают глубокой экспертизой в разработке и внедрении ИТ-проектов.",
  });

  useEffect(() => {
--- a/src/pages/PartnerAddRequest/PartnerAddRequest.js
+++ b/src/pages/PartnerAddRequest/PartnerAddRequest.js
@ -402,7 +402,7 @@ export const PartnerAddRequest = () => {
                <h4>Процесс:</h4>
              </div>
              <p>
-                При аутстаффе мы предоставляем вам IT-специалистов при этом они
+                При аутстафе мы предоставляем вам it-специалистов при этом они
                находятся в нашем штате.
                <br />
                <br />
--- a/src/pages/PartnerRequests/PartnerRequests.jsx
+++ b/src/pages/PartnerRequests/PartnerRequests.jsx
@ -98,7 +98,7 @@ export const PartnerRequests = () => {
            <div className="partnerRequests__noItems__create">
              <div className="partnerRequests__noItems__create__link">
                <img src={cursorImg} alt="cursor" />
-                <p>У вас ещё нет запросов на сотрудников</p>
+                <p>У вас еще нет запросов на сотрудников</p>
                <BaseButton>
                  <Link to={"/profile/add-request"}>
                    <span>+</span>
--- a/src/pages/PartnerSettings/PartnerSettings.jsx
+++ b/src/pages/PartnerSettings/PartnerSettings.jsx
@ -1,12 +1,7 @@
-import React, { useState } from "react";
-
-import { apiRequest } from "@api/request";
-
-import { useNotification } from "@hooks/useNotification";
+import React from "react";

 import BaseButton from "@components/Common/BaseButton/BaseButton";
 import { Footer } from "@components/Common/Footer/Footer";
-import { Loader } from "@components/Common/Loader/Loader";
 import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
@ -17,69 +12,6 @@ import kontur from "assets/images/logo/konturLogo.png";
 import "./partnerSettings.scss";

 export const PartnerSettings = () => {
-  const { showNotification } = useNotification();
-  const [inputsValue, setInputsValue] = useState({
-    name: "",
-    oldPassword: "",
-    password: "",
-  });
-
-  const [inputsError, setInputsError] = useState({
-    name: false,
-    password: false,
-  });
-
-  const [loader, setLoader] = useState(false);
-
-  const setSettings = () => {
-    if (inputsValue.name.length < 2) {
-      setInputsError((prevValue) => ({ ...prevValue, name: true }));
-      return;
-    }
-    if (inputsValue.password.length < 6 || inputsValue.oldPassword.length < 6) {
-      setInputsError(() => ({ name: false, password: true }));
-      return;
-    }
-    setLoader(true);
-    apiRequest("/user/change-personal-data", {
-      method: "PUT",
-      data: {
-        newUsername: inputsValue.name,
-      },
-    }).then((data) => {
-      apiRequest("/user/change-password", {
-        method: "PUT",
-        data: {
-          password: inputsValue.oldPassword,
-          newPassword: inputsValue.password,
-        },
-      }).then((data) => {
-        setLoader(false);
-        if (data.status === "success") {
-          setInputsError({
-            name: false,
-            password: false,
-          });
-          setInputsValue({
-            name: "",
-            oldPassword: "",
-            password: "",
-          });
-          showNotification({
-            show: true,
-            text: "Данные изменены",
-            type: "success",
-          });
-        } else {
-          showNotification({
-            show: true,
-            text: "Неверные данные",
-            type: "error",
-          });
-        }
-      });
-    });
-  };
  return (
    <div className="settings">
      <ProfileHeader />
@ -88,95 +20,32 @@ export const PartnerSettings = () => {
        <ProfileBreadcrumbs
          links={[
            { name: "Главная", link: "/profile" },
-            { name: "Настройки", link: "/profile/settings" },
+            { name: "Настройка профиля", link: "/profile/settings" },
          ]}
        />
        <div className="partner-settings">
-          <h2 className="infoPersonal__title">Настройки профиля</h2>
+          <h2 className="infoPersonal__title">Настройки акаунта</h2>
          <div className="partner-settings__body">
            <div className="partner-settings__login">
              <h3 className="settings__title">Вход в систему</h3>

-              <p className="settings__label">Изменение логина</p>
+              <p className="settings__lable-first">Изменение логина</p>
              <div className="settings__input">
-                <input
-                  className={inputsError.name ? "warning" : ""}
-                  placeholder="Имя"
-                  onChange={(e) => {
-                    setInputsValue((prevValue) => ({
-                      ...prevValue,
-                      name: e.target.value,
-                    }));
-                    setInputsError((prevValue) => ({
-                      ...prevValue,
-                      name: false,
-                    }));
-                  }}
-                  value={inputsValue.name}
-                />
-                {inputsError.name && (
-                  <span className="error">Минимум 2 символа</span>
-                )}
+                <input></input>
              </div>

-              <p className="settings__label">Изменение пароля</p>
-              <div className="settings__input oldPassword">
-                <input
-                  className={inputsError.password ? "warning" : ""}
-                  placeholder="Старый пароль"
-                  type={"password"}
-                  onChange={(e) => {
-                    setInputsValue((prevValue) => ({
-                      ...prevValue,
-                      oldPassword: e.target.value,
-                    }));
-                    setInputsError((prevValue) => ({
-                      ...prevValue,
-                      password: false,
-                    }));
-                  }}
-                  value={inputsValue.oldPassword}
-                />
-                {inputsError.password && (
-                  <span className="error">Введите верный пароль</span>
-                )}
-              </div>
+              <p className="settings__lable-second">Изменение пароля</p>
              <div className="settings__input">
-                <input
-                  className={inputsError.password ? "warning" : ""}
-                  placeholder="Новый пароль"
-                  type={"password"}
-                  onChange={(e) => {
-                    setInputsValue((prevValue) => ({
-                      ...prevValue,
-                      password: e.target.value,
-                    }));
-                    setInputsError((prevValue) => ({
-                      ...prevValue,
-                      password: false,
-                    }));
-                  }}
-                  value={inputsValue.password}
-                />
-                {inputsError.password && (
-                  <span className="error">Минимум 6 символов</span>
-                )}
+                <input></input>
              </div>

              <div className="settings__buttons">
                <BaseButton styles={"settings__buttons-cancel"}>
                  Отмена
                </BaseButton>
-                {loader ? (
-                  <Loader style={"green"} width={"40px"} height={"40px"} />
-                ) : (
-                  <BaseButton
-                    onClick={setSettings}
-                    styles={"settings__buttons-save"}
-                  >
-                    Сохранить
-                  </BaseButton>
-                )}
+                <BaseButton styles={"settings__buttons-save"}>
+                  Сохранить
+                </BaseButton>
              </div>
              <span className="settings__agreement">
                Нажимая "Сохранить", вы соглашаетесь с Правилами обработки и
@ -185,26 +54,28 @@ export const PartnerSettings = () => {
            </div>
            <div className="partner-settings__report">
              <h3 className="settings__title">Документы и отчеты</h3>
-              <p className="settings__label">Изменить провадера ЭДО</p>
+              <p className="settings__lable-first">Изменить провадера ЭДО</p>

              <div className="partner-settings__logo">
                <div>
-                  <label className="partner-settings__label">
+                  <label className="partner-settings__label-first">
                    <img src={astral}></img>
                    <input type="checkbox" />
-                    <span className="checkbox"></span>
+                    <span className="checkbox__first"></span>
                  </label>
                </div>
                <div>
-                  <label className="partner-settings__label">
+                  <label className="partner-settings__label-second">
                    <img src={kontur}></img>
                    <input type="checkbox" />
-                    <span className="checkbox"></span>
+                    <span className="checkbox__second"></span>
                  </label>
                </div>
              </div>

-              <p className="settings__label">Изменение названия компании</p>
+              <p className="settings__lable-second">
+                Изменение названия компании
+              </p>
              <div className="settings__input">
                <input></input>
              </div>
--- a/src/pages/PartnerSettings/partnerSettings.scss
+++ b/src/pages/PartnerSettings/partnerSettings.scss
@ -22,39 +22,38 @@
    line-height: 24px;
  }

-  &__label {
-    font-size: 15px;
-    line-height: 18px;
-    color: #000000;
-    margin: 15px 0 10px 0;
+  &__lable {
+    &-first,
+    &-second {
+      font-size: 15px;
+      line-height: 18px;
+      color: #000000;
+    }
+
+    &-first {
+      margin: 39px 0 10px 0;
+    }
+    &-second {
+      margin: 31px 0 10px 0;
+    }
  }

  &__input {
-    display: flex;
-    flex-direction: column;
-    row-gap: 5px;
+    background: #eff2f7;
+    border-radius: 8px;
+    width: 373px;
+    height: 35px;
+    border: none;
+
    input {
-      padding: 5px 10px;
-      background: #eff2f7;
-      border-radius: 8px;
-      height: 35px;
-      border: none;
      font-size: 15px;
+      background: #eff2f7;
+      height: 100%;
+      margin-left: 15px;
+      width: 85%;
+      border: none;
      outline: none;
    }
-
-    .error {
-      color: red;
-      font-size: 12px;
-    }
-
-    .warning {
-      border: 1px solid red;
-    }
-  }
-
-  .oldPassword {
-    margin-bottom: 25px;
  }

  &__agreement {
@ -65,16 +64,15 @@
  }

  &__buttons {
-    width: 100%;
+    width: 87%;
    display: flex;
    flex-direction: row;
-    justify-content: flex-start;
-    gap: 20px;
-    margin: 30px 0 20px;
+    justify-content: space-between;
+    margin: 36px 0 30px 0;

    &-cancel,
    &-save {
-      min-width: 151px;
+      width: 151px;
      height: 40px;
      font-size: 14px;
      line-height: 32px;
@ -104,7 +102,7 @@
    }
  }

-  @media (max-width: 800px) {
+  @media (max-width: 570px) {
    &__input {
      width: 95%;
    }
@ -114,7 +112,6 @@
      width: 100%;
      flex-direction: column-reverse;
      align-items: center;
-      gap: 0px;

      &-save {
        margin-bottom: 15px;
@ -124,7 +121,13 @@
 }

 .checkbox {
-  margin: 0px 0 0 20px;
+  &__first {
+    margin: 0px 0 0 20px;
+  }
+
+  &__second {
+    margin: 0px 20px 0 0;
+  }
 }

 .partner-settings {
@ -133,13 +136,14 @@
  &__body {
    display: flex;
    flex-direction: row;
-    justify-content: space-around;
+    justify-content: space-between;
    margin-top: 27px;
  }

  &__report,
  &__login {
    width: 500px;
+    height: 435px;
    background: #ffffff;
    border-radius: 12px;
    padding: 30px 60px;
@ -183,8 +187,15 @@
  }

  &__label {
-    display: flex;
-    align-items: center;
+    &-first,
+    &-second {
+      display: flex;
+      align-items: center;
+    }
+
+    &-second {
+      flex-direction: row-reverse;
+    }
  }

  @media (max-width: 1200px) {
@ -206,7 +217,10 @@
    }

    &__label {
-      flex-direction: row;
+      &-second,
+      &-first {
+        flex-direction: row;
+      }
    }
  }

@ -244,7 +258,6 @@

    &__report {
      margin-top: 55px;
-      margin-bottom: 10px;
    }

    &__logo {
@ -253,7 +266,16 @@
    }

    &__label {
-      flex-direction: row;
+      &-second,
+      &-first {
+        flex-direction: row;
+      }
+    }
+
+    .checkbox {
+      &__second {
+        margin: 0px 0 0 20px;
+      }
    }
  }
 }
--- a/src/pages/Profile/Profile.js
+++ b/src/pages/Profile/Profile.js
@ -36,7 +36,7 @@ export const Profile = () => {
      {
        path: "profile/summary",
        img: summaryIcon,
-        title: "Резюме",
+        title: "Данные и резюме",
        description: "Ваше резюме<br/><span>заполнено</span>",
      },
      {
@ -54,7 +54,7 @@ export const Profile = () => {
      {
        path: "profile/settings",
        img: settingIcon,
-        title: "Настройки профиля",
+        title: "Настройки аккаунта",
        description: "Перейдите чтобы начать<br/> редактирование",
      },
    ],
@ -87,7 +87,7 @@ export const Profile = () => {
      {
        path: "profile/settings",
        img: settingIcon,
-        title: "Настройки профиля",
+        title: "Настройки аккаунта",
        description: "Перейдите чтобы начать<br/> редактирование",
      },
    ],
@ -103,7 +103,7 @@ export const Profile = () => {
          {user === "developer" ? (
            <span>
              <p>Добрый день,&nbsp;</p>
-              {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username}
+              {profileInfo.fio}
            </span>
          ) : (
            "ООО НДВ Консалтинг"
@ -113,7 +113,7 @@ export const Profile = () => {
          <div className="summary__person">
            <img
              src={
-                profileInfo?.photo ? urlForLocal(profileInfo.photo) : avatarMok
+                profileInfo.photo ? urlForLocal(profileInfo.photo) : avatarMok
              }
              className="summary__avatar"
              alt="avatar"
@ -121,8 +121,7 @@ export const Profile = () => {
            <p className="summary__name">
              {user === "developer" ? (
                <span>
-                  {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username},{" "}
-                  {profileInfo?.specification} разработчик
+                  {profileInfo.fio}, {profileInfo.specification} разработчик
                </span>
              ) : (
                "ООО НДВ Консалтинг"
--- a/src/pages/Profile/profile.scss
+++ b/src/pages/Profile/profile.scss
@ -1,8 +1,8 @@
 .profile {
-  background: #f1f1f1;
+  background: #F1F1F1;
  height: 100%;
  min-height: 100vh;
-  font-family: "LabGrotesque", sans-serif;
+  font-family: 'LabGrotesque', sans-serif;

  &__title {
    font-weight: 700;
@ -14,7 +14,7 @@
      p {
        color: black;
      }
-      color: #52b709;
+      color: #52B709;
    }

    @media (max-width: 560px) {
@ -28,7 +28,7 @@
  }

  &__info {
-    min-height: 110px;
+    min-height: 128px;
    background: white;
    border-radius: 12px;
    margin-top: 30px;
--- a/src/pages/ProfileCandidate/ProfileCandidate.js
+++ b/src/pages/ProfileCandidate/ProfileCandidate.js
@ -25,7 +25,7 @@ export const ProfileCandidate = () => {
    {
      path: "profile/settings",
      img: settingIcon,
-      title: "Настройки профиля",
+      title: "Настройки аккаунта",
      description: "Перейдите чтобы начать редактирование",
    },
  ]);
--- a/src/pages/ProjectTracker/ProjectTracker.js
+++ b/src/pages/ProjectTracker/ProjectTracker.js
@ -33,7 +33,6 @@ import { useNotification } from "@hooks/useNotification";
 import BaseButton from "@components/Common/BaseButton/BaseButton";
 import { Footer } from "@components/Common/Footer/Footer";
 import { Loader } from "@components/Common/Loader/Loader";
-import AcceptModal from "@components/Modal/AcceptModal/AcceptModal";
 import ModalTicket from "@components/Modal/Tracker/ModalTicket/ModalTicket";
 import TrackerModal from "@components/Modal/Tracker/TrackerModal/TrackerModal";
 import { Navigation } from "@components/Navigation/Navigation";
@ -75,8 +74,6 @@ export const ProjectTracker = () => {
    add: false,
    edit: false,
  });
-  const [acceptModalOpen, setAcceptModalOpen] = useState(false);
-  const [currentColumnDelete, setCurrentColumnDelete] = useState(null);
  const [color, setColor] = useState("#aabbcc");
  const [tagInfo, setTagInfo] = useState({ description: "", name: "" });
  const [checkBoxParticipateTasks, setCheckBoxParticipateTasks] =
@ -90,22 +87,9 @@ export const ProjectTracker = () => {
  const loader = useSelector(getBoarderLoader);
  const { showNotification } = useNotification();

-  const priority = {
-    2: "Высокий",
-    1: "Средний",
-    0: "Низкий",
-  };
-
-  const priorityClass = {
-    2: "high",
-    1: "middle",
-    0: "low",
-  };
-
  useEffect(() => {
    dispatch(activeLoader());
    dispatch(setProjectBoardFetch(projectId.id));
-    initListeners();
  }, []);

  useEffect(() => {
@ -351,8 +335,6 @@ export const ProjectTracker = () => {
        ...prevState,
        edit: false,
      }));
-      setTagInfo({ description: "", name: "" });
-      setColor("#aabbcc");
    });
  }

@ -369,81 +351,6 @@ export const ProjectTracker = () => {
    });
  }

-  const initListeners = () => {
-    document.addEventListener("click", closeByClickingOut);
-  };
-
-  const closeByClickingOut = (event) => {
-    const path = event.path || (event.composedPath && event.composedPath());
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("addPerson") ||
-            div.classList.contains("persons__list"))
-      )
-    ) {
-      setPersonListOpen(false);
-    }
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("tasks__head__executor") ||
-            div.classList.contains("tasks__head__executorDropdown"))
-      )
-    ) {
-      setSelectedExecutorOpen(false);
-    }
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("tasks__head__tags") ||
-            div.classList.contains("tags__list"))
-      )
-    ) {
-      setTags({
-        open: false,
-        add: false,
-        edit: false,
-      });
-      setTagInfo({
-        description: "",
-        name: "",
-      });
-      setColor("#aabbcc");
-    }
-
-    if (
-      event &&
-      !path.find(
-        (div) =>
-          div.classList &&
-          (div.classList.contains("board__head__more") ||
-            div.classList.contains("column__select"))
-      )
-    ) {
-      setOpenColumnSelect((prevState) => {
-        const newState = {};
-        for (const key in prevState) {
-          newState[key] = false;
-        }
-        return newState;
-      });
-    }
-  };
-
-  function closeAcceptModal() {
-    setAcceptModalOpen(false);
-  }
-
  return (
    <div className="tracker">
      <ProfileHeader />
@ -493,7 +400,6 @@ export const ProjectTracker = () => {
            selectedTab={selectedTab}
            priorityTask={priorityTask}
            projectUsers={projectBoard.projectUsers}
-            projectMarks={projectBoard.mark}
          />

          {loader && <Loader style="green" />}
@ -531,13 +437,7 @@ export const ProjectTracker = () => {
                    }
                  >
                    {Boolean(projectBoard.projectUsers?.length) && (
-                      <div
-                        className={
-                          projectBoard.projectUsers?.length == 1
-                            ? "onePerson"
-                            : "projectPersons"
-                        }
-                      >
+                      <div className="projectPersons">
                        {projectBoard.projectUsers.slice(0, 3).map((person) => {
                          return (
                            <img
@ -714,19 +614,23 @@ export const ProjectTracker = () => {
                    </div>
                    {tags.open && (
                      <div className="tags__list">
-                        <div
-                          className="addNewTag"
-                          onClick={() =>
-                            setTags((prevState) => ({
-                              ...prevState,
-                              add: true,
-                            }))
-                          }
-                        >
-                          <p>Добавить новый тег</p>
-                          <span>+</span>
-                        </div>
-
+                        <img
+                          src={close}
+                          className="close"
+                          alt="close"
+                          onClick={() => {
+                            setTags({
+                              open: false,
+                              add: false,
+                              edit: false,
+                            });
+                            setTagInfo({
+                              description: "",
+                              name: "",
+                            });
+                            setColor("#aabbcc");
+                          }}
+                        />
                        {!tags.add && !tags.edit && (
                          <div className="tags__list__created">
                            {projectBoard.mark.map((tag) => {
@ -743,35 +647,46 @@ export const ProjectTracker = () => {
                                      className="tagItem__info__color"
                                      style={{ background: tag.color }}
                                    />
-
-                                    <div className="tagItem__info__images">
-                                      <img
-                                        src={edit}
-                                        alt="edit"
-                                        onClick={() => {
-                                          setTags((prevState) => ({
-                                            ...prevState,
-                                            edit: true,
-                                          }));
-                                          setTagInfo({
-                                            description: tag.title,
-                                            name: tag.slug,
-                                            editMarkId: tag.id,
-                                          });
-                                          setColor(tag.color);
-                                        }}
-                                      />
-                                      <img
-                                        onClick={() => deleteTag(tag.id)}
-                                        className="delete"
-                                        src={close}
-                                        alt="delete"
-                                      />
-                                    </div>
+                                  </div>
+                                  <div className="tagItem__images">
+                                    <img
+                                      src={edit}
+                                      alt="edit"
+                                      onClick={() => {
+                                        setTags((prevState) => ({
+                                          ...prevState,
+                                          edit: true,
+                                        }));
+                                        setTagInfo({
+                                          description: tag.title,
+                                          name: tag.slug,
+                                          editMarkId: tag.id,
+                                        });
+                                        setColor(tag.color);
+                                      }}
+                                    />
+                                    <img
+                                      onClick={() => deleteTag(tag.id)}
+                                      className="delete"
+                                      src={close}
+                                      alt="delete"
+                                    />
                                  </div>
                                </div>
                              );
                            })}
+                            <div
+                              className="addNewTag"
+                              onClick={() =>
+                                setTags((prevState) => ({
+                                  ...prevState,
+                                  add: true,
+                                }))
+                              }
+                            >
+                              <p>Добавить новый тег</p>
+                              <span>+</span>
+                            </div>
                          </div>
                        )}
                        {(tags.add || tags.edit) && (
@ -920,14 +835,7 @@ export const ProjectTracker = () => {
                            </div>
                            <div
                              className="column__select__item"
-                              onClick={() => {
-                                if (column.tasks.length) {
-                                  setAcceptModalOpen(true);
-                                  setCurrentColumnDelete(column);
-                                } else {
-                                  deleteColumn(column);
-                                }
-                              }}
+                              onClick={() => deleteColumn(column)}
                            >
                              <img src={del} alt="delete" />
                              <span>Удалить</span>
@ -1006,19 +914,6 @@ export const ProjectTracker = () => {
                                    })}
                                  </div>
                                )}
-                                {typeof task.execution_priority ===
-                                  "number" && (
-                                  <div className="tasks__board__item__priority">
-                                    <p>Приоритет:</p>
-                                    <span
-                                      className={
-                                        priorityClass[task.execution_priority]
-                                      }
-                                    >
-                                      {priority[task.execution_priority]}
-                                    </span>
-                                  </div>
-                                )}
                                {task.dead_line && (
                                  <div className="tasks__board__item__deadLine">
                                    <p>Срок исполнения:</p>
@ -1086,13 +981,6 @@ export const ProjectTracker = () => {
          )}
        </div>
      </div>
-      {acceptModalOpen && (
-        <AcceptModal
-          title={"В колонке ещё есть задачи, Вы точно хотите удалить её ?"}
-          closeModal={closeAcceptModal}
-          agreeHandler={() => deleteColumn(currentColumnDelete)}
-        />
-      )}
      <Footer />
    </div>
  );
--- a/src/pages/RegistrationForCandidate/RegistrationForCandidate.js
+++ b/src/pages/RegistrationForCandidate/RegistrationForCandidate.js
@ -17,7 +17,7 @@ export const RegistrationForCandidate = () => {
      <div className="container">
        <div className="registrationCandidate__start">
          <h2 className="auth-candidate__start__title">
-            Хочу в команду <span>IT-специалистов</span>
+            Хочу в команду <span>Айти специалистов</span>
          </h2>
          <div className="change-mode__arrow">
            <img src={arrowBtn}></img>
@ -41,7 +41,7 @@ export const RegistrationForCandidate = () => {
            </div>
            <form className="registrationCandidate__form">
              <div className="registrationCandidate__form__input">
-                <label htmlFor="name">Ваше имя</label>
+                <label htmlFor="name">Ваше имя *</label>
                <input id="name" type="text" placeholder="Имя" />
              </div>
              <div className="registrationCandidate__form__input">
@ -49,19 +49,19 @@ export const RegistrationForCandidate = () => {
                <input id="summary" type="text" placeholder="Резюме" />
              </div>
              <div className="registrationCandidate__form__input">
-                <label htmlFor="email">Ваш e-mail</label>
-                <input id="email" type="text" placeholder="E-mail" />
+                <label htmlFor="email">Ваш email *</label>
+                <input id="email" type="text" placeholder="Email" />
              </div>
              <div className="registrationCandidate__form__input">
-                <label htmlFor="tg">Ваш telegram</label>
-                <input id="tg" type="text" placeholder="Telegram" />
+                <label htmlFor="tg">Ваш телеграм*</label>
+                <input id="tg" type="text" placeholder="Телеграм" />
              </div>
              <div className="registrationCandidate__form__input">
-                <label htmlFor="password">Придумайте пароль</label>
+                <label htmlFor="password">Придумайте пароль*</label>
                <input id="password" type="text" placeholder="Пароль" />
              </div>
              <div className="registrationCandidate__form__input">
-                <label htmlFor="secondPassword">Повторите пароль</label>
+                <label htmlFor="secondPassword">Повторите пароль*</label>
                <input id="secondPassword" type="text" placeholder="Пароль" />
              </div>
              <div className="registrationCandidate__form__submit">
--- a/src/pages/Summary/Summary.js
+++ b/src/pages/Summary/Summary.js
@ -1,5 +1,3 @@
-import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
-import { CKEditor } from "@ckeditor/ckeditor5-react";
 import React, { useEffect, useState } from "react";
 import { useSelector } from "react-redux";
 import { Navigate } from "react-router-dom";
@ -17,10 +15,7 @@ import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";

 import rightArrow from "assets/icons/arrows/arrowRight.svg";
 import arrow from "assets/icons/arrows/left-arrow.png";
-import arrowDown from "assets/icons/arrows/selectArrow.png";
-import deleteIcon from "assets/icons/closeProjectPersons.svg";
 import gitImgItem from "assets/icons/gitItemImg.svg";
-import avatarMok from "assets/images/avatarMok.png";

 import "./summary.scss";

@ -31,49 +26,12 @@ export const Summary = () => {
  const profileInfo = useSelector(getProfileInfo);
  const [openGit, setOpenGit] = useState(false);
  const [gitInfo, setGitInfo] = useState([]);
-  const [editSummeryOpen, setEditSummeryOpen] = useState(false);
-  const [editSkills, setEditSkills] = useState(false);
-  const [summery, setSummery] = useState("");
-  const [selectedSkills, setSelectedSkills] = useState([]);
-  const [selectSkillsOpen, setSelectSkillsOpen] = useState(false);
-  const [skillsList, seSkillsList] = useState([]);

  useEffect(() => {
    apiRequest(
      `/profile/portfolio-projects?card_id=${localStorage.getItem("cardId")}`
    ).then((responseGit) => setGitInfo(responseGit));
  }, []);
-
-  useEffect(() => {
-    setSummery(profileInfo.vc_text);
-    setSelectedSkills(profileInfo.skillValues);
-  }, [profileInfo]);
-
-  useEffect(() => {
-    apiRequest(`/skills/get-skills-list`).then((el) => {
-      seSkillsList(el);
-    });
-  }, []);
-
-  function setSkills() {
-    apiRequest("/resume/edit-skills", {
-      method: "PUT",
-      data: {
-        UserCard: {
-          skill: selectedSkills.map((item) => item.skill_id),
-        },
-      },
-    }).then(() => {});
-  }
-
-  function editSummery() {
-    apiRequest("/resume/edit-text", {
-      method: "PUT",
-      data: {
-        resume: summery,
-      },
-    }).then(() => {});
-  }
  return (
    <div className="summary">
      <ProfileHeader />
@ -83,7 +41,7 @@ export const Summary = () => {
          <ProfileBreadcrumbs
            links={[
              { name: "Главная", link: "/profile" },
-              { name: "Резюме", link: "/profile/summary" },
+              { name: "Данные и резюме", link: "/profile/summary" },
            ]}
          />
          <h2 className="summary__title">
@ -98,17 +56,12 @@ export const Summary = () => {
          <div className={openGit ? "summary__info openGit" : "summary__info"}>
            <div className="summary__person">
              <img
-                src={
-                  profileInfo?.photo
-                    ? urlForLocal(profileInfo.photo)
-                    : avatarMok
-                }
+                src={urlForLocal(profileInfo.photo)}
                className="summary__avatar"
                alt="avatar"
              />
              <p className="summary__name">
-                {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username},{" "}
-                {profileInfo.specification} разработчик
+                {profileInfo.fio}, {profileInfo.specification} разработчик
              </p>
            </div>
            {!openGit && (
@ -122,84 +75,18 @@ export const Summary = () => {
          <div className="summary__skills skills__section">
            <div className="summary__sections__head">
              <h3>Основной стек</h3>
-              <button
-                className={editSkills ? "edit" : ""}
-                onClick={() => {
-                  if (editSkills) {
-                    setSkills();
-                  }
-                  setEditSkills(!editSkills);
-                }}
-              >
-                {editSkills ? "Сохранить" : "Редактировать"}
-              </button>
+              <button>Редактировать раздел</button>
            </div>
            <div className="skills__section__items">
-              {editSkills ? (
-                <div className="editSkills">
-                  {selectedSkills &&
-                    selectedSkills.map((skill) => {
-                      return (
-                        <span key={skill.skill_id}>
-                          {skill.skill.name}
-                          <img
-                            src={deleteIcon}
-                            alt="deleteIcon"
-                            onClick={() =>
-                              setSelectedSkills((prevValue) =>
-                                prevValue.filter(
-                                  (item) => item.skill_id !== skill.skill_id
-                                )
-                              )
-                            }
-                          />
-                        </span>
-                      );
-                    })}
-                  <div className="selectSkills">
-                    <div
-                      className="selectSkills__name"
-                      onClick={() => setSelectSkillsOpen(!selectSkillsOpen)}
-                    >
-                      Выберите скилл
-                      <img
-                        className={selectSkillsOpen ? "open" : ""}
-                        src={arrowDown}
-                      />
-                    </div>
-                    {selectSkillsOpen && (
-                      <div className="selectSkills__dropDown">
-                        {skillsList.map((skill) => {
-                          return (
-                            <p
-                              onClick={() =>
-                                setSelectedSkills((prevValue) => [
-                                  ...prevValue,
-                                  { skill: skill, skill_id: skill.id },
-                                ])
-                              }
-                              key={skill.id}
-                              className="selectSkills__item"
-                            >
-                              {skill.name}
-                            </p>
-                          );
-                        })}
-                      </div>
-                    )}
-                  </div>
-                </div>
-              ) : (
-                <div className="skills__section__items__wrapper">
-                  {selectedSkills &&
-                    selectedSkills.map((skill, index) => (
-                      <span key={skill.id} className="skill_item">
-                        {skill.skill.name}
-                        {selectedSkills.length > index + 1 && ","}
-                      </span>
-                    ))}
-                </div>
-              )}
+              <div className="skills__section__items__wrapper">
+                {profileInfo.skillValues &&
+                  profileInfo.skillValues.map((skill, index) => (
+                    <span key={skill.id} className="skill_item">
+                      {skill.skill.name}
+                      {profileInfo.skillValues.length > index + 1 && ","}
+                    </span>
+                  ))}
+              </div>
            </div>
          </div>
        )}
@ -207,56 +94,21 @@ export const Summary = () => {
          <div className="summary__experience">
            <div className="experience__block">
              <div className="summary__sections__head">
-                <h3>Опыт работы</h3>
-                <button
-                  className={editSummeryOpen ? "edit" : ""}
-                  onClick={() => {
-                    if (editSummeryOpen) {
-                      editSummery();
-                    }
-                    setEditSummeryOpen(!editSummeryOpen);
-                  }}
-                >
-                  {editSummeryOpen ? "Сохранить" : "Редактировать"}
-                </button>
+                <h3>Описание опыта работы</h3>
+                <button>Редактировать раздел</button>
              </div>
-              {editSummeryOpen ? (
-                <CKEditor
-                  editor={ClassicEditor}
-                  data={summery}
-                  config={{
-                    removePlugins: [
-                      "CKFinderUploadAdapter",
-                      "CKFinder",
-                      "EasyImage",
-                      "Image",
-                      "ImageCaption",
-                      "ImageStyle",
-                      "ImageToolbar",
-                      "ImageUpload",
-                      "MediaEmbed",
-                      "BlockQuote",
-                    ],
-                  }}
-                  onChange={(event, editor) => {
-                    const data = editor.getData();
-                    setSummery(data);
-                  }}
-                />
-              ) : (
-                <div
-                  className="experience__content"
-                  dangerouslySetInnerHTML={{ __html: summery }}
-                ></div>
-              )}
+              <div
+                className="experience__content"
+                dangerouslySetInnerHTML={{ __html: profileInfo.vc_text }}
+              ></div>
            </div>
          </div>
        )}
        {openGit && (
          <div className="summary__sectionGit">
            <div className="summary__sections__head">
-              <h3>Ваши репозитории</h3>
-              <button>Редактировать</button>
+              <h3>Страница портфолио кода разработчика</h3>
+              <button>Редактировать раздел</button>
            </div>
            <div className="summary__sectionGitItems">
              {Boolean(gitInfo.length) &&
@ -293,9 +145,6 @@ export const Summary = () => {
                    </a>
                  );
                })}
-              {!Boolean(gitInfo.length) && (
-                <p className="noGitItems">Нет актуальных проектов</p>
-              )}
            </div>
          </div>
        )}
--- a/src/pages/Summary/summary.scss
+++ b/src/pages/Summary/summary.scss
@ -1,8 +1,17 @@
 .summary {
-  background: #f1f1f1;
+  background: #F1F1F1;
  height: 100%;
  min-height: 100vh;
-  font-family: "LabGrotesque", sans-serif;
+  font-family: 'LabGrotesque', sans-serif;
+  //
+  //&__container {
+  //  max-width: 1160px;
+  //  padding: 0 10px;
+  //  margin: 20px auto;
+  //  position: relative;
+  //  display: flex;
+  //  flex-direction: column;
+  //}

  &__content {
    display: flex;
@ -16,7 +25,7 @@
    margin-bottom: 0;

    span {
-      color: #52b709;
+      color: #52B709;
    }
  }

@ -36,10 +45,10 @@
  }

  &__info {
-    min-height: 110px;
+    min-height: 128px;
    background: white;
    border-radius: 12px;
-    margin-top: 25px;
+    margin-top: 30px;
    display: flex;
    align-items: center;
    padding: 0 25px 0 45px;
@ -101,6 +110,14 @@
    font-size: 16px;
    line-height: 32px;
    position: relative;
+    white-space: nowrap;
+
+    //@media (max-width: 915px) {
+    //  max-width: 220px;
+    //  overflow: hidden;
+    //  white-space: nowrap;
+    //  text-overflow: ellipsis;
+    //}

    @media (max-width: 690px) {
      font-size: 14px;
@ -111,18 +128,19 @@
    @media (max-width: 550px) {
      max-width: 200px;
      overflow: hidden;
+      white-space: nowrap;
      text-overflow: ellipsis;
      margin: 0;
    }

    @media (max-width: 450px) {
-      max-width: 160px;
+      max-width: 150px;
    }

    &:after {
-      content: "";
+      content: '';
      position: absolute;
-      background: #52b709;
+      background: #52B709;
      border-radius: 12px;
      width: 70%;
      height: 8px;
@ -141,14 +159,7 @@
    color: white;
    border: none;
    transition: all 0.3s ease;
-    background-image: linear-gradient(to top, #6aaf5c 0%, #52b709 100%),
-      linear-gradient(
-        36deg,
-        rgba(255, 255, 255, 0) 0%,
-        rgba(255, 255, 255, 0.16) 47%,
-        rgba(255, 255, 255, 0.17) 50%,
-        rgba(255, 255, 255, 0) 100%
-      );
+    background-image: linear-gradient(to top, #6aaf5c 0%, #52b709 100%), linear-gradient(36deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 47%, rgba(255, 255, 255, 0.17) 50%, rgba(255, 255, 255, 0) 100%);

    &:hover {
      box-shadow: 6px 5px 20px rgb(87 98 80 / 21%);
@ -159,15 +170,10 @@
      width: 120px;
      height: 50px;
    }
-
-    @media (max-width: 450px) {
-      width: 80px;
-      height: 40px;
-    }
  }

  &__skills {
-    background: #ffffff;
+    background: #FFFFFF;
    border-radius: 12px;
    margin-top: 35px;
  }
@ -175,7 +181,7 @@
  &__sections__head {
    display: flex;
    min-height: 69px;
-    background: #e1fccf;
+    background: #E1FCCF;
    border-radius: 12px 12px 0px 0px;
    align-items: center;
    padding: 0 35px 0 50px;
@ -189,7 +195,6 @@
      font-style: normal;
      font-size: 18px;
      line-height: 32px;
-      margin: 0;

      @media (max-width: 660px) {
        line-height: 20px;
@ -197,7 +202,7 @@
    }

    button {
-      background: #ffffff;
+      background: #FFFFFF;
      border-radius: 44px;
      padding: 10px 20px;
      display: flex;
@ -215,11 +220,6 @@
        white-space: nowrap;
      }
    }
-
-    .edit {
-      background-color: green;
-      color: white;
-    }
  }

  .skills__section {
@ -227,7 +227,7 @@
      padding: 25px 35px 25px 50px;

      @media (max-width: 550px) {
-        padding: 15px;
+        padding: 15px 15px 20px;
      }

      &__wrapper {
@ -241,94 +241,6 @@
          line-height: 32px;
          white-space: nowrap;
          text-transform: uppercase;
-
-          @media (max-width: 550px) {
-            font-size: 14px;
-            line-height: 20px;
-          }
-        }
-      }
-    }
-
-    .editSkills {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 14px;
-      align-items: center;
-
-      span {
-        display: flex;
-        column-gap: 8px;
-        background-color: #f5f5f5;
-        border-radius: 15px;
-        padding: 3px 10px 3px 10px;
-        font-weight: 700;
-        font-size: 16px;
-        line-height: 32px;
-        white-space: nowrap;
-        text-transform: uppercase;
-
-        img {
-          cursor: pointer;
-        }
-      }
-
-      .selectSkills {
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        font-weight: 700;
-        font-size: 16px;
-
-        &__name {
-          display: flex;
-          column-gap: 12px;
-          align-items: center;
-          cursor: pointer;
-          background-color: #f5f5f5;
-          border-radius: 15px;
-          padding: 3px 10px 3px 10px;
-
-          img {
-            transition: all 0.3s ease;
-          }
-
-          .open {
-            transform: rotate(180deg);
-          }
-        }
-
-        &__dropDown {
-          position: absolute;
-          background-color: white;
-          border-radius: 12px;
-          max-height: 300px;
-          overflow-y: auto;
-          display: flex;
-          flex-direction: column;
-          row-gap: 5px;
-          align-items: center;
-          padding: 7px;
-          top: 35px;
-
-          &::-webkit-scrollbar {
-            width: 3px;
-            border-radius: 10px;
-          }
-
-          &::-webkit-scrollbar-thumb {
-            background: #cbd9f9;
-            border-radius: 20px;
-          }
-
-          &::-webkit-scrollbar-track {
-            background: #c5c0c6;
-            border-radius: 20px;
-          }
-
-          p {
-            cursor: pointer;
-          }
        }
      }
    }
@ -342,7 +254,7 @@

    .experience {
      &__block {
-        background: #ffffff;
+        background: #FFFFFF;
        border-radius: 12px;
      }

@ -375,15 +287,6 @@
    }
  }

-  .ck-toolbar {
-    border: none !important;
-  }
-
-  .ck-content {
-    border: none !important;
-    padding: 15px 35px 15px 50px !important;
-  }
-
  &__sectionGit {
    margin-top: 25px;

@ -395,24 +298,14 @@
      column-gap: 25px;
      justify-content: space-between;

-      .noGitItems {
-        width: 100%;
-        font-size: 20px;
-        background: #ffffff;
-        border-radius: 12px;
-        padding: 10px;
-        color: #000000;
-        font-weight: 600;
-      }
-
      .gitItem {
        width: 48%;
        display: flex;
        align-items: center;
        justify-content: space-between;
-        background: #ffffff;
+        background: #FFFFFF;
        border-radius: 12px;
-        padding: 10px;
+        padding: 35px 30px 30px 45px;
        transition: all 0.3s ease;
        color: #000000;

@ -457,11 +350,29 @@
            p {
              font-weight: 300;
              font-size: 16px;
+              line-height: 32px;
              margin-bottom: 0;
+              white-space: nowrap;
              max-width: 300px;
              overflow: hidden;
              text-overflow: ellipsis;

+              @media (max-width: 1040px) {
+                max-width: 250px;
+              }
+
+              @media (max-width: 890px) {
+                max-width: 200px;
+              }
+
+              @media (max-width: 825px) {
+                max-width: 500px;
+              }
+
+              @media (max-width: 720px) {
+                max-width: 250px;
+              }
+
              @media (max-width: 470px) {
                max-width: 200px;
              }
@ -469,6 +380,7 @@
          }

          &__specification {
+            margin-top: 30px;
            display: flex;
            align-items: center;
            padding-left: 10px;
@ -479,7 +391,7 @@
            }

            span {
-              background: #d4f123;
+              background: #D4F123;
              border-radius: 12px;
              max-width: 260px;
              width: 100%;
@ -497,7 +409,7 @@

        &__link {
          border-radius: 50%;
-          background: #ddeec6;
+          background: #DDEEC6;
          min-width: 48px;
          height: 48px;
          cursor: pointer;
@ -510,15 +422,15 @@
  }

  footer {
-    margin-top: 10px;
+    margin-top: 70px;
  }

  .container {
-    max-width: 1160px;
-    margin-top: 23px;
+       max-width: 1160px;
+       margin-top: 23px;

-    @media (max-width: 570px) {
-      margin-top: 0;
-    }
-  }
+        @media (max-width: 570px) {
+          margin-top: 0;
+        }
+     }
 }
--- a/src/pages/Tracker/Tracker.jsx
+++ b/src/pages/Tracker/Tracker.jsx
@ -129,7 +129,7 @@ export const Tracker = () => {
    e.target.closest("img").classList.toggle("open-desc-item");
    e.target
      .closest("td")
-      ?.querySelector(".taskList__table__name-project")
+      .querySelector(".taskList__table__name-project")
      .classList.toggle("hide-desc");
  }

@ -197,7 +197,7 @@ export const Tracker = () => {
              !loader &&
              projects.map((project, index) => {
                return project.status !== 10 ? (
-                  <ProjectTiket key={index} project={project} />
+                  <ProjectTiket key={index} project={project}></ProjectTiket>
                ) : (
                  ""
                );
@ -317,8 +317,7 @@ export const Tracker = () => {
                          <tr key={task.id}>
                            <td>
                              <div className="taskList__table__title-task">
-                                <p>{task.title}</p>
-
+                                {task.title}
                                <div
                                  onClick={(e) => {
                                    toggleDescTask(e);
@ -453,7 +452,7 @@ export const Tracker = () => {
                      {Boolean(filterCompleteTasks.length) ? (
                        filterCompleteTasks.map((task, index) => {
                          return (
-                            <tr key={index}>
+                            <tr>
                              <td className="archive__completeTask__description">
                                <p className="completeTask__title">
                                  {task.title}
--- a/src/pages/Tracker/tracker.scss
+++ b/src/pages/Tracker/tracker.scss
@ -322,7 +322,6 @@
              display: flex;
              position: relative;
              left: 5px;
-
              img {
                position: relative;
                display: flex;
@ -342,19 +341,6 @@
              }
            }

-            .onePerson {
-              display: flex;
-              position: relative;
-              left: -15px;
-
-              img {
-                position: relative;
-                display: flex;
-                width: 32px;
-                height: 32px;
-              }
-            }
-
            span {
              width: 32px;
              height: 32px;
@ -404,10 +390,10 @@
              display: flex;
              flex-direction: column;
              background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%);
-              border-radius: 20px;
-              padding: 30px;
+              border-radius: 40px;
+              padding: 31px 128px 41px 49px;
              cursor: default;
-              width: 800px;
+              width: 650px;

              &__close {
                cursor: pointer;
@ -424,6 +410,7 @@
                align-items: end;
                color: #1458dd;
                font-size: 22px;
+                margin-top: 10px;
                span {
                  font-size: 44px;
                  font-weight: 700;
@ -475,7 +462,7 @@
                display: flex;
                justify-content: space-between;
                align-items: center;
-                max-width: 300px;
+                max-width: 190px;
                width: 100%;

                .avatar {
@ -492,7 +479,7 @@
                  color: #807777;
                  width: auto;
                  height: auto;
-                  max-width: 215px;
+                  max-width: 130px;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
@ -507,7 +494,6 @@

              &__add {
                display: flex;
-                margin-left: 3px;
                cursor: pointer;

                span {
@ -528,8 +514,7 @@

              @media (max-width: 1000px) {
                width: 390px;
-                padding: 30px;
-
+                padding: 15px 30px;
                .persons__list__info {
                  margin: 10px;
                }
@ -771,18 +756,16 @@
                margin: 0 10px;
                column-gap: 5px;
                cursor: pointer;
-                padding: 5px 20px;
+                padding: 4px;
                border-radius: 8px;
                border: 1px solid #e3e2e2;
                max-height: 30px;
-
                p {
                  white-space: nowrap;
                  font-weight: 400;
                  font-size: 14px;
                  line-height: 17px;
                }
-
                span {
                  width: 14px;
                  height: 14px;
@ -800,13 +783,12 @@
              }
              &__list {
                position: absolute;
-                border-radius: 2px;
-                background: #d9d9d9;
+                background: #f8f9fa;
                z-index: 8;
-
-                // padding: 0 8px 10px;
+                border-radius: 8px;
+                padding: 20px 10px 10px;
                top: 30px;
-                width: 265px;
+                width: 220px;
                display: flex;
                flex-direction: column;

@ -824,27 +806,17 @@
                  flex-direction: column;
                  row-gap: 8px;
                  margin-top: 8px;
-                  padding: 0 8px 8px;

                  .tagItem {
+                    position: relative;
                    display: flex;
-                    align-items: center;
-                    flex-direction: row;
-                    justify-content: space-between;
-                    padding: 0px 8px;
+                    flex-direction: column;
+                    padding: 5px;
+                    border: 1px solid #e3e2e2;
                    border-radius: 8px;
-                    height: 50px;
-                    max-height: 50px;
-                    background: #fff;

                    &__description {
-                      font-size: 12px;
-                      word-break: break-word;
-                      max-width: 115px;
-                      max-height: 40px;
-                      overflow: hidden;
-                      text-wrap: wrap;
-                      text-overflow: ellipsis;
+                      font-size: 14px;
                    }

                    &__info {
@ -853,29 +825,32 @@
                      column-gap: 10px;

                      &__name {
-                        font-size: 12px;
+                        font-size: 16px;
                        font-weight: 600;
                      }

                      &__color {
-                        width: 22.25px;
-                        height: 23.217px;
-                        border-radius: 8px;
+                        border: 1px solid #e3e2e2;
+                        width: 20px;
+                        height: 20px;
+                        border-radius: 50px;
+                      }
+                    }
+
+                    &__images {
+                      position: absolute;
+                      right: 5px;
+                      top: 3px;
+                      display: flex;
+                      column-gap: 3px;
+
+                      img {
+                        cursor: pointer;
                      }

-                      &__images {
-                        display: flex;
-                        flex-direction: column-reverse;
-                        row-gap: 6px;
-
-                        img {
-                          cursor: pointer;
-                        }
-
-                        .delete {
-                          width: 14px;
-                          height: 14px;
-                        }
+                      .delete {
+                        width: 14px;
+                        height: 14px;
                      }
                    }
                  }
@ -884,21 +859,17 @@
                .addNewTag {
                  display: flex;
                  align-items: center;
-                  column-gap: 15px;
-                  border-radius: 8px;
-                  background: #252c32;
-                  color: white;
-                  height: 42px;
+                  column-gap: 8px;
                  cursor: pointer;
                  justify-content: center;

                  p {
-                    font-size: 15px;
+                    font-size: 13px;
                  }

                  span {
-                    width: 19px;
-                    height: 19px;
+                    width: 16px;
+                    height: 16px;
                    border-radius: 50px;
                    align-items: center;
                    justify-content: center;
@ -913,9 +884,8 @@
                .formTag {
                  display: flex;
                  flex-direction: column;
-                  padding: 8px;
+                  padding-top: 8px;
                  row-gap: 8px;
-
                  .arrow {
                    position: absolute;
                    cursor: pointer;
@ -936,12 +906,11 @@
                  &__btn {
                    outline: none;
                    border: none;
-                    background: #252c32;
+                    background: #6f6f6f;
                    color: whitesmoke;
-                    margin: 10px auto 0;
+                    margin: 0 auto;
                    border-radius: 10px;
                    font-size: 15px;
-                    padding: 5px 12px;
                  }

                  .disable {
@ -1156,35 +1125,6 @@
              }
            }

-            &__priority {
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              margin-bottom: 8px;
-
-              p {
-                font-weight: 500;
-                font-size: 14px;
-              }
-
-              span {
-                font-weight: 500;
-                font-size: 14px;
-              }
-
-              .high {
-                color: red;
-              }
-
-              .middle {
-                color: #cece00;
-              }
-
-              .low {
-                color: green;
-              }
-            }
-
            &__deadLine {
              display: flex;
              align-items: center;
@ -1348,7 +1288,6 @@
            display: flex;
            justify-content: space-between;
            min-width: 300px;
-            padding-left: 18px;

            &__more {
              display: flex;
@ -1611,20 +1550,12 @@
              gap: 10px;
              align-items: center;
              transition: 0.4s;
-              max-width: 350px;
-
-              p {
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                overflow: hidden;
-              }

              div {
                cursor: pointer;

                width: 15px;
-                min-width: 15px;
-                min-height: 15px;
+                height: 15px;
                display: flex;
                background-color: #000;
                align-items: center;
--- a/src/pages/TrackerIntro/TrackerIntro.js
+++ b/src/pages/TrackerIntro/TrackerIntro.js
@ -36,7 +36,7 @@ export const TrackerIntro = () => {
                компании в одном месте: проекты, задачи, цели, сотрудники,
                документы, переписки, отчеты
              </p>
-              <NavLink to="/tracker-registration" className="trackerIntro__btn">
+              <NavLink to="/auth" className="trackerIntro__btn">
                Начать работу
              </NavLink>
            </div>
@ -57,7 +57,7 @@ export const TrackerIntro = () => {
              Управление большим количеством проектов и гибкая настройка
              структуры под любые процессы
            </p>
-            <NavLink to="/tracker-registration" className="trackerIntro__btn">
+            <NavLink to="/auth" className="trackerIntro__btn">
              Начать работу
            </NavLink>
          </div>
--- a/src/pages/TrackerRegistration/TrackerRegistration.js
+++ b/src/pages/TrackerRegistration/TrackerRegistration.js
@ -31,19 +31,19 @@ export const TrackerRegistration = () => {
          <div className="trackerRegistration__form">
            <div className="trackerRegistration__form__inputs">
              <div className="trackerRegistration__inputContainer">
-                <span>Ваше имя</span>
+                <span>Ваше имя *</span>
                <input placeholder="Имя" />
              </div>
              <div className="trackerRegistration__inputContainer">
-                <span>Ваш e-mail</span>
-                <input placeholder="E-mail" type="email" />
+                <span>Ваш email *</span>
+                <input placeholder="Email" type="email" />
              </div>
              <div className="trackerRegistration__inputContainer">
-                <span>Придумайте пароль</span>
+                <span>Придумайте пароль*</span>
                <input placeholder="Пароль" />
              </div>
              <div className="trackerRegistration__inputContainer">
-                <span>Повторите пароль</span>
+                <span>Повторите пароль*</span>
                <input placeholder="Повторите пароль" />
              </div>
            </div>
--- a/src/pages/quiz/QuizPage.js
+++ b/src/pages/quiz/QuizPage.js
@ -2,15 +2,15 @@ import React, { useEffect, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { Link } from "react-router-dom";

-// import { questionnairesSelector, setQuestionnaires } from "@redux/quizSlice";
+import { questionnairesSelector, setQuestionnaires } from "@redux/quizSlice";
+
 import { apiRequest } from "@api/request";

 import CategoriesItem from "@components/CategoriesItem/CategoriesItem";
 import { Footer } from "@components/Common/Footer/Footer";
-import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
-// import { HeadBottom } from "@components/features/Candidate-lk/HeadBottom";
+import { HeadBottom } from "@components/features/Candidate-lk/HeadBottom";
 import { CardAvailableTest } from "@components/features/quiz/CardAviableTest";
 import { SelectedCategory } from "@components/features/quiz/SelectedCategory";

@ -110,8 +110,7 @@ export const QuizPage = () => {
  return (
    <div className="quiz-page">
      <ProfileHeader />
-      <Navigation />
-      {/*<HeadBottom />*/}
+      <HeadBottom />
      <div className="quiz-page__container">
        <ProfileBreadcrumbs
          links={[
--- a/src/pages/quiz/quiz-page.scss
+++ b/src/pages/quiz/quiz-page.scss
@ -7,7 +7,7 @@
  flex-direction: column;
  &__container {
    max-width: 1160px;
-    margin: 23px auto 42px auto;
+    margin: 0 auto 42px auto;
    flex: 1 1 auto;
    width: 100%;
    padding: 0 15px;
--- a/src/utils/helper.js
+++ b/src/utils/helper.js
@ -14,7 +14,7 @@ export function createMarkup(text) {
 //       `<div class='experience__block'>
 //         <div class="summary__sections__head">
 //             <h3>Описание опыта работы</h3>
-//             <button>Редактировать</button>
+//             <button>Редактировать раздел</button>
 //         </div>
 //         <div class="experience__content">${item.split("<h3>")[0]}</div>
 //        </div>`