Int_Prog/лаб2/lab2/item.html
2024-01-19 01:24:45 +04:00

70 lines
2.8 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>
<title></title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap -->
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" />
<script defer src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- Normalize -->
<link rel="stylesheet" href="./node_modules/normalize.css/normalize.css" />
<!-- Styles -->
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<header class="header">
<nav class="navbar navbar-expand-md">
<div class="container align-items-baseline">
<a class="gold-color fs-4" href="index.html">Хмели-Сунели</a>
<button class="navbar-toggler bg-light" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto p-2 p-md-0 mt-2 navbar-my-border d-md-flex gap-3">
<li class="nav-item">
<a class="gold-color" href="index.html">Меню</a>
</li>
<li class="nav-item">
<a class="gold-color" href="about.html">О нас</a>
</li>
<li class="nav-item">
<a class="gold-color" href="cart.html">Корзина</a>
</li>
<li class="nav-item">
<a class="gold-color" href="admin.html">Админка</a>
</li>
<li class="nav-item">
<a class="gold-color" href="login.html">Войти</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="d-flex flex-column justify-content-center">
<section class="container d-flex justify-content-center">
<div class="row">
<div class="col-12 col-lg-6">
<div><img src="./img/item.jpg" alt="" class="w-100 h-auto" /></div>
</div>
<div class="col-12 col-lg-6 text-light">
<p class="fs-1">Хачапури мегрельская</p>
<a href="index.html" class="mb-4 gold-color fs-4 text-decoration-underline">Вернуться в каталог</a>
<p class="m-0 mt-4 fs-3">211.00&#8381;</p>
<p class="fs-3 gold-color fw-bold m-0 mt-2">Информация о товаре</p>
<p class="fs-3 m-0">
Пирог из тонко раскатанного теста с сыром сулугуни внутри и снаружи.
</p>
<button class="btn btn-lg btn-warning mt-3">Купить</button>
</div>
</div>
</section>
</main>
</body>
</html>