InternetProgramming/Lab2/index.html
2023-11-15 21:33:34 +03:00

133 lines
6.9 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="en">
<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 main_link" 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="collapse navbar-collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="./basket.html">Корзина</a>
<a class="nav-link" href="./library.html">Библиотека</a>
<a class="nav-link" href="./entry.html">Вход</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="input-group">
<input type="text" class="form-control" placeholder="Название игры" aria-label="Recipient's username" aria-describedby="button_search">
<button class="btn btn_searching" type="button" id="button_search">Поиск</button>
</div>
<div class="d-flex flex-row-reverse">
<div class="pt-2">
<button class="btn_adding_game" onclick="window.location.href = './admin.html';">+</button>
</div>
</div>
<table class="table table-borderless table_of_main_page">
<tbody>
<tr>
<td class = "align-middle p-0 cell1_main_page">
<img src="Dark Nights preview.jpg" alt="Dark Nights with Poe & Munro" class="img-fluid">
</td>
<td class = "align-middle p-0 cell2_main_page">
<a class="nav-link active name_of_game_main_page" href="./dark_nights_page.html">Dark Nights with Poe and Munro</a>
<p class = "price_of_game_main_page"> 299 руб.</p>
</td>
<td class = "align-middle p-0">
<button class = "btn_for_game_main_page" onclick="window.location.href = './admin.html';"> изменить </button>
<button class = "btn_for_game_main_page" onclick="window.location.href = './admin.html';"> удалить </button>
</td>
</tr>
<tr>
<td class = "align-middle p-0 cell1_main_page" >
<img src="Late Shift preview.jpg" alt="Late Shift" class="img-fluid">
</td>
<td class = "align-middle p-0 cell2_main_page" >
<a class = "nav-link active name_of_game_main_page" href="./dark_nights_page.html">Late Shift</a>
<p class = "price_of_game_main_page"> 399 руб.</p>
</td>
<td class = "align-middle p-0">
<button class = "btn_for_game_main_page" onclick="window.location.href = './admin.html';"> изменить </button>
<button class = "btn_for_game_main_page" onclick="window.location.href = './admin.html';"> удалить </button>
</td>
</tr>
<tr>
<td class = "align-middle p-0 cell1_main_page">
<img src="Ten Dates preview.jpg" alt="Ten Dates" class="img-fluid">
</td>
<td class = "align-middle p-0 cell2_main_page">
<a class = "nav-link active name_of_game_main_page" href="./dark_nights_page.html">Ten Dates</a>
<p class = "price_of_game_main_page"> 590 руб.</p>
</td>
<td class = "align-middle p-0">
<button class = "btn_for_game_main_page" onclick="window.location.href = './admin.html';"> изменить </button>
<button class = "btn_for_game_main_page" onclick="window.location.href = './admin.html';"> удалить </button>
</td>
</tr>
<tr>
<td class = "align-middle p-0 cell1_main_page">
<img src="Ten Dates preview.jpg" alt="Ten Dates" class="img-fluid">
</td>
<td class = "align-middle p-0 cell2_main_page">
<a class = "nav-link active name_of_game_main_page" href="./dark_nights_page.html">Ten Dates</a>
<p class = "price_of_game_main_page"> 590 руб.</p>
</td>
<td class = "align-middle p-0">
<button class = "btn_for_game_main_page" onclick="window.location.href = './admin.html';"> изменить </button>
<button class = "btn_for_game_main_page" onclick="window.location.href = './admin.html';"> удалить </button>
</td>
</tr>
<tr>
<td class = "align-middle p-0 cell1_main_page">
<img src="Ten Dates preview.jpg" alt="Ten Dates" class="img-fluid">
</td>
<td class = "align-middle p-0 cell2_main_page">
<a class = "nav-link active name_of_game_main_page" href="./dark_nights_page.html">Ten Dates</a>
<p class = "price_of_game_main_page"> 590 руб.</p>
</td>
<td class = "align-middle p-0">
<button class = "btn_for_game_main_page" onclick="window.location.href = './admin.html';"> изменить </button>
<button class = "btn_for_game_main_page" onclick="window.location.href = './admin.html';"> удалить </button>
</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>