InternetProgramming/Lab3/basket.html
2023-11-30 18:13:57 +03:00

96 lines
3.5 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">
<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" 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-bordered align-middle">
<tbody>
<tr>
<td class = "p-0 cell1_basket">
<img src="Dark Nights preview.jpg" alt="Dark Nights with Poe & Munro" class="img-fluid">
</td>
<td class = "p-0 cell2_basket">
<p class = "basket_name_of_game">Dark Nights with Poe and Munro</p>
</td>
<td class = "p-0 text-center align-middle cell3_basket">
<p class = "price_of_game_main_page"> 299 руб.</p>
</td>
<td class = "p-0 text-center align-middle">
<button class = "basket_delete_button"> X </button>
</td>
</tr>
<tr>
<td class = "p-0 cell1_basket">
<img src="Ten Dates preview.jpg" alt="Ten Dates" class="img-fluid">
</td>
<td class = "p-0 text-center align-middle cell2_basket">
<p class = "basket_name_of_game">Ten Dates</p>
</td>
<td class = "p-0 text-center align-middle cell3_basket">
<p class = "price_of_game_main_page"> 509 руб.</p>
</td>
<td class = "p-0 text-center align-middle">
<button class = "basket_delete_button"> X </button>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2" class = "align-left">
<p class = "basket_price_of_games"> Итого: 808 руб.</p>
</td>
<td colspan="2" class = "text-end">
<button class = "basket_buy_button">КУПИТЬ</button>
</td>
</tr>
</tfoot>
</table>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Сайт Чернышева Георгия, ПИбд-22
</footer>
</body>
</html>