diff --git a/src/components/SideBar/SideBar.js b/src/components/SideBar/SideBar.js
new file mode 100644
index 00000000..d682118a
--- /dev/null
+++ b/src/components/SideBar/SideBar.js
@@ -0,0 +1,22 @@
+import React from "react";
+import "./sidebar.scss";
+
+export const SideBar = ({ active, setActive }) => {
+  return (
+    <div className={active ? "auth-menu active" : "auth-menu"}>
+      <div className="auth-title">
+        <div className="text">
+          <h3>МЕНЮ</h3>
+          <div className="burger">
+            <span className="burger__line"></span>
+            <span className="burger__line"></span>
+            <span className="burger__line"></span>
+          </div>
+        </div>
+        <p>2023 © Outstaffing</p>
+      </div>
+    </div>
+  );
+};
+
+export default SideBar;
diff --git a/src/components/SideBar/sidebar.scss b/src/components/SideBar/sidebar.scss
new file mode 100644
index 00000000..aedb24eb
--- /dev/null
+++ b/src/components/SideBar/sidebar.scss
@@ -0,0 +1,26 @@
+.auth-menu {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 141px;
+  height: 100%;
+  background: #e1fccf;
+}
+
+.auth-menu.active {
+}
+
+.auth-title {
+  .text {
+  }
+
+  .burger {
+    &__line {
+      width: 35px;
+      height: 5px;
+      background-color: #333;
+      margin: 6px 0;
+      transition: 0.4s;
+    }
+  }
+}
diff --git a/src/pages/AuthForPartners/AuthForPartners.js b/src/pages/AuthForPartners/AuthForPartners.js
index 660b85f4..d0a68f7b 100644
--- a/src/pages/AuthForPartners/AuthForPartners.js
+++ b/src/pages/AuthForPartners/AuthForPartners.js
@@ -1,92 +1,93 @@
-import React, {useEffect} from 'react'
-import arrow from '../../images/arrow__login_page.png'
-import medium from '../../images/medium_male_big.png'
-import cross from '../../images/cross.png'
-import text from '../../images/Body_Text.png'
-import vector from '../../images/Vector_Smart_Object.png'
-import vectorBlack from '../../images/Vector_Smart_Object_black.png'
-import { useSelector } from 'react-redux'
-import { selectAuth } from '../../redux/outstaffingSlice'
-import { useNavigate} from 'react-router-dom'
+import React, { useEffect } from "react";
+import arrow from "../../images/arrow__login_page.png";
+import medium from "../../images/medium_male_big.png";
+import cross from "../../images/cross.png";
+import text from "../../images/Body_Text.png";
+import vector from "../../images/Vector_Smart_Object.png";
+import vectorBlack from "../../images/Vector_Smart_Object_black.png";
+import { useSelector } from "react-redux";
+import { selectAuth } from "../../redux/outstaffingSlice";
+import { useNavigate } from "react-router-dom";
 
-import { Footer } from '../../components/Footer/Footer'
-import { AuthBox } from '../../components/AuthBox/AuthBox'
+import { Footer } from "../../components/Footer/Footer";
+import { AuthBox } from "../../components/AuthBox/AuthBox";
 
