FixButtons

This commit is contained in:
Sergey Kozyrev 2023-11-09 19:01:29 +04:00
parent fcc9846a17
commit 09ca25257b
9 changed files with 204 additions and 229 deletions

View File

@ -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>

View File

@ -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>

View File

@ -353,7 +353,7 @@ button:not(:disabled) {
@media (min-width: 500px) {
.register-table
{
height: 400px;
height: 500px;
width: 300px;
top:10%;
left: 35%;

View File

@ -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>

View File

@ -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>

View File

@ -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">

View File

@ -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>

View File

@ -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>

View File

@ -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>