From 804d1c68ad75e7921877d5b0cdeea95054d1907b Mon Sep 17 00:00:00 2001
From: shahboz <suyuunov.shaxboz2704@gmail.com>
Date: Sun, 8 Sep 2024 14:19:37 +0500
Subject: [PATCH] faq block and arrows

---
 adress.html                   |   6 +--
 adress2.html                  |   6 +--
 assets/css/style.css          |  32 ++++++++++++---
 assets/img/icons/arrdown.svg  |   3 ++
 assets/img/icons/arrright.png | Bin 0 -> 424 bytes
 assets/js/main.js             |  72 +++++++++++++++++-----------------
 faq.html                      |  54 +++++++------------------
 login.html                    |   4 +-
 order.html                    |  18 +++------
 order_item.html               |   6 +--
 pets.html                     |   6 +--
 pets_end.html                 |   6 +--
 pets_form.html                |   6 +--
 profile.html                  |  22 +++++------
 register.html                 |   4 +-
 return.html                   |   6 +--
 16 files changed, 122 insertions(+), 129 deletions(-)
 create mode 100644 assets/img/icons/arrdown.svg
 create mode 100644 assets/img/icons/arrright.png

diff --git a/adress.html b/adress.html
index 3455f3b..0bf85fe 100644
--- a/adress.html
+++ b/adress.html
@@ -49,15 +49,15 @@
                     </svg>
                     вернуться
                 </a>
-                <h1 class="section_title d-flex align-items-center justify-content-between">
-                    ПУНКТ ВЫДАЧи
+                <div class="section_title d-flex align-items-center justify-content-between">
+                    <h1>ПУНКТ ВЫДАЧи</h1>
                     <a href="#" class="back_link">
                         <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
                             <circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
                             <path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
                         </svg>
                     </a>
-                </h1>
+                </div>
                 <form class="adress_row">
                     <div class="adress_left">
                         <input type="text" class="input" placeholder="Найти по адресу">
diff --git a/adress2.html b/adress2.html
index d87f2ec..fc80201 100644
--- a/adress2.html
+++ b/adress2.html
@@ -49,15 +49,15 @@
                     </svg>
                     вернуться
                 </a>
-                <h1 class="section_title d-flex align-items-center justify-content-between">
-                    Адрес доставки
+                <div class="section_title d-flex align-items-center justify-content-between">
+                    <h1>Адрес доставки</h1>
                     <a href="#" class="back_link">
                         <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
                             <circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
                             <path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
                         </svg>
                     </a>
-                </h1>
+                </div>
                 <form class="adress_row">
                     <div class="adress_left">
                         <input type="text" class="input" placeholder="Введите адрес">