-import './authForPartners.scss'
+import "./authForPartners.scss";
+import SideBar from "../../components/SideBar/SideBar";
 
 const AuthForPartners = () => {
   const isAuth = useSelector(selectAuth);
   let navigate = useNavigate();
 
-  const getToken = localStorage.getItem('auth_token')
+  const getToken = localStorage.getItem("auth_token");
 
-  useEffect(()=> {
+  useEffect(() => {
     if (isAuth || getToken) {
-      navigate('/profile')
+      navigate("/profile");
     }
   }, [getToken]);
 
-
   return (
-    <section className='auth-partners'>
-      <div className='auth-partners__background'>
-        <img className='auth-partners__vector' src={vector} alt='' />
-        <img className='auth-partners__vector-black' src={vectorBlack} alt='' />
-        <div className='container'>
-          <div className='row'>
-            <div className='col-12 col-xl-6'>
-              <div className='auth-partners__box'>
+    <section className="auth-partners">
+      <div className="auth-partners__background">
+        <img className="auth-partners__vector" src={vector} alt="" />
+        <img className="auth-partners__vector-black" src={vectorBlack} alt="" />
+        <div className="container">
+          <div className="row">
+            <div className="col-12 col-xl-6">
+              <div className="auth-partners__box">
                 <AuthBox
-                  title='Для партнёров'
-                  altTitle='Для разработчиков'
-                  roleChangeLink='/authdev'
+                  title="Для партнёров"
+                  altTitle="Для разработчиков"
+                  roleChangeLink="/authdev"
                 />
               </div>
             </div>
-            <div className='col-xl-2'>
-              <img className='auth-partners__arrow' src={arrow} alt='' />
+            <div className="col-xl-2">
+              <img className="auth-partners__arrow" src={arrow} alt="" />
             </div>
-            <div className='col-12 col-xl-4'>
-              <div className='auth-partners__info'>
-                <div className='auth-partners__info-box'>
-                  <img src={medium} alt='' />
+            <div className="col-12 col-xl-4">
+              <div className="auth-partners__info">
+                <div className="auth-partners__info-box">
+                  <img src={medium} alt="" />
                   <h3>
                     Frontend разработчик,
                     <br /> Middle
                   </h3>
                 </div>
 
-                <div className='auth-partners__info-container'>
-                  <div className='auth-partners__info-img'>
+                <div className="auth-partners__info-container">
+                  <div className="auth-partners__info-img">
                     <div>
-                      <img className='cross' src={cross} alt='' />
+                      <img className="cross" src={cross} alt="" />
                     </div>
                     <div>
                       {/* <img className='auth-specialists} src={specialists} alt="" /> */}
-                      <p className='auth-partners__specialists'>
+                      <p className="auth-partners__specialists">
                         20 Специалистов
                       </p>
                     </div>
                   </div>
 
-                  <ul className='auth-partners__info-list'>
-                    <li className='auth-partners__info-item'>Ruby on Rails</li>
-                    <li className='auth-partners__info-item'>PHP</li>
-                    <li className='auth-partners__info-item'>Python</li>
-                    <li className='auth-partners__info-item'>Vue.js</li>
-                    <li className='auth-partners__info-item'>React. JS</li>
+                  <ul className="auth-partners__info-list">
+                    <li className="auth-partners__info-item">Ruby on Rails</li>
+                    <li className="auth-partners__info-item">PHP</li>
+                    <li className="auth-partners__info-item">Python</li>
+                    <li className="auth-partners__info-item">Vue.js</li>
+                    <li className="auth-partners__info-item">React. JS</li>
                   </ul>
                 </div>
 
-                <img className='auth-partners__img-text' src={text} alt='' />
+                <img className="auth-partners__img-text" src={text} alt="" />
               </div>
             </div>
           </div>
           <Footer />
         </div>
       </div>
+      <SideBar />
     </section>
-  )
+  );
 };
 
-export default AuthForPartners
+export default AuthForPartners;
diff --git a/src/pages/AuthForPartners/authForPartners.scss b/src/pages/AuthForPartners/authForPartners.scss
index 60659195..9ba169ea 100644
--- a/src/pages/AuthForPartners/authForPartners.scss
+++ b/src/pages/AuthForPartners/authForPartners.scss
@@ -1,5 +1,6 @@
 .auth-partners {
   overflow: hidden;
+  position: relative;
 }
 
 .auth-partners__background {
@@ -87,7 +88,7 @@
 }
 
 .auth-partners__info-box > h3 {
-  font-family: 'GT Eesti Pro Display';
+  font-family: "GT Eesti Pro Display";
   font-size: 2em;
   font-weight: 100;
   font-style: normal;
@@ -120,7 +121,7 @@
 }
 
 .auth-partners__specialists {
-  font-family: 'GT Eesti Pro Display';
+  font-family: "GT Eesti Pro Display";
   font-size: 1.8em;
   font-weight: 100;
   font-style: normal;
@@ -150,7 +151,7 @@
 
 .auth-partners__info-item {
   color: #1f1f1f;
-  font-family: 'GT Eesti Pro Display';
+  font-family: "GT Eesti Pro Display";
   font-size: 4em;
   font-weight: 700;
   font-style: normal;
@@ -205,7 +206,7 @@
 
 .auth-partners__footer--left > div > span {
   color: #18586e;
-  font-family: 'GT Eesti Pro Display';
+  font-family: "GT Eesti Pro Display";
   font-size: 1.6em;
   font-weight: 400;
   font-style: normal;
@@ -247,7 +248,7 @@
 }
 .auth-partners__phone {
   color: #003b65;
-  font-family: 'CeraPro';
+  font-family: "CeraPro";
   font-size: 2.1em;
   letter-spacing: normal;
   line-height: 25px;
@@ -256,7 +257,7 @@
 
 .auth-partners__working-hours {
   color: #003b65;
-  font-family: 'CeraPro';
+  font-family: "CeraPro";
   font-size: 1.2em;
   font-weight: 400;
   font-style: normal;
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index b8b1fcef..00000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5", // компилируем ts код в js код версии ES5
-    "module": "esnext",
-    // для поддержки динамического импорта модулей
-    "allowSyntheticDefaultImports": true,
-    "jsx": "react"
-  }
-}
\ No newline at end of file