Internet_Programming_PIbd-2.../Lab3/basket.html

91 lines
4.2 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="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="./style.css">
<title>О нас</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav class = "navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a href="Admin.html" class="nav-item"><img class="logo w-50 h-50" src="images/logo.png"></a>
<a href="index.html" class="navbar-brand">Fastest Food</a>
<button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarContent"
aria-controls="navbarContent" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav me-auto mb-auto">
<li class="nav-item">
<a href="login.html" class="nav-link">Войти/Регистрация</a>
</li>
<li class="nav-item">
<a href="about-us.html" class="nav-link">О нас</a>
</li>
<li class="nav-item">
<a href="menu.html" class="nav-link">Меню</a>
</li>
<li class="nav-item">
<a href="contacts.html" class="nav-link">Наши контакты</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div class= "allRegistration d-flex align-items-center justify-content-center min-vh-100">
<div class="bg-white rounded-5 p-5">
<h1 class="text-center">Корзина</h1>
<p class="mt-3">В вашей корзине:</p>
<div class="row d-flex justify-content-center align-items-center border-bottom">
<div class="col-12 col-md-3 d-flex justify-content-center">
<img class="w-50 h-50" src="images/Shaurma.png" alt="">
</div>
<div class="col-12 col-md-3 mt-2">
<p class="text-center mb-0">Шаурма с курицей</p>
</div>
<div class="col-12 col-md-3 mt-2 mb-2">
<p class="text-center mb-0">Цена: 240</p>
</div>
<div class="col-12 col-md-3 d-flex justify-content-center flex-row">
<button class="d-flex align-items-center" type="button">
-
</button>
<div class="d-flex align-items-center">
<p class="text-center mb-0">240</p>
</div>
<button class="d-flex align-items-center" type="button">
+
</button>
</div>
</div>
<p></p>
<div class="d-flex justify-content-center">
<a href="" class="btn btn-danger">Оформить заказ</a>
</div>
</div>
</div>
</main>
<footer>
<div class="container mb-0">
<div class="row">
<div class="col d-flex align-items-center">
<h2>Fastest Food</h2>
</div>
<div class="col">
<p class="time">Время работы:<br>ПН-ПТ:10-19<br>СБ-ВС:12-17</p>
</div>
</div>
</div>
</footer>
</body>
</html>