diff --git a/assets/css/style.css b/assets/css/style.css
index 1946293..b86a0f6 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -11,6 +11,7 @@
     --transition: .3s all ease;
     --GR1: linear-gradient(22deg, #F44242 23.69%, #569EF0 66.57%);
     --new-blue: #569EFF;
+    --border: 60px;
 }
 html{
     scroll-behavior: smooth;
@@ -86,6 +87,13 @@ a:hover {
     text-transform: uppercase;
     color: var(--grey-black);
 }
+.section_title h1{
+    font-size: 82px;
+    font-weight: 700;
+    line-height: normal;
+    text-transform: uppercase;
+    color: var(--grey-black);
+}
 .section_title .back_link{
     display: none;
 }
@@ -688,12 +696,13 @@ label:has(input[type='checkbox']:checked) .checkmark::before{
     background: var(--creme-white);
     overflow: hidden;
     opacity: 0;
-    z-index: -1;
+    visibility: hidden;
+    z-index: 3;
     transition: var(--transition);
 }
 .modal.modal_open{
     opacity: 1;
-    z-index: 3;
+    visibility: visible;
 }
 body:has(.modal_open){
     overflow: hidden;
@@ -704,12 +713,13 @@ body:has(.modal_open){
     inset: 0;
     background-color: rgba(0, 0, 0, .5);
     opacity: 0;
-    z-index: -1;
+    visibility: hidden;
+    z-index: 2;
     transition: var(--transition);
 }
 body:has(.modal_open) .modal_back{
     opacity: 1;
-    z-index: 1;
+    visibility: visible;
 }
 .modal_big{
     max-width: 754px;
@@ -1036,7 +1046,6 @@ body:has(.modal_open) .modal_back{
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
-    align-items: flex-start;
 }
 .for_border{
     background-image: var(--GR1);
@@ -1062,6 +1071,7 @@ body:has(.modal_open) .modal_back{
 .for_border .account_item{
     background: var(--creme-white);
     gap: 10px;
+    height: 100%;
 }
 .for_border:has(.account_item_big){
     max-width: 34.4%;
@@ -1865,6 +1875,9 @@ body:has(.modal_open) .modal_back{
     .section_title{
         font-size: 48px;
     }
+    .section_title h1{
+        font-size: 48px;
+    }
     .section_desc {
         font-size: 22px;
     }
@@ -2073,6 +2086,9 @@ body:has(.modal_open) .modal_back{
     .section_title {
         font-size: 40px;
     }
+    .section_title h1{
+        font-size: 40px;
+    }
     .section_desc {
         font-size: 18px;
     }
@@ -2398,6 +2414,9 @@ body:has(.modal_open) .modal_back{
     .section_title {
         font-size: 26px;
     }
+    .section_title h1{
+        font-size: 26px;
+    }
     .section_desc {
         font-size: 12px;
     }
@@ -2557,7 +2576,7 @@ body:has(.modal_open) .modal_back{
         bottom: 8px;
         right: 22px;
     }
-    .order .see_order svg{
+    .order .see_order img{
         width: 6px;
         height: 8px;
     }
@@ -2634,6 +2653,7 @@ body:has(.modal_open) .modal_back{
     .faq_item{
         font-size: 12px;
         padding: 0 14px;
+        border-width: 1px;
     }
     .faq_top {
         padding: 25px 0;
diff --git a/assets/img/icons/arrdown.svg b/assets/img/icons/arrdown.svg
new file mode 100644
index 0000000..b238ab6
--- /dev/null
+++ b/assets/img/icons/arrdown.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/assets/img/icons/arrright.png b/assets/img/icons/arrright.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4f9ba9c48978b25aa1883953875beb43db08647
GIT binary patch
literal 424
zcmV;Z0ayNsP)<h;3K|Lk000e1NJLTq000aC000#T1^@s6a;y)u00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0X<1XK~#7Fg_BK7
zg+LUB$C(5by?PDp61eFPBvOmpvi`WMT1J}|chM#nNnQj6Kgy5JiM$Mxqc12k@IL3u
zBeQM$LDRIWwrx{F$TwLLg=eIc>W<^w!1-(yuq^9o7=}twlnp?4YY;1nqVqiO14`OK
zCetvCZC%%i6u=h`K_(k|(wnA9r2r3gT^GQ0D}xw+K}gs2PsnnKkZGEvs;Z+DKtcWO
z1i>(T5&8#k&=(wc<2au4&@Au=6)>?{grvX(Ve>dSgj7{M(j~xk-2lwNZz+r&%CeLL
zzVBZ^)a%KdW!Yh=hYgr+;mb4Lj8f*zpgkB>(Toxo&46{s$STzSCYnV6&3jyRsQo?9
z^VgZ|C*Wl6`#yygc_9)}A#xE#(KA^P<;`IjKE`p}EddGu_jtfRFG-S`tmp>-k)?m5
S(-^V<0000<MNUMnLSTXzEvvf#

literal 0
HcmV?d00001

diff --git a/assets/js/main.js b/assets/js/main.js
index 0f70121..9c7e0ba 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -166,42 +166,42 @@ window.addEventListener('DOMContentLoaded', function(){
     closeModalOnClick('.modal .plus', '.modal');
     closeModalOnClick('.modal_back', '.modal');
 
-    // if (document.querySelector('.faq')) {
-
-    //     let faqToggles = document.querySelectorAll('.faq_title, .faq_arr_down');
-
-    //     faqToggles.forEach(function(toggle) {
-    //         toggle.addEventListener('click', function() {
-    //             const faqTop = this.closest('.faq_top');
-    //             const faqBody = faqTop.nextElementSibling;
-
-    //             document.querySelectorAll('.faq_body').forEach(function(body) {
-    //                 if (body !== faqBody) {
-    //                     body.style.height = '0px';
-    //                     body.classList.remove('open');
-
-    //                     const otherArrow = body.previousElementSibling.querySelector('.faq_arr_down');
-    //                     if (otherArrow) {
-    //                         otherArrow.classList.remove('rotate');
-    //                     }
-    //                 }
-    //             });
-
-    //             if (faqBody.classList.contains('open')) {
-    //                 faqBody.style.height = '0px';
-    //             } else {
-    //                 faqBody.style.height = `${faqBody.scrollHeight}px`;
-    //             }
-
-    //             faqBody.classList.toggle('open');
-
-    //             const faqArrow = faqTop.querySelector('.faq_arr_down');
-    //             if (faqArrow) {
-    //                 faqArrow.classList.toggle('rotate');
-    //             }
-    //         });
-    //     });
-    // }
+    if (document.querySelector('.faq')) {
+
+        let faqToggles = document.querySelectorAll('.faq_title, .faq_arr_down');
+
+        faqToggles.forEach(function(toggle) {
+            toggle.addEventListener('click', function() {
+                const faqTop = this.closest('.faq_top');
+                const faqBody = faqTop.nextElementSibling;
+
+                document.querySelectorAll('.faq_body').forEach(function(body) {
+                    if (body !== faqBody) {
+                        body.style.height = '0px';
+                        body.classList.remove('open');
+
+                        const otherArrow = body.previousElementSibling.querySelector('.faq_arr_down');
+                        if (otherArrow) {
+                            otherArrow.classList.remove('rotate');
+                        }
+                    }
+                });
+
+                if (faqBody.classList.contains('open')) {
+                    faqBody.style.height = '0px';
+                } else {
+                    faqBody.style.height = `${faqBody.scrollHeight}px`;
+                }
+
+                faqBody.classList.toggle('open');
+
+                const faqArrow = faqTop.querySelector('.faq_arr_down');
+                if (faqArrow) {
+                    faqArrow.classList.toggle('rotate');
+                }
+            });
+        });
+    }
 
     if (document.querySelector('.photo_image')) {
         document.querySelectorAll('.photo_image input[type="file"]').forEach(input => {
diff --git a/faq.html b/faq.html
index d042696..a1c8435 100644
--- a/faq.html
+++ b/faq.html
@@ -49,15 +49,15 @@
                     </svg>
                     вернуться
                 </a>
-                <h1 class="section_title d-flex align-items-center justify-content-between">
-                    faq
+                <div class="section_title d-flex align-items-center justify-content-between">
+                    <h1>faq</h1>
                     <a href="#" class="back_link">
                         <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
                             <circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
                             <path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
                         </svg>
                     </a>
-                </h1>
+                </div>
                 <p class="section_desc">У вас есть вопросы? Возможно, здесь уже есть ответ</p>
                 <div class="data_block pets_form">
                     <div class="data_block_top">
@@ -68,9 +68,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Какое насекомое используется в рецептах?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -79,9 +77,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Откуда мы берём насекомых?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -90,9 +86,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Где можно приобрести нашу продукцию?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -101,9 +95,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Где производится Cosmopet?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -119,9 +111,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Какое насекомое используется в рецептах?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -130,9 +120,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Откуда мы берём насекомых?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -141,9 +129,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Где можно приобрести нашу продукцию?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -152,9 +138,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Где производится Cosmopet?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -170,9 +154,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Какое насекомое используется в рецептах?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -181,9 +163,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Откуда мы берём насекомых?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -192,9 +172,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Где можно приобрести нашу продукцию?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@@ -203,9 +181,7 @@
                             <div class="faq_top">
                                 <div class="faq_title">Где производится Cosmopet?</div>
                                 <span class="faq_arr_down">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
-                                        <path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                    </svg>
+                                    <img src="assets/img/icons/arrdown.svg" alt="">
                                 </span>
                             </div>
                             <p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
diff --git a/login.html b/login.html
index 45bd221..0f3238f 100644
--- a/login.html
+++ b/login.html
@@ -43,7 +43,7 @@
         </header>
         <section class="auth login">
             <div class="cont">
-                <div class="auth_block auth_modal">
+                <form class="auth_block auth_modal">
                     <img src="assets/img/cosmo_plane.png" alt="" class="auth_image">
                     <div class="modal_inputs">
                         <label>
@@ -56,7 +56,7 @@
                         </label>
                         <button class="main_btn">Вход</button>
                     </div>
-                </div>
+                </form>
             </div>
         </section>
         <footer class="footer footer2">
diff --git a/order.html b/order.html
index abeb1b4..baafe59 100644
--- a/order.html
+++ b/order.html
@@ -49,15 +49,15 @@
                     </svg>
                     вернуться
                 </a>
-                <h1 class="section_title d-flex align-items-center justify-content-between">
-                    Заказы
+                <div class="section_title d-flex align-items-center justify-content-between">
+                    <h1>Заказы</h1>
                     <a href="#" class="back_link">
                         <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
                             <circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
                             <path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
                         </svg>
                     </a>
-                </h1>
+                </div>
                 <div class="data_block data_block_table">
                     <div class="data_block_top">
                         <div class="data_block_title">Номер <span class="mobile_none">заказа</span></div>
@@ -72,9 +72,7 @@
                             <div class="order_item_text">10 000 ₽</div>
                             <div class="order_item_text">в пути</div>
                             <div class="see_order">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none">
-                                    <path opacity="0.3" d="M1 1L10 10.5L1 20" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                </svg>
+                                <img src="assets/img/icons/arrright.png" alt="">
                             </div>
                         </a>
                         <a href="#" class="order_item done">
@@ -83,9 +81,7 @@
                             <div class="order_item_text">10 000 ₽</div>
                             <div class="order_item_text">завешён</div>
                             <div class="see_order">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none">
-                                    <path opacity="0.3" d="M1 1L10 10.5L1 20" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                </svg>
+                                <img src="assets/img/icons/arrright.png" alt="">
                             </div>
                         </a>
                         <a href="#" class="order_item done">
@@ -94,9 +90,7 @@
                             <div class="order_item_text">10 000 ₽</div>
                             <div class="order_item_text">завешён</div>
                             <div class="see_order">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none">
-                                    <path opacity="0.3" d="M1 1L10 10.5L1 20" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
-                                </svg>
+                                <img src="assets/img/icons/arrright.png" alt="">
                             </div>
                         </a>
                     </div>
diff --git a/order_item.html b/order_item.html
index e2ebb71..f13ecea 100644
--- a/order_item.html
+++ b/order_item.html
@@ -50,15 +50,15 @@
                     вернуться
                 </a>
                 <div class="section_top">
-                    <h1 class="section_title d-flex align-items-center justify-content-between">
-                        №Ru7485-2347
+                    <div class="section_title d-flex align-items-center justify-content-between">
+                        <h1>№Ru7485-2347</h1>
                         <a href="#" class="back_link">
                             <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
                                 <circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
                                 <path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
                             </svg>
                         </a>
-                    </h1>
+                    </div>
                     <p class="delivered_date">Доставлен dd.mm.yy</p>
                 </div>
                 <div class="data_block data_block_table data_block_table2">
diff --git a/pets.html b/pets.html
index 5884fcc..f9a5e2c 100644
--- a/pets.html
+++ b/pets.html
@@ -51,15 +51,15 @@
                             </svg>
                             вернуться
                         </a>
-                        <h1 class="section_title d-flex align-items-center justify-content-between">
-                            питомцы
+                        <div class="section_title d-flex align-items-center justify-content-between">
+                            <h1>питомцы</h1>
                             <a href="#" class="back_link">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
                                     <circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
                                     <path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
                                 </svg>
                             </a>
-                        </h1>
+                        </div>
                         <div class="change_block active">
                             <p class="section_desc">Создайте профиль своего питомца! Заполните информацию и выберите наиболее подходящий рацион</p>
                             <img src="assets/img/hero_image.png" alt="" class="pets_hero_image">
diff --git a/pets_end.html b/pets_end.html
index 9ca88b3..efb216c 100644
--- a/pets_end.html
+++ b/pets_end.html
@@ -49,15 +49,15 @@
                     </svg>
                     вернуться
                 </a>
-                <h1 class="section_title d-flex align-items-center justify-content-between">
-                    питомцы
+                <div class="section_title d-flex align-items-center justify-content-between">
+                    <h1>питомцы</h1>
                     <a href="#" class="back_link">
                         <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
                             <circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
                             <path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
                         </svg>
                     </a>
-                </h1>
+                </div>
                 <p class="section_desc">Обновляйте информацию в профиле своего питомца, чтобы мы смогли подобрать для него питание, учитывающее его уникальные потребности</p>
                 <div class="data_block pets_form_end">
                     <div class="data_block_body">
diff --git a/pets_form.html b/pets_form.html
index 8e36f3c..e988f8e 100644
--- a/pets_form.html
+++ b/pets_form.html
@@ -49,15 +49,15 @@
                     </svg>
                     вернуться
                 </a>
-                <h1 class="section_title d-flex align-items-center justify-content-between">
-                    питомцы
+                <div class="section_title d-flex align-items-center justify-content-between">
+                    <h1>питомцы</h1>
                     <a href="#" class="back_link">
                         <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
                             <circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
                             <path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
                         </svg>
                     </a>
-                </h1>
+                </div>
                 <div class="data_block">
                     <div class="data_block_top">
                         <div class="data_animal">
diff --git a/profile.html b/profile.html
index 6407baf..9d1e983 100644
--- a/profile.html
+++ b/profile.html
@@ -42,23 +42,23 @@
             <div class="header_mob-bg"></div>
         </header>
         <section class="profile">
-            <div class="cont">
+            <form class="cont">
                 <a href="#" class="back_link">
                     <svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" fill="none">
                         <path d="M9 1L2 7.5L9 14" stroke="#121212" stroke-width="2"/>
                     </svg>
                     вернуться
                 </a>
-                <h1 class="section_title d-flex align-items-center justify-content-between">
-                    Профиль
+                <div class="section_title d-flex align-items-center justify-content-between">
+                    <h1>Профиль</h1>
                     <a href="#" class="back_link">
                         <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
                             <circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
                             <path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
                         </svg>
                     </a>
-                </h1>
-                <form class="data_block pets_form" method="post">
+                </div>
+                <div class="data_block pets_form">
                     <div class="data_block_top">
                         <div class="data_block_title">Персональные данные</div>
                     </div>
@@ -85,8 +85,8 @@
                             
                         </div>
                     </div>
-                </form>
-                <form class="data_block pets_form" method="post">
+                </div>
+                <div class="data_block pets_form">
                     <div class="data_block_top">
                         <div class="data_block_title">мои адреса</div>
                     </div>
@@ -134,8 +134,8 @@
                             </div>
                         </div>
                     </div>
-                </form>
-                <form class="data_block pets_form" method="post">
+                </div>
+                <div class="data_block pets_form">
                     <div class="data_block_top">
                         <div class="data_block_title">Способы связи</div>
                     </div>
@@ -220,12 +220,12 @@
                             </div>
                         </div>
                     </div>
-                </form>
+                </div>
                 <div class="d-flex align-items-center pets_form_actions">
                     <a href="#" class="main_btn main_btn_white">Навсегда удалить аккаунт</a>
                     <p>В этом случае Вы не сможете пользоваться сервисом COSMOPET. Доступ к клубной программе и подписке на ветеринарные диеты будет закрыт, а история покупок будет удалена</p>
                 </div>
-            </div>
+            </form>
             <img src="assets/img/profile_bfore.svg" alt="" class="profile_before">
             <img src="assets/img/pets_before_mob.png" alt="" class="pets_before pets_before_mob">
         </section>
diff --git a/register.html b/register.html
index e43c718..4f1c467 100644
--- a/register.html
+++ b/register.html
@@ -43,7 +43,7 @@
         </header>
         <section class="auth register">
             <div class="cont">
-                <div class="auth_block auth_modal">
+                <form class="auth_block auth_modal">
                     <img src="assets/img/cosmo_plane.png" alt="" class="auth_image">
                     <div class="modal_inputs">
                         <label>
@@ -70,7 +70,7 @@
                         <p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
                         <button class="main_btn">Регистрация</button>
                     </div>
-                </div>
+                </form>
             </div>
         </section>
         <footer class="footer footer2">
diff --git a/return.html b/return.html
index e2827f7..0564af4 100644
--- a/return.html
+++ b/return.html
@@ -50,15 +50,15 @@
                     вернуться
                 </a>
                 <div class="section_top">
-                    <h1 class="section_title d-flex align-items-center justify-content-between">
-                        Возврат
+                    <div class="section_title d-flex align-items-center justify-content-between">
+                        <h1>Возврат</h1>
                         <a href="#" class="back_link">
                             <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
                                 <circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
                                 <path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
                             </svg>
                         </a>
-                    </h1>
+                    </div>
                     <p class="delivered_date">Заказ №Ru7485-2347 от dd.mm.yy</p>
                 </div>
                 <div class="data_block data_block_table data_block_table3">