Процесс добовления выхода

src/css/style.css

@@ -124,6 +124,7 @@
     height: 45px;
     z-index: 5;
     margin-left: -8px;
+    margin-top: 2px;
 }
 
 .wallet_elements {
@@ -140,3 +141,24 @@
     display: flex;
     justify-content: flex-end;
 }
+
+.login {
+    display: flex;
+}
+
+.login_text {
+    width: 80.6px;
+    height: 15.008px;
+    color: #FFF;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat;
+    font-size: 15px;
+    font-weight: 700;
+    margin-right: -50px;
+}
+
+.login_img {
+    display: flex;
+    margin-top: 20px;
+    justify-content: flex-end;
+}

src/index.html

@@ -41,11 +41,20 @@
                     </div>
 
                     <div class="wallet_element">
-                        <a href="#" style="text-decoration: none;"><p class="header_other_text wallet_text">Кошелёк</p></a>
+                        <a href="#" style="text-decoration: none;">
+                            <p class="header_other_text wallet_text">Кошелёк</p>
+                        </a>
                     </div>
                 </div>
                 <!-- <a href="#"><img class="login_start" src="img/svg/дс вход.svg"></a> -->
-                
+                <div class="login">
+                    <img class="login_img" src="img/svg/Кнопочка выхода.svg">
+                    <div
+                        style="width: 80.60px; height: 15.01px; color: white; font-size: 15px; font-family: Montserrat; font-weight: 700; word-wrap: break-word">
+                        Artemka</div>
+                    <img style="width: 51.81px; height: 54.03px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 20px"
+                        src="/src/img/chat/ChatTestProfile01.png" />
+                </div>
             </div>
         </div>
         <div class="left_panel"></div>