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

88 lines
4.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>
<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 class="pb-5">
<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>
<section class="menu container">
<p class="text-light title">Меню</p>
<div class="row g-3 g-md-5">
<a href="item.html" class="col-12 col-sm-6 col-md-4 col-xl-3">
<img class="menu__img" src="./img/item.jpg" alt="" />
<p class="text-center text-light fw-medium fs-5 m-0 mt-2">Хачапури мегрельская</p>
<span class="d-block text-center text-light fw-medium fs-5 mt-1">211.00&#8381;</span>
</a>
<a href="item.html" class="col-12 col-sm-6 col-md-4 col-xl-3">
<img class="menu__img" src="./img/item.jpg" alt="" />
<p class="text-center text-light fw-medium fs-5 m-0 mt-2">Хачапури мегрельская</p>
<span class="d-block text-center text-light fw-medium fs-5 mt-1">211.00&#8381;</span>
</a>
<a href="item.html" class="col-12 col-sm-6 col-md-4 col-xl-3">
<img class="menu__img" src="./img/item.jpg" alt="" />
<p class="text-center text-light fw-medium fs-5 m-0 mt-2">Хачапури мегрельская</p>
<span class="d-block text-center text-light fw-medium fs-5 mt-1">211.00&#8381;</span>
</a>
<a href="item.html" class="col-12 col-sm-6 col-md-4 col-xl-3">
<img class="menu__img" src="./img/item.jpg" alt="" />
<p class="text-center text-light fw-medium fs-5 m-0 mt-2">Хачапури мегрельская</p>
<span class="d-block text-center text-light fw-medium fs-5 mt-1">211.00&#8381;</span>
</a>
<a href="item.html" class="col-12 col-sm-6 col-md-4 col-xl-3">
<img class="menu__img" src="./img/item.jpg" alt="" />
<p class="text-center text-light fw-medium fs-5 m-0 mt-2">Хачапури мегрельская</p>
<span class="d-block text-center text-light fw-medium fs-5 mt-1">211.00&#8381;</span>
</a>
<a href="item.html" class="col-12 col-sm-6 col-md-4 col-xl-3">
<img class="menu__img" src="./img/item.jpg" alt="" />
<p class="text-center text-light fw-medium fs-5 m-0 mt-2">Хачапури мегрельская</p>
<span class="d-block text-center text-light fw-medium fs-5 mt-1">211.00&#8381;</span>
</a>
</div>
</section>
</main>
</body>
</html>