сделал form

assets/css/gp-style-core.css

@@ -99,6 +99,7 @@
     --text-white: #fff;
     --text-black: #121212;
     --text-dark: #2b2b3b;
+    --text-grey: #999;
 
     /* background */
     --background-white: #fff;
@@ -261,6 +262,7 @@ button{
 }
 /* mini-profile */
 
+
 /* main-menu */
 .main-menu{
   display: flex;
@@ -322,5 +324,74 @@ button{
   background-repeat: no-repeat;
   background-size: contain;
 }
+/* main-menu */
+
+
+/* form */
+.form{
+  width: 100%;
+
+  padding: 24px 24px 43px;
+
+  display: flex;
+  flex-direction: column;
+
+  border-radius: 24px;
+  background: var(--gradient-turquoise);
+}
+.form__item{
+  margin-top: 16px;
+}
+.form__title{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 24px;
+  line-height: 133%;
+  color: var(--text-black);
+}
+.form__input{
+  width: 100%;
+
+  border-radius: 20px;
+  padding: 12px 16px;
+  border: 1px solid var(--text-black);
+
+  background: var(--background-white);
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+
+  color: var(--text-black);
+}
+.form__input::placeholder{
+  color: var(--text-grey);
+}
+.form__input--textarea{
+  height: 96px;
+  resize: none;
+}
+.form__button{
+  width: 100%;
+
+  padding: 12px 24px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-white);
 
-/* main-menu */
+  border-radius: 16px;
+  border: none;
+  background: var(--background-black);
+
+  cursor: pointer;
+
+  transition: background-color .2s ease-out;
+}
+.form__button:hover{
+  opacity: .8;
+}
+/* form */

ui_kit.html

@@ -94,28 +94,43 @@
         </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> 
+    <!-- <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> -->
     
+    <form class="form" method="post" action="/send-telegram.php">
+        <p class="form__title">
+            Форма обратной связи
+        </p>
+        <div class="form__item">
+            <input class="form__input" type="text" name="name" placeholder="Ваше имя" required>
+        </div>
+        <div class="form__item">
+            <input class="form__input" type="text" name="name" placeholder="Эл.почта" required>
+        </div>
+        <div class="form__item">
+            <textarea class="form__input form__input--textarea" name="" id="" placeholder="Текст обращения"></textarea>
+        </div>
+        <div class="form__item">
+            <input class="form__button" type="submit" value="Отправить">
+        </div>
+    </form>
 
     <script src="/assets/js/gp-main.js"></script>
 </body>