Serxionaft/InternetProgramming
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

FixButtons

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
adminchanel.html
View File

@ -29,15 +29,15 @@
<div class="navbar-nav" > <div class="navbar-nav" >
<div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px"> <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"> <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> <i class="fa-solid fa-search"> </i>
</button></form> </button>
</div> </div>
<div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px"> <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> <button class="login nav-link me-1" style="width: 90%" onclick="document.location='/login.html'">Войти/Зарегистрироватся</button>
<form action="/chanel.html"><button class="user nav-link" type="submit"> <button class="user nav-link" type="submit" onclick="document.location='/chanel.html'">
<i class="fa-solid fa-user"> </i> <i class="fa-solid fa-user"> </i>
</button></form> </button>
</div> </div>
</div> </div>
</div> </div>
@ -63,78 +63,47 @@
</button> </button>
</div> </div>
<div class="rows images"> <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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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>
</div> </div>
</body> </body>
</html> </html>

74
chanel.html
View File

@ -29,15 +29,15 @@
<div class="navbar-nav" > <div class="navbar-nav" >
<div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px"> <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"> <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> <i class="fa-solid fa-search"> </i>
</button></form> </button>
</div> </div>
<div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px"> <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> <button class="login nav-link me-1" style="width: 90%" onclick="document.location='/login.html'">Войти/Зарегистрироватся</button>
<form action="/chanel.html"><button class="user nav-link" type="submit"> <button class="user nav-link" type="submit" onclick="document.location='/chanel.html'">
<i class="fa-solid fa-user"> </i> <i class="fa-solid fa-user"> </i>
</button></form> </button>
</div> </div>
</div> </div>
</div> </div>
@ -55,71 +55,55 @@
<div class="chanel-text"> <div class="chanel-text">
НАЗВАНИЕ КАНАЛА НАЗВАНИЕ КАНАЛА
</div> </div>
<div class="chanel-subscribe"> <button class="chanel-subscribe">
Подписаться Подписаться
</div> </button>
</div> </div>
<div class="rows images"> <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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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>
</div> </div>
</body> </body>
</html> </html>

2
css/style.css
View File

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

63
index.html
View File

@ -9,7 +9,7 @@
rel="stylesheet" /> rel="stylesheet" />
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
</head> </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> <header>
<nav class="navbar navbar-expand-md navbar-dark"> <nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid"> <div class="container-fluid">
@ -28,15 +28,15 @@
<div class="navbar-nav" > <div class="navbar-nav" >
<div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px"> <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"> <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> <i class="fa-solid fa-search"> </i>
</button></form> </button>
</div> </div>
<div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px"> <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> <button class="login nav-link me-1" style="width: 90%" onclick="document.location='/login.html'">Войти/Зарегистрироватся</button>
<form action="/chanel.html"><button class="user nav-link" type="submit"> <button class="user nav-link" type="submit" onclick="document.location='/chanel.html'">
<i class="fa-solid fa-user"> </i> <i class="fa-solid fa-user"> </i>
</button></form> </button>
</div> </div>
</div> </div>
</div> </div>
@ -46,47 +46,56 @@
</header> </header>
<div class="container-fluid w-100" style="--bs-gutter-x: 0"> <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="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"> <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"> <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"> <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"> <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"> <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> </div>
<div class="right-blank rows images"> <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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <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>
</div> </div>
</body> </body>

11
login.html
View File

@ -14,19 +14,20 @@
<div class="container-fluid w-2 register-table text-center col"> <div class="container-fluid w-2 register-table text-center col">
<div class="register-table-text"> <div class="register-table-text">
Регистрация аккаунта Войти в аккаунт
</div> </div>
<div class="register-table-column"> <div class="register-table-column">
<div class="register-table-input2"> <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>
<div class="register-table-input3"> <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> </div>
<div class="register-table-button column"> <div class="register-table-button column">
<form action="/repair.html"><button class="reg_button">Забыл пароль</button></form> <button class="reg_button" onclick="document.location='/repair.html'">Забыл пароль</button>
<form action="/registr.html"><button class="reg_button">Регистрация</button></form> <button class="reg_button" onclick="document.location='/registr.html'">Регистрация</button>
<button class="reg_button" onclick="document.location='/index.html'">Войти</button>
</div> </div>
</div> </div>
</body> </body>

8
registr.html
View File

@ -16,16 +16,16 @@
</div> </div>
<div class="register-table-column"> <div class="register-table-column">
<div class="register-table-input1"> <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>
<div class="register-table-input2"> <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>
<div class="register-table-input3"> <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-input4"> <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> </div>
<div class="register-table-button"> <div class="register-table-button">

4
repair.html
View File

@ -17,10 +17,10 @@
Восстановление аккаунта Восстановление аккаунта
</div> </div>
<div class="register-table-input1"> <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>
<div class="register-table-button"> <div class="register-table-button">
<button class="reg_button">Восстановить</button> <button class="reg_button" onclick="document.location='/index.html'">Восстановить</button>
</div> </div>
</div> </div>
</body> </body>

64
search.html
View File

@ -29,15 +29,15 @@
<div class="navbar-nav" > <div class="navbar-nav" >
<div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px"> <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"> <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> <i class="fa-solid fa-search"> </i>
</button></form> </button>
</div> </div>
<div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px"> <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> <button class="login nav-link me-1" style="width: 90%" onclick="document.location='/login.html'">Войти/Зарегистрироватся</button>
<form action="/chanel.html"><button class="user nav-link" type="submit"> <button class="user nav-link" type="submit" onclick="document.location='/chanel.html'">
<i class="fa-solid fa-user"> </i> <i class="fa-solid fa-user"> </i>
</button></form> </button>
</div> </div>
</div> </div>
</div> </div>
@ -46,76 +46,90 @@
</nav> </nav>
</header> </header>
<div class="columns" style="margin: 5% 5% 5% 5%"> <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%"> <img src="video/maxresdefault.jpg" style="max-width: 50%">
<div class="columns"> <div class="columns">
<div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div> <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
<div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div> <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
</div> </div>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 50%">
<div class="columns"> <div class="columns">
<div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div> <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
<div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div> <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
</div> </div>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 50%">
<div class="columns"> <div class="columns">
<div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div> <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
<div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div> <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
</div> </div>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 50%">
<div class="columns"> <div class="columns">
<div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div> <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
<div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div> <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
</div> </div>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 50%">
<div class="columns"> <div class="columns">
<div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div> <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
<div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div> <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
</div> </div>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 50%">
<div class="columns"> <div class="columns">
<div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div> <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
<div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div> <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
</div> </div>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 50%">
<div class="columns"> <div class="columns">
<div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div> <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
<div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div> <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
</div> </div>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 50%">
<div class="columns"> <div class="columns">
<div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div> <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
<div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div> <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
</div> </div>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 50%">
<div class="columns"> <div class="columns">
<div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div> <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
<div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div> <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
</div> </div>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 50%">
<div class="columns"> <div class="columns">
<div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div> <div class="vid-search-text-big">НАЗВАНИЕ ВИДЕО</div>
<div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div> <div class="vid-search-text-small">ОПИСАНИЕ ВИДЕО</div>
</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> </div>

124
videowatch.html
View File

@ -29,15 +29,15 @@
<div class="navbar-nav" > <div class="navbar-nav" >
<div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px"> <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"> <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> <i class="fa-solid fa-search"> </i>
</button></form> </button>
</div> </div>
<div class="row" style="flex-wrap: nowrap; margin: 5px 20px 5px 0px"> <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> <button class="login nav-link me-1" style="width: 90%" onclick="document.location='/login.html'">Войти/Зарегистрироватся</button>
<form action="/chanel.html"><button class="user nav-link" type="submit"> <button class="user nav-link" type="submit" onclick="document.location='/chanel.html'">
<i class="fa-solid fa-user"> </i> <i class="fa-solid fa-user"> </i>
</button></form> </button>
</div> </div>
</div> </div>
</div> </div>
@ -52,66 +52,48 @@
<div class="vid-text-small">ОПИСАНИЕ ЭТОЙ ВЕЩИ</div> <div class="vid-text-small">ОПИСАНИЕ ЭТОЙ ВЕЩИ</div>
</div> </div>
<div class="w-25 columns vid-worker-big"> <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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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>
</div> </div>
<div class="w-100 columns vid-worker-small"> <div class="w-100 columns vid-worker-small">
@ -120,42 +102,58 @@
<div class="vid-text-big">НАЗВАНИЕ ВИДЕОРОЛИКА</div> <div class="vid-text-big">НАЗВАНИЕ ВИДЕОРОЛИКА</div>
<div class="vid-text-small">ОПИСАНИЕ ЭТОЙ ВЕЩИ</div> <div class="vid-text-small">ОПИСАНИЕ ЭТОЙ ВЕЩИ</div>
</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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1>
</button></form> </button>
<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%"> <img src="video/maxresdefault.jpg" style="max-width: 100%; max-height: 100%">
<h1 class="text-center">НАЗВАНИЕ ВИДЕО</h1> <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> </div>