From f10ce317222ce3cf90a64c88e33c85f67c4d8c60 Mon Sep 17 00:00:00 2001
From: Kirill Pet <job.mori.1967@gmail.com>
Date: Fri, 4 Oct 2024 17:48:33 +0300
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=20main-men?=
 =?UTF-8?q?u?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/gp-style-core.css    | 69 ++++++++++++++++++++++++++++++++-
 assets/css/gp-style-desktop.css | 11 ------
 index.html                      | 19 ---------
 ui_kit.html                     | 26 ++++++++++++-
 4 files changed, 91 insertions(+), 34 deletions(-)

diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css
index fe472ca..ffe357f 100644
--- a/assets/css/gp-style-core.css
+++ b/assets/css/gp-style-core.css
@@ -98,6 +98,7 @@
     /* text */
     --text-white: #fff;
     --text-black: #121212;
+    --text-dark: #2b2b3b;
 
     /* background */
     --background-white: #fff;
@@ -199,7 +200,7 @@ button{
   font-weight: 400;
   font-size: 20px;
   line-height: 120%;
-  color: var(--text-black);
+  color: var(--text-dark);
 
   text-decoration: none;
 
@@ -258,4 +259,68 @@ button{
   width: 24px;
   aspect-ratio: 1;
 }
-/* mini-profile */
\ No newline at end of file
+/* mini-profile */
+
+/* main-menu */
+.main-menu{
+  display: flex;
+  align-items: center;
+
+  list-style-type: none;
+}
+.main-menu__item{
+  margin-left: 24px;
+
+  transition: opacity .2s ease-out;
+}
+.main-menu__item:first-child{
+  margin-left: 0;
+}
+.main-menu__item:hover{
+  opacity: .8;
+}
+.main-menu__link{
+  display: block;
+
+  padding: 8px 12px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-black);
+
+  text-decoration: none;
+}
+.main-menu__button{
+  padding: 8px 32px 8px 12px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-black);
+
+  border: none;
+  border-radius: 24px;
+
+  background: var(--gradient-turquoise);
+
+  position: relative;
+}
+.main-menu__button::before{
+  content: '';
+
+  position: absolute;
+  top: 14px;
+  right: 14px;
+
+  width: 13px;
+  height: 8px;
+
+  background-image: url(../img/svg/main/arrow-black.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+
+/* main-menu */
\ No newline at end of file
diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css
index ce0f945..b99abee 100644
--- a/assets/css/gp-style-desktop.css
+++ b/assets/css/gp-style-desktop.css
@@ -28,17 +28,6 @@
 .header__logo-black{
 
 }
-
-.main-menu{
-    display: flex;
-    align-items: center;
-}
-
-
-
-
-
-
 /* header end */
 
 
diff --git a/index.html b/index.html
index ace3e64..2ba7bc6 100644
--- a/index.html
+++ b/index.html
@@ -69,25 +69,6 @@
                     </li>
                 </ul> -->
 
-                <div class="mini-profile">
-                    <div class="mini-profile__item">
-                        <div class="lang">
-                            <button class="lang__open">
-                                RU
-                            </button>
-                            <div class="lang__content">
-                                <ul class="lang__list">
-                                    <li>
-                                        <a href="#" class="lang__item">
-                                            RU
-                                        </a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    
-                </div>
             </div>
         </header>
         
diff --git a/ui_kit.html b/ui_kit.html
index 6cc6d1c..d4238ec 100644
--- a/ui_kit.html
+++ b/ui_kit.html
@@ -54,7 +54,7 @@
             
     </div> -->
 
-    <div class="mini-profile">
+    <!-- <div class="mini-profile">
         <div class="mini-profile__item">
             <div class="lang">
                 <button class="lang__open">
@@ -92,7 +92,29 @@
                 <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon">
             </button>
         </div>
-    </div>
+    </div> -->
+
+    <div>
+        <ul class="main-menu">
+            <li class="main-menu__item">
+                <a href="#" class="main-menu__link">ГЛАВНАЯ</a>
+            </li>
+            <li class="main-menu__item">
+                <a href="#" class="main-menu__link">О COSMOPET</a>
+            </li>
+            <li class="main-menu__item">
+                <a href="#" class="main-menu__link">ПРОИЗВОДСТВО</a>
+            </li class="main-menu__item">
+            <li class="main-menu__item">
+                <a href="#" class="main-menu__link">БЛОГ</a>
+            </li>
+            <li class="main-menu__item">
+                <button class="main-menu__button">
+                    ПРОДУКЦИЯ
+                </button>
+            </li>
+        </ul>
+    </div> 
     
 
     <script src="/assets/js/gp-main.js"></script>