InternetProgramming/Lab4/library.html
2023-12-01 15:11:45 +03:00

120 lines
5.3 KiB
HTML
Raw 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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Steam</title>
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="nav-link active" href="./index.html"> Главная </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">
<a class="nav-link active" href="./basket.html">Корзина</a>
<a class="nav-link active" href="./library.html">Библиотека</a>
<a class="nav-link active" href="./entry.html">Вход</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<table class="table table-borderless table_of_library">
<tbody>
<tr>
<td class = "align-middle p-0 cell1_library">
<img src="Dark Nights preview.jpg" alt="Dark Nights with Poe & Munro" class="img-fluid">
</td>
<td class = "align-middle p-0 cell2_library">
<a class = "nav-link library_name_of_game" href="./dark_nights_page.html">Dark Nights with Poe and Munro</a>
</td>
<td class = "align-middle text-center p-0">
<select>
<option disabled selected>ИГРА</option>
<option>Играть</option>
<option>Установить</option>
<option>Удалить</option>
</select>
</td>
</tr>
<tr>
<td class = "align-middle p-0 cell1_library" >
<img src="Song of Farca preview.jpg" alt="Song of Farca" class="img-fluid">
</td>
<td class = "align-middle p-0 cell2_library" >
<a class = "nav-link library_name_of_game" href="./dark_nights_page.html">Song of Farca</a>
</td>
<td class = "align-middle text-center p-0">
<select>
<option disabled selected>ИГРА</option>
<option>Играть</option>
<option>Установить</option>
<option>Удалить</option>
</select>
</td>
</tr>
<tr>
<td class = "align-middle p-0 cell1_library">
<img src="Papers, Please preview.jpg" alt="Papers, Please" class="img-fluid">
</td>
<td class = "align-middle p-0 cell2_library">
<a class = "nav-link library_name_of_game" href="./dark_nights_page.html"> Papers, Please </a>
</td>
<td class = "align-middle text-center p-0">
<select>
<option disabled selected>ИГРА</option>
<option>Играть</option>
<option>Установить</option>
<option>Удалить</option>
</select>
</td>
</tr>
<tr>
<td class = "align-middle p-0 cell1_library">
<img src="Ten Dates preview.jpg" alt="Ten Dates" class="img-fluid">
</td>
<td class = "align-middle p-0 cell2_library">
<a class = "nav-link library_name_of_game" href="./dark_nights_page.html">Ten Dates</a>
</td>
<td class = "align-middle text-center p-0">
<select>
<option disabled selected>ИГРА</option>
<option>Играть</option>
<option>Установить</option>
<option>Удалить</option>
</select>
</td>
</tr>
</tbody>
</table>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Сайт Чернышева Георгия, ПИбд-22
</footer>
</body>
</html>