From 09ca25257bb7ce64bb5db0a5a507b066a9ccdf1c Mon Sep 17 00:00:00 2001
From: Sergey Kozyrev <s.kozyrev-s@yandex.ru>
Date: Thu, 9 Nov 2023 19:01:29 +0400
Subject: [PATCH] FixButtons

---
 adminchanel.html |  83 ++++++++++---------------------
 chanel.html      |  74 +++++++++++-----------------
 css/style.css    |   2 +-
 index.html       |  63 +++++++++++++-----------
 login.html       |  11 +++--
 registr.html     |   8 +--
 repair.html      |   4 +-
 search.html      |  64 ++++++++++++++----------
 videowatch.html  | 124 +++++++++++++++++++++++------------------------
 9 files changed, 204 insertions(+), 229 deletions(-)

diff --git a/adminchanel.html b/adminchanel.html
index c3e8f20..476934c 100644
--- a/adminchanel.html
+++ b/adminchanel.html
@@ -29,15 +29,15 @@
         <div class="navbar-nav" >
           <div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px">
             <input class="form-control me-1 nav-link" type="search" style="width: 90%" placeholder="Search" aria-label="Search">
-            <form action="/search.html"><button class="back" type="submit">
+            <button class="back" type="submit" onclick="document.location='/search.html'">
               <i class="fa-solid fa-search"> </i>
-            </button></form>
+            </button>
           </div>
           <div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px">
-            <form action="/login.html"><button class="login nav-link me-1" style="width: 90%">Войти/Зарегистрироватся</button></form>
-            <form action="/chanel.html"><button class="user nav-link"  type="submit">
+            <button class="login nav-link me-1" style="width: 90%" onclick="document.location='/login.html'">Войти/Зарегистрироватся</button>
+            <button class="user nav-link"  type="submit" onclick="document.location='/chanel.html'">
               <i class="fa-solid fa-user"> </i>
-            </button></form>
+            </button>
           </div>
         </div>
       </div>
@@ -63,78 +63,47 @@
   </button>
 </div>
 <div class="rows images">
-  <form action="/videowatch.html" class="vid"><button>
+  <button onclick="document.location='/videowatch.html'" class="vid">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button onclick="document.location='/videowatch.html'" class="vid">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button onclick="document.location='/videowatch.html'" class="vid">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button onclick="document.location='/videowatch.html'" class="vid">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button onclick="document.location='/videowatch.html'" class="vid">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button onclick="document.location='/videowatch.html'" class="vid">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button onclick="document.location='/videowatch.html'" class="vid">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button onclick="document.location='/videowatch.html'" class="vid">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button onclick="document.location='/videowatch.html'" class="vid">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button onclick="document.location='/videowatch.html'" class="vid">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
+  </button>
+
 </div>
 </body>
 </html>
diff --git a/chanel.html b/chanel.html
index c5b08d2..96bc203 100644
--- a/chanel.html
+++ b/chanel.html
@@ -29,15 +29,15 @@
         <div class="navbar-nav" >
           <div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px">
             <input class="form-control me-1 nav-link" type="search" style="width: 90%" placeholder="Search" aria-label="Search">
-            <form action="/search.html"><button class="back" type="submit">
+            <button class="back" type="submit" onclick="document.location='/search.html'">
               <i class="fa-solid fa-search"> </i>
-            </button></form>
+            </button>
           </div>
           <div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px">
-            <form action="/login.html"><button class="login nav-link me-1" style="width: 90%">Войти/Зарегистрироватся</button></form>
-            <form action="/chanel.html"><button class="user nav-link"  type="submit">
+            <button class="login nav-link me-1" style="width: 90%" onclick="document.location='/login.html'">Войти/Зарегистрироватся</button>
+            <button class="user nav-link"  type="submit" onclick="document.location='/chanel.html'">
               <i class="fa-solid fa-user"> </i>
-            </button></form>
+            </button>
           </div>
         </div>
       </div>
@@ -55,71 +55,55 @@
   <div class="chanel-text">
     НАЗВАНИЕ КАНАЛА
   </div>
-  <div class="chanel-subscribe">
+  <button class="chanel-subscribe">
     Подписаться
-  </div>
+  </button>
 </div>
 <div class="rows images">
-  <form action="/videowatch.html" class="vid"><button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
+  </button>
+  <button class="vid" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
     <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
-  <form action="/videowatch.html" class="vid"><button>
-    <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-    <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-  </button></form>
+  </button>
 </div>
 </body>
 </html>
diff --git a/css/style.css b/css/style.css
index ac15a34..f43a9eb 100644
--- a/css/style.css
+++ b/css/style.css
@@ -353,7 +353,7 @@ button:not(:disabled) {
 @media (min-width: 500px) {
   .register-table
   {
-    height: 400px;
+    height: 500px;
     width: 300px;
     top:10%;
     left: 35%;
diff --git a/index.html b/index.html
index d00139d..95147fa 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
           rel="stylesheet" />
     <link rel="stylesheet" href="css/style.css">
 </head>
-<body class="h-100 d-flex flex-column" style="background-color:#FDF3FB;">
+<body class="h-100 d-flex flex-column w-100" style="background-color:#FDF3FB;">
 <header>
   <nav class="navbar navbar-expand-md navbar-dark">
     <div class="container-fluid">
@@ -28,15 +28,15 @@
         <div class="navbar-nav" >
           <div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px">
             <input class="form-control me-1 nav-link" type="search" style="width: 90%" placeholder="Search" aria-label="Search">
-            <form action="/search.html"><button class="back" type="submit">
+            <button class="back" type="submit" onclick="document.location='/search.html'">
               <i class="fa-solid fa-search"> </i>
-            </button></form>
+            </button>
           </div>
           <div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px">
-            <form action="/login.html"><button class="login nav-link me-1" style="width: 90%">Войти/Зарегистрироватся</button></form>
-            <form action="/chanel.html"><button class="user nav-link"  type="submit">
+            <button class="login nav-link me-1" style="width: 90%" onclick="document.location='/login.html'">Войти/Зарегистрироватся</button>
+            <button class="user nav-link"  type="submit" onclick="document.location='/chanel.html'">
               <i class="fa-solid fa-user"> </i>
-            </button></form>
+            </button>
           </div>
         </div>
       </div>
@@ -46,47 +46,56 @@
 </header>
 <div class="container-fluid w-100" style="--bs-gutter-x: 0">
   <div class="container-fluid w-2 left-blank text-center col mobdel">
-    <div class="row m-3"> <form action="/chanel.html"><button class="subscribed">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></form></div>
-    <div class="row m-3"> <form action="/chanel.html"><button class="subscribed">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></form></div>
-    <div class="row m-3"> <form action="/chanel.html"><button class="subscribed">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></form></div>
-    <div class="row m-3"> <form action="/chanel.html"><button class="subscribed">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></form></div>
-    <div class="row m-3"> <form action="/chanel.html"><button class="subscribed">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></form></div>
+    <div class="row m-3"> <button class="subscribed" onclick="document.location='/chanel.html'">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></div>
+    <div class="row m-3"> <button class="subscribed" onclick="document.location='/chanel.html'">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></div>
+    <div class="row m-3"> <button class="subscribed" onclick="document.location='/chanel.html'">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></div>
+    <div class="row m-3"> <button class="subscribed" onclick="document.location='/chanel.html'">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></div>
+    <div class="row m-3"> <button class="subscribed" onclick="document.location='/chanel.html'">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></div>
+    <div class="row m-3"> <button class="subscribed" onclick="document.location='/chanel.html'">ИМЯ КАНАЛА<i class="fa-solid fa-user back" style="float: right"></i></button></div>
 
   </div>
 
   <div class="right-blank rows images">
-    <form action="/videowatch.html" class="vid"><button >
+    <button class="vid" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html" class="vid"><button >
+    </button>
+    <button class="vid" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html" class="vid"><button >
+    </button>
+    <button class="vid" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html" class="vid"><button >
+    </button>
+    <button class="vid" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html" class="vid"><button >
+    </button>
+    <button class="vid" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html" class="vid"><button >
+    </button>
+    <button class="vid" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html" class="vid"><button >
+    </button>
+    <button class="vid" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html" class="vid"><button >
+    </button>
+    <button class="vid" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
+    </button>
+    <button class="vid" onclick="document.location='/videowatch.html'">
+      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
+      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
+    </button>
+    <button class="vid" onclick="document.location='/videowatch.html'">
+      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
+      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
+    </button>
   </div>
 </div>
 </body>
diff --git a/login.html b/login.html
index 7c76ce6..e4caaa8 100644
--- a/login.html
+++ b/login.html
@@ -14,19 +14,20 @@
 
 <div class="container-fluid w-2 register-table text-center col">
   <div class="register-table-text">
-    Регистрация аккаунта
+    Войти в аккаунт
   </div>
   <div class="register-table-column">
   <div class="register-table-input2">
-    <input class="form-control me-2 orange" type="search" placeholder="Почта" aria-label="Mail">
+    <input class="form-control me-2 orange" type="email" placeholder="Почта" aria-label="Mail">
   </div>
   <div class="register-table-input3">
-    <input class="form-control me-2 orange" type="search" placeholder="Почта" aria-label="Mail">
+    <input class="form-control me-2 orange" type="password" placeholder="Пароль" aria-label="Mail">
   </div>
   </div>
   <div class="register-table-button column">
-    <form action="/repair.html"><button class="reg_button">Забыл пароль</button></form>
-    <form action="/registr.html"><button class="reg_button">Регистрация</button></form>
+    <button class="reg_button" onclick="document.location='/repair.html'">Забыл пароль</button>
+    <button class="reg_button" onclick="document.location='/registr.html'">Регистрация</button>
+    <button class="reg_button" onclick="document.location='/index.html'">Войти</button>
   </div>
 </div>
 </body>
diff --git a/registr.html b/registr.html
index c3accdd..2fab804 100644
--- a/registr.html
+++ b/registr.html
@@ -16,16 +16,16 @@
   </div>
   <div class="register-table-column">
     <div class="register-table-input1">
-      <input class="form-control me-2 orange" type="search" placeholder="Почта" aria-label="Mail">
+      <input class="form-control me-2 orange" type="text" placeholder="Никнейм" aria-label="Mail">
     </div>
     <div class="register-table-input2">
-      <input class="form-control me-2 orange" type="search" placeholder="Почта" aria-label="Mail">
+      <input class="form-control me-2 orange" type="email" placeholder="Почта" aria-label="Mail">
     </div>
     <div class="register-table-input3">
-      <input class="form-control me-2 orange" type="search" placeholder="Почта" aria-label="Mail">
+      <input class="form-control me-2 orange" type="password" placeholder="Пароль" aria-label="Mail">
     </div>
     <div class="register-table-input4">
-      <input class="form-control me-2 orange" type="search" placeholder="Почта" aria-label="Mail">
+      <input class="form-control me-2 orange" type="password" placeholder="Повтор пароля" aria-label="Mail">
     </div>
   </div>
   <div class="register-table-button">
diff --git a/repair.html b/repair.html
index e1cbc34..92523ab 100644
--- a/repair.html
+++ b/repair.html
@@ -17,10 +17,10 @@
     Восстановление аккаунта
   </div>
   <div class="register-table-input1">
-    <input class="form-control me-2 orange" type="search" placeholder="Почта" aria-label="Mail">
+    <input class="form-control me-2 orange" type="email" placeholder="Почта" aria-label="Mail">
   </div>
   <div class="register-table-button">
-    <button class="reg_button">Восстановить</button>
+    <button class="reg_button" onclick="document.location='/index.html'">Восстановить</button>
   </div>
 </div>
 </body>
diff --git a/search.html b/search.html
index 98831e9..f14d419 100644
--- a/search.html
+++ b/search.html
@@ -29,15 +29,15 @@
         <div class="navbar-nav" >
           <div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px">
             <input class="form-control me-1 nav-link" type="search" style="width: 90%" placeholder="Search" aria-label="Search">
-            <form action="/search.html"><button class="back" type="submit">
+            <button class="back" type="submit" onclick="document.location='/search.html'">
               <i class="fa-solid fa-search"> </i>
-            </button></form>
+            </button>
           </div>
           <div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px">
-            <form action="/login.html"><button class="login nav-link me-1" style="width: 90%">Войти/Зарегистрироватся</button></form>
-            <form action="/chanel.html"><button class="user nav-link"  type="submit">
+            <button class="login nav-link me-1" style="width: 90%" onclick="document.location='/login.html'">Войти/Зарегистрироватся</button>
+            <button class="user nav-link"  type="submit" onclick="document.location='/chanel.html'">
               <i class="fa-solid fa-user"> </i>
-            </button></form>
+            </button>
           </div>
         </div>
       </div>
@@ -46,76 +46,90 @@
   </nav>
 </header>
 <div class="columns" style="margin: 5% 5% 5% 5%">
-  <form action="/videowatch.html"><button class="vid-row">
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 50%">
     <div class="columns">
     <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
     <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
     </div>
-  </button></form>
-  <form action="/videowatch.html"><button class="vid-row">
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 50%">
     <div class="columns">
       <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
       <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
     </div>
-  </button></form>
-  <form action="/videowatch.html"><button class="vid-row">
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 50%">
     <div class="columns">
       <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
       <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
     </div>
-  </button></form>
-  <form action="/videowatch.html"><button class="vid-row">
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 50%">
     <div class="columns">
       <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
       <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
     </div>
-  </button></form>
-  <form action="/videowatch.html"><button class="vid-row">
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 50%">
     <div class="columns">
       <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
       <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
     </div>
-  </button></form>
-  <form action="/videowatch.html"><button class="vid-row">
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 50%">
     <div class="columns">
       <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
       <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
     </div>
-  </button></form>
-  <form action="/videowatch.html"><button class="vid-row">
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 50%">
     <div class="columns">
       <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
       <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
     </div>
-  </button></form>
-  <form action="/videowatch.html"><button class="vid-row">
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 50%">
     <div class="columns">
       <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
       <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
     </div>
-  </button></form>
-  <form action="/videowatch.html"><button class="vid-row">
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 50%">
     <div class="columns">
       <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
       <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
     </div>
-  </button></form>
-  <form action="/videowatch.html"><button class="vid-row">
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
     <img src="video/maxresdefault.jpg" style="max-width: 50%">
     <div class="columns">
       <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
       <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
     </div>
-  </button></form>
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
+    <img src="video/maxresdefault.jpg" style="max-width: 50%">
+    <div class="columns">
+      <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
+      <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
+    </div>
+  </button>
+  <button class="vid-row" onclick="document.location='/videowatch.html'">
+    <img src="video/maxresdefault.jpg" style="max-width: 50%">
+    <div class="columns">
+      <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
+      <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
+    </div>
+  </button>
 
 
 </div>
diff --git a/videowatch.html b/videowatch.html
index bc47759..cee3710 100644
--- a/videowatch.html
+++ b/videowatch.html
@@ -29,15 +29,15 @@
         <div class="navbar-nav" >
           <div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px">
             <input class="form-control me-1 nav-link" type="search" style="width: 90%" placeholder="Search" aria-label="Search">
-            <form action="/search.html"><button class="back" type="submit">
+            <button class="back" type="submit" onclick="document.location='/search.html'">
               <i class="fa-solid fa-search"> </i>
-            </button></form>
+            </button>
           </div>
           <div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px">
-            <form action="/login.html"><button class="login nav-link me-1" style="width: 90%">Войти/Зарегистрироватся</button></form>
-            <form action="/chanel.html"><button class="user nav-link"  type="submit">
+            <button class="login nav-link me-1" style="width: 90%" onclick="document.location='/login.html'">Войти/Зарегистрироватся</button>
+            <button class="user nav-link"  type="submit" onclick="document.location='/chanel.html'">
               <i class="fa-solid fa-user"> </i>
-            </button></form>
+            </button>
           </div>
         </div>
       </div>
@@ -52,66 +52,48 @@
     <div class="vid-text-small">ОПИСАНИЕ ЭТОЙ ВЕЩИ</div>
   </div>
   <div class="w-25 columns vid-worker-big">
-    <form action="/videowatch.html"><button class="vid-column">
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
-      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
-      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
-      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
-      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
-      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
-      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
+    </button>
+
+
 
   </div>
   <div class="w-100 columns vid-worker-small">
@@ -120,42 +102,58 @@
       <div class="vid-text-big">НАЗВАНИЕ ВИДЕОРОЛИКА</div>
       <div class="vid-text-small">ОПИСАНИЕ ЭТОЙ ВЕЩИ</div>
     </div>
-    <form action="/videowatch.html"><button class="vid-column">
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
-    <form action="/videowatch.html"><button class="vid-column">
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
       <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
       <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
-    </button></form>
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
+      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
+      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
+      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
+      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
+      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
+      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
+    </button>
+    <button class="vid-column" onclick="document.location='/videowatch.html'">
+      <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
+      <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
+    </button>
 
 
   </div>