Internet-programming/LK.html
2024-01-10 21:47:43 +04:00

99 lines
5.1 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>OKPO</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="CSS/style.css">
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="./node_modules/@popperjs/core/dist/umd/popper.min.js" ></script>
</head>
<body class="h-100 d-flex flex-column" style="background-color: #03001F">
<header>
<nav class="navbar navbar-expand-md navbar-dark LK2 fixed-top">
<div class="container-fluid LK">
<a class="navbar-brand" href="/">
<img class="MainTitle" src="img/Title.png" alt="название">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<button class="btn btn-outline-info" type="submit"><a class="nav-link" aria-current="page" href="Join.html" style="text-decoration: none">Вход</a></button>
<button class="btn btn-outline-info" type="button"><a class="nav-link" aria-current="page" href="Register.html" style="text-decoration: none">Регистрация</a></button>
<button class="btn btn-outline-info" type="button"><a class="nav-link" aria-current="page" href="LK.html" style="text-decoration: none">Личный кабинет</a></button>
</div>
</div>
</div>
</nav>
</header>
<main>
<div class="DobPhoto rows">
<form id="upload-container" class="upload-container" method="POST" action="send.php">
<img id="upload-image" src="img/icons8-загрузить-64.png">
<div>
<input id="file-input" type="file" name="file" multiple>
<label for="file-input">Выберите файл</label>
<span>или перетащите его сюда</span>
</div>
</form>
<div class="info">
<div class="FIO">Иван Иванов</div>
<div class="info_list-item" style="margin-top: 5%">Дата рождения - 25.09.2018</div>
<div class="info_list-item" style="margin-top: 5%">Просмотрено фильмов - 123</div>
<div class="info_list-item" style="margin-top: 5%; margin-bottom: 5%">Просмотрено сериалов - 123</div>
<button class="btn btn-outline-warning button_add" type="button"><a class="nav-link" aria-current="page" href="admin.html" style="text-decoration: none">Панель администратора</a></button>
</div>
</div>
</main>
<footer>
<div class="blocks rows">
<div class="LK_block" style="">
<div class="rows">
<img src="img/Prev.png" class="LK-img" alt="превью" style="margin-right: 2%; margin-bottom: 2%">
<img src="img/Prev.png" class="LK-img" alt="превью">
</div>
<div class="rows">
<img src="img/Prev.png" class="LK-img" alt="превью" style="margin-right: 2%">
<img src="img/Prev.png" class="LK-img" alt="превью">
</div>
<div class="Title_blocks" style="color: white; margin-left: 10%">
Любимые фильмы
</div>
</div>
<div class="LK_block">
<div class="rows">
<img src="img/Prev.png" class="LK-img" alt="превью" style="margin-right: 2%; margin-bottom: 2%">
<img src="img/Prev.png" class="LK-img" alt="превью">
</div>
<div class="rows">
<img src="img/Prev.png" class="LK-img" alt="превью" style="margin-right: 2%">
<img src="img/Prev.png" class="LK-img" alt="превью">
</div>
<div class="Title_blocks" style="color: white; margin-left: 10%">
Любимые сериалы
</div>
</div>
<div class="LK_block">
<div class="rows">
<img src="img/Prev.png" class="LK-img" alt="превью" style="margin-right: 2%; margin-bottom: 2%">
<img src="img/Prev.png" class="LK-img" alt="превью">
</div>
<div class="rows">
<img src="img/Prev.png" class="LK-img" alt="превью" style="margin-right: 2%">
<img src="img/Prev.png" class="LK-img" alt="превью">
</div>
<div class="Title_blocks" style="color: white; margin-left: 20%">
Ожидаемое
</div>
</div>
</div>
</footer>
</body>
</html>