This commit is contained in:
Вячеслав Иванов 2023-11-02 11:48:49 +04:00
parent 82846fc0bb
commit 3c68894bbf
60 changed files with 1681 additions and 3916 deletions

View File

@ -1,7 +1,7 @@
<html lang="ru" class="h-100"> <html lang="ru" class="h-100">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Моя страница</title> <title>Каталог</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> <script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>

151
lab3/Administrator.html Normal file
View File

@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Моя страница</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="./style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="Images/logo.png" alt="logo" width="128">
</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-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Каталог</a>
<a class="nav-link" href="stock.html">Акции</a>
<a class="nav-link" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccountLogin.html">Войти</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<section class="h-100">
<div class="mask d-flex align-items-center h-100 gradient-custom-3">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-md-9 col-lg-7 col-xl-6">
<h1 class="text-warning text-center font-weight-bold">Панель администратора</h1>
<div class="card" style="border-radius: 15px; border-color:gold;">
<div class="card-body p-5">
<h2 class="text-uppercase text-center mb-5">Добавление товара</h2>
<form>
<div class="form-outline mb-4">
<input type="file" name="image" class="form-control" accept="image/*"
onchange="updatePreview(this, 'image-preview')">
<label class="form-label">Фото товара</label>
</div>
<div class="form-outline mb-4">
<input type="text" id="form3Example1cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example1cg">Название товара</label>
</div>
<div class="form-outline mb-4">
<input type="text" id="form3Example2cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example2cg">Описание товара</label>
</div>
<div class="form-outline mb-4">
<input id="form3Example2cg" min="0" name="quantity" value="2" type="number"
class="form-control form-control-lg" />
<label class="form-label" for="form3Example3cg">Количество товара</label>
</div>
<div class="form-outline mb-4">
<input type="number" id="form3Example4cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example4cg">Цена товара</label>
</div>
<div class="d-flex justify-content-center">
<button class="btn btn-success btn-block btn-warning text-body mb-0">Добавить</button>
</div>
</form>
</div>
</div>
</div>
<div class="col-12">
<h1 class="text-warning text-center font-weight-bold" style="padding-top: 50px;">Таблица данных</h1>
<div class="table-responsive mt-4">
<table class="table table-bordered">
<thead>
<tr>
<th>Фото</th>
<th>Название</th>
<th>Описание</th>
<th>Количество</th>
<th>Цена</th>
<th></th>
</tr>
</thead>
<tbody id="product-table">
<tr>
<td><img src="Images/pizza.png" width="50" alt="Товар 1"></td>
<td>Товар 1</td>
<td>Описание товара 1</td>
<td class="d-flex justify-content-center align-items-center">
<input id="form1" min="0" name="quantity" value="2" type="number" class="form-control form-control-sm" style="width: 50px;" />
</td>
<td>100 рублей</td>
<td class="d-flex justify-content-center align-items-center">
<a href="#!" class="text-danger"><i class="fas fa-trash fa-lg"></i></a>
</td>
</tr>
<tr>
<td><img src="Images/pizza.png" width="50" alt="Товар 2"></td>
<td>Товар 2</td>
<td>Описание товара 2</td>
<td class="d-flex justify-content-center align-items-center">
<input id="form1" min="0" name="quantity" value="2" type="number" class="form-control form-control-sm" style="width: 50px;" />
</td>
<td>150 рублей</td>
<td class="d-flex justify-content-center align-items-center">
<a href="#!" class="text-danger"><i class="fas fa-trash fa-lg"></i></a>
</td>
</tr>
<tr>
<td><img src="Images/pizza.png" width="50" alt="Товар 3"></td>
<td>Товар 3</td>
<td>Описание товара 3</td>
<td class="d-flex justify-content-center align-items-center">
<input id="form1" min="0" name="quantity" value="2" type="number" class="form-control form-control-sm" style="width: 50px;" />
</td>
<td>80 рублей</td>
<td class="d-flex justify-content-center align-items-center">
<a href="#!" class="text-danger"><i class="fas fa-trash fa-lg"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>

View File

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

View File

Before

Width:  |  Height:  |  Size: 669 KiB

After

Width:  |  Height:  |  Size: 669 KiB

View File

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

View File

@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-md"> <nav class="navbar navbar-expand-md">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="./logo.png" alt="logo" width="128"> <img src="Images/logo.png" alt="logo" width="128">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" data-bs-target="#navbarNav"
@ -46,7 +46,7 @@
<div class="card-body p-4"> <div class="card-body p-4">
<div class="row d-flex justify-content-between align-items-center"> <div class="row d-flex justify-content-between align-items-center">
<div class="col-md-2 col-lg-2 col-xl-2"> <div class="col-md-2 col-lg-2 col-xl-2">
<img src="pizza.png" class="img-fluid rounded-3" alt="Cotton T-shirt"> <img src="Images/pizza.png" class="img-fluid rounded-3" alt="Cotton T-shirt">
</div> </div>
<div class="col-md-3 col-lg-3 col-xl-3"> <div class="col-md-3 col-lg-3 col-xl-3">
<p class="lead fw-normal mb-2">Название пиццы</p> <p class="lead fw-normal mb-2">Название пиццы</p>
@ -80,7 +80,7 @@
<div class="card-body p-4"> <div class="card-body p-4">
<div class="row d-flex justify-content-between align-items-center"> <div class="row d-flex justify-content-between align-items-center">
<div class="col-md-2 col-lg-2 col-xl-2"> <div class="col-md-2 col-lg-2 col-xl-2">
<img src="pizza.png" class="img-fluid rounded-3" alt="Cotton T-shirt"> <img src="Images/pizza.png" class="img-fluid rounded-3" alt="Cotton T-shirt">
</div> </div>
<div class="col-md-3 col-lg-3 col-xl-3"> <div class="col-md-3 col-lg-3 col-xl-3">
<p class="lead fw-normal mb-2">Название пиццы</p> <p class="lead fw-normal mb-2">Название пиццы</p>
@ -114,7 +114,7 @@
<div class="card-body p-4"> <div class="card-body p-4">
<div class="row d-flex justify-content-between align-items-center"> <div class="row d-flex justify-content-between align-items-center">
<div class="col-md-2 col-lg-2 col-xl-2"> <div class="col-md-2 col-lg-2 col-xl-2">
<img src="pizza.png" class="img-fluid rounded-3" alt="Cotton T-shirt"> <img src="Images/pizza.png" class="img-fluid rounded-3" alt="Cotton T-shirt">
</div> </div>
<div class="col-md-3 col-lg-3 col-xl-3"> <div class="col-md-3 col-lg-3 col-xl-3">
<p class="lead fw-normal mb-2">Название пиццы</p> <p class="lead fw-normal mb-2">Название пиццы</p>
@ -148,7 +148,7 @@
<div class="card-body p-4"> <div class="card-body p-4">
<div class="row d-flex justify-content-between align-items-center"> <div class="row d-flex justify-content-between align-items-center">
<div class="col-md-2 col-lg-2 col-xl-2"> <div class="col-md-2 col-lg-2 col-xl-2">
<img src="pizza.png" class="img-fluid rounded-3" alt="Cotton T-shirt"> <img src="Images/pizza.png" class="img-fluid rounded-3" alt="Cotton T-shirt">
</div> </div>
<div class="col-md-3 col-lg-3 col-xl-3"> <div class="col-md-3 col-lg-3 col-xl-3">
<p class="lead fw-normal mb-2">Название пиццы</p> <p class="lead fw-normal mb-2">Название пиццы</p>

View File

@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-md"> <nav class="navbar navbar-expand-md">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="./logo.png" alt="logo" width="128"> <img src="Images/logo.png" alt="logo" width="128">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" data-bs-target="#navbarNav"

View File

@ -0,0 +1 @@
{"version":3,"file":"basket-6e5bf016.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

View File

@ -0,0 +1 @@
{"version":3,"file":"contacts-6e5bf016.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
lab3/dist/assets/logo-aa329ea1.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

1
lab3/dist/assets/main-6e5bf016.js.map vendored Normal file
View File

@ -0,0 +1 @@
{"version":3,"file":"main-6e5bf016.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

View File

@ -0,0 +1 @@
{"version":3,"file":"makingAnOrder-6e5bf016.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

View File

@ -0,0 +1 @@
{"version":3,"file":"personalAccount-6e5bf016.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

View File

@ -0,0 +1 @@
{"version":3,"file":"personalAccountLogin-6e5bf016.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

View File

@ -0,0 +1 @@
{"version":3,"file":"personalAccountRegister-6e5bf016.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

BIN
lab3/dist/assets/pizza-89921467.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 669 KiB

View File

@ -0,0 +1 @@
{"version":3,"file":"recoveryPassword-6e5bf016.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

BIN
lab3/dist/assets/stock-69e5db1e.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

View File

@ -0,0 +1 @@
{"version":3,"file":"stock-6e5bf016.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

9
lab3/dist/assets/style-00c5e80b.css vendored Normal file

File diff suppressed because one or more lines are too long

6
lab3/dist/assets/style-5bb7d786.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

198
lab3/dist/basket.html vendored Normal file
View File

@ -0,0 +1,198 @@
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Корзина</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" crossorigin src="/assets/style-5bb7d786.js"></script>
<link rel="stylesheet" href="/assets/style-00c5e80b.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/assets/logo-aa329ea1.png" alt="logo" width="128">
</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-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Каталог</a>
<a class="nav-link" href="stock.html">Акции</a>
<a class="nav-link" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccountLogin.html">Войти</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container">
<div class="d-flex justify-content-center align-items-center">
<h1 class="text-warning font-weight-bold">Корзина</h1>
</div>
<div class="row">
<div class="col-10">
<div class="card rounded-3 mb-4">
<div class="card-body p-4">
<div class="row d-flex justify-content-between align-items-center">
<div class="col-md-2 col-lg-2 col-xl-2">
<img src="/assets/pizza-89921467.png" class="img-fluid rounded-3" alt="Cotton T-shirt">
</div>
<div class="col-md-3 col-lg-3 col-xl-3">
<p class="lead fw-normal mb-2">Название пиццы</p>
<p><span class="text-muted">Описание</span></p>
</div>
<div class="col-md-3 col-lg-3 col-xl-2 d-flex">
<button class="btn btn-link px-2"
onclick="this.parentNode.querySelector('input[type=number]').stepDown()">
<i class="fas fa-minus"></i>
</button>
<input id="form1" min="0" name="quantity" value="2" type="number"
class="form-control form-control-sm" />
<button class="btn btn-link px-2"
onclick="this.parentNode.querySelector('input[type=number]').stepUp()">
<i class="fas fa-plus"></i>
</button>
</div>
<div class="col-md-3 col-lg-2 col-xl-2 offset-lg-1">
<h5 class="mb-0">Цена ₽</h5>
</div>
<div class="col-md-1 col-lg-1 col-xl-1 text-end">
<a href="#!" class="text-danger"><i class="fas fa-trash fa-lg"></i></a>
</div>
</div>
</div>
</div>
<div class="card rounded-3 mb-4">
<div class="card-body p-4">
<div class="row d-flex justify-content-between align-items-center">
<div class="col-md-2 col-lg-2 col-xl-2">
<img src="/assets/pizza-89921467.png" class="img-fluid rounded-3" alt="Cotton T-shirt">
</div>
<div class="col-md-3 col-lg-3 col-xl-3">
<p class="lead fw-normal mb-2">Название пиццы</p>
<p><span class="text-muted">Описание</span></p>
</div>
<div class="col-md-3 col-lg-3 col-xl-2 d-flex">
<button class="btn btn-link px-2"
onclick="this.parentNode.querySelector('input[type=number]').stepDown()">
<i class="fas fa-minus"></i>
</button>
<input id="form1" min="0" name="quantity" value="2" type="number"
class="form-control form-control-sm" />
<button class="btn btn-link px-2"
onclick="this.parentNode.querySelector('input[type=number]').stepUp()">
<i class="fas fa-plus"></i>
</button>
</div>
<div class="col-md-3 col-lg-2 col-xl-2 offset-lg-1">
<h5 class="mb-0">Цена ₽</h5>
</div>
<div class="col-md-1 col-lg-1 col-xl-1 text-end">
<a href="#!" class="text-danger"><i class="fas fa-trash fa-lg"></i></a>
</div>
</div>
</div>
</div>
<div class="card rounded-3 mb-4">
<div class="card-body p-4">
<div class="row d-flex justify-content-between align-items-center">
<div class="col-md-2 col-lg-2 col-xl-2">
<img src="/assets/pizza-89921467.png" class="img-fluid rounded-3" alt="Cotton T-shirt">
</div>
<div class="col-md-3 col-lg-3 col-xl-3">
<p class="lead fw-normal mb-2">Название пиццы</p>
<p><span class="text-muted">Описание</span></p>
</div>
<div class="col-md-3 col-lg-3 col-xl-2 d-flex">
<button class="btn btn-link px-2"
onclick="this.parentNode.querySelector('input[type=number]').stepDown()">
<i class="fas fa-minus"></i>
</button>
<input id="form1" min="0" name="quantity" value="2" type="number"
class="form-control form-control-sm" />
<button class="btn btn-link px-2"
onclick="this.parentNode.querySelector('input[type=number]').stepUp()">
<i class="fas fa-plus"></i>
</button>
</div>
<div class="col-md-3 col-lg-2 col-xl-2 offset-lg-1">
<h5 class="mb-0">Цена ₽</h5>
</div>
<div class="col-md-1 col-lg-1 col-xl-1 text-end">
<a href="#!" class="text-danger"><i class="fas fa-trash fa-lg"></i></a>
</div>
</div>
</div>
</div>
<div class="card rounded-3 mb-4">
<div class="card-body p-4">
<div class="row d-flex justify-content-between align-items-center">
<div class="col-md-2 col-lg-2 col-xl-2">
<img src="/assets/pizza-89921467.png" class="img-fluid rounded-3" alt="Cotton T-shirt">
</div>
<div class="col-md-3 col-lg-3 col-xl-3">
<p class="lead fw-normal mb-2">Название пиццы</p>
<p><span class="text-muted">Описание</span></p>
</div>
<div class="col-md-3 col-lg-3 col-xl-2 d-flex">
<button class="btn btn-link px-2"
onclick="this.parentNode.querySelector('input[type=number]').stepDown()">
<i class="fas fa-minus"></i>
</button>
<input id="form1" min="0" name="quantity" value="2" type="number"
class="form-control form-control-sm" />
<button class="btn btn-link px-2"
onclick="this.parentNode.querySelector('input[type=number]').stepUp()">
<i class="fas fa-plus"></i>
</button>
</div>
<div class="col-md-3 col-lg-2 col-xl-2 offset-lg-1">
<h5 class="mb-0">Цена ₽</h5>
</div>
<div class="col-md-1 col-lg-1 col-xl-1 text-end">
<a href="#!" class="text-danger"><i class="fas fa-trash fa-lg"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-start align-items-center">
<div class="text-dark font-weight-bold" style="font-size: 24px;">
Сумма заказа:
</div>
<div class="text-end" style="color: #F7D22D; font-size: 24px;">
Сумма ₽
</div>
</div>
<a class="btn btn-warning" style="margin-left: 25px; margin-bottom: 10px;" href="makingAnOrder.html">К оплате</a>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>

61
lab3/dist/contacts.html vendored Normal file
View File

@ -0,0 +1,61 @@
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Контакты</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" crossorigin src="/assets/style-5bb7d786.js"></script>
<link rel="stylesheet" href="/assets/style-00c5e80b.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/assets/logo-aa329ea1.png" alt="logo" width="128">
</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-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Каталог</a>
<a class="nav-link" href="stock.html">Акции</a>
<a class="nav-link active" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccountLogin.html">Войти</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="d-flex justify-content-center align-items-center">
<h1 class="text-warning font-weight-bold">Контакты</h1>
</div>
<div class="container">
<div class="row">
<div class="div d-flex justify-content-center">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A0643c92cbdf3809080e5dfb2804b473ea00af31cfabe6fee08676c59d8675f01&amp;source=constructor" class="img-fluid" style="width: 1280; height: 720px;"></iframe>
</div>
<a href="tel:71112223344" class="text-warning font-weight-bold" style="font-size: 35px; margin-left: 10px; margin-top: 10px;">7 111 222 33 44</a>
<h2 class="font-weight-bold" style="font-size: 35px; margin-left: 10px; margin-top: 10px;">ул. Северный венец 32</h2>
<p style="font-size: 25px; margin-left: 10px; margin-top: 10px;">Доставка и самовывоз 10:00 — 23:00</p>
</div>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>

314
lab3/dist/index.html vendored Normal file
View File

@ -0,0 +1,314 @@
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Каталог</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" crossorigin src="/assets/style-5bb7d786.js"></script>
<link rel="stylesheet" href="/assets/style-00c5e80b.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/assets/logo-aa329ea1.png" alt="logo" width="128">
</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-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link active" href="index.html">Каталог</a>
<a class="nav-link" href="stock.html">Акции</a>
<a class="nav-link" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccountLogin.html">Войти</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="d-flex justify-content-center align-items-center">
<h1 class="text-warning font-weight-bold">Каталог</h1>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card">
<img src="/assets/pizza-89921467.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Название</h5>
<p class="card-text">Описание</p>
</div>
<div class="card-footer">
<div class="text-warning font-weight-bold">Цена ₽</div>
<button class="btn btn-warning">В корзину</button>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>

196
lab3/dist/makingAnOrder.html vendored Normal file
View File

@ -0,0 +1,196 @@
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Оформление заказа</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" crossorigin src="/assets/style-5bb7d786.js"></script>
<link rel="stylesheet" href="/assets/style-00c5e80b.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/assets/logo-aa329ea1.png" alt="logo" width="128">
</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-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Каталог</a>
<a class="nav-link" href="stock.html">Акции</a>
<a class="nav-link" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccount.html">Профиль</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<section class="h-100">
<div class="mask d-flex align-items-center h-100 gradient-custom-3">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-md-9 col-lg-7 col-xl-6">
<div class="card" style="border-radius: 15px; border-color:gold;">
<div class="card-body p-5">
<h2 class="text-uppercase text-center mb-5">Оформление заказа</h2>
<form>
<div class="form-outline mb-4">
<input type="text" id="form3Example1cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example1cg">Ваше имя</label>
</div>
<div class="form-outline mb-4">
<input type="tel" id="form3Example5cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example5cg">Номер телефона</label>
</div>
<label class="form-check-label" for="creditCard">Вариант получения</label>
<div class="form-check mb-4">
<input class="form-check-input" type="radio" name="deliveryMethod" id="selfPickup" value="selfPickup">
<label class="form-check-label" for="selfPickup">Самовывоз</label>
</div>
<div class="form-check mb-4">
<input class="form-check-input" type="radio" name="deliveryMethod" id="delivery" value="delivery">
<label class="form-check-label" for="delivery">Доставка</label>
</div>
<div class="form-outline mb-4" id="deliveryAddress" style="display: none;">
<input type="text" id="form3ExampleAddress" class="form-control form-control-lg" />
<label class="form-label" for="form3ExampleAddress">Ваш адрес доставки</label>
<div id="deliveryTimeOptions">
<select class="form-select" id="timeSlotSelect" name="timeSlot">
<option value="10:00-10:30">10:00-10:30</option>
<option value="10:30-11:00">10:30-11:00</option>
<option value="11:00-11:30">11:00-11:30</option>
<option value="11:30-12:00">11:30-12:00</option>
<option value="12:00-12:30">12:00-12:30</option>
<option value="12:30-13:00">12:30-13:00</option>
<option value="13:00-13:30">13:00-13:30</option>
<option value="13:30-14:00">13:30-14:00</option>
<option value="14:00-14:30">14:00-14:30</option>
<option value="14:30-15:00">14:30-15:00</option>
<option value="15:00-15:30">15:00-15:30</option>
<option value="15:30-16:00">15:30-16:00</option>
<option value="16:00-16:30">16:00-16:30</option>
<option value="16:30-17:00">16:30-17:00</option>
<option value="17:00-17:30">17:00-17:30</option>
<option value="17:30-18:00">17:30-18:00</option>
<option value="18:00-18:30">18:00-18:30</option>
<option value="18:30-19:00">18:30-19:00</option>
<option value="19:00-19:30">19:00-19:30</option>
<option value="19:30-20:00">19:30-20:00</option>
<option value="20:00-20:30">20:00-20:30</option>
<option value="20:30-21:00">20:30-21:00</option>
<option value="21:00-21:30">21:00-21:30</option>
<option value="21:30-22:00">21:30-22:00</option>
<option value="22:00-22:30">22:00-22:30</option>
<option value="22:30-23:00">22:30-23:00</option>
</select>
<label for="timeSlotSelect">Выберите время доставки:</label>
</div>
</div>
<label class="form-check-label" for="creditCard">Вариант оплаты</label>
<div class="form-check mb-4">
<input class="form-check-input" type="radio" name="paymentMethod" id="cash" value="cash">
<label class="form-check-label" for="cash">Наличные</label>
</div>
<div class="form-check mb-4">
<input class="form-check-input" type="radio" name="paymentMethod" id="creditCard" value="creditCard">
<label class="form-check-label" for="creditCard">Оплата картой</label>
</div>
<div class="form-outline mb-4" id="creditCardDetails" style="display: none;">
<div class="row mb-4">
<div class="col">
<div class="form-outline">
<input type="text" id="formNameOnCard" class="form-control" />
<label class="form-label" for="formNameOnCard">Имя держателя карты</label>
</div>
</div>
<div class="col">
<div class="form-outline">
<input type="text" id="formCardNumber" class="form-control" />
<label class="form-label" for="formCardNumber">Номер карты</label>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-3">
<div class="form-outline">
<input type="text" id="formExpiration" class="form-control" />
<label class="form-label" for="formExpiration">Срок действия</label>
</div>
</div>
<div class="col-3">
<div class="form-outline">
<input type="text" id="formCVV" class="form-control" />
<label class="form-label" for="formCVV">CVV</label>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center">
<button class="btn btn-warning" type="button" id="saveButton">Оформить</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('input[type=radio][name=deliveryMethod]').change(function() {
if (this.value === 'delivery') {
$('#deliveryAddress').show();
$('#deliveryTimeOptions').show();
} else {
$('#deliveryAddress').hide();
$('#deliveryTimeOptions').hide();
}
});
$('input[type=radio][name=paymentMethod]').change(function() {
if (this.value === 'creditCard') {
$('#creditCardDetails').show();
} else {
$('#creditCardDetails').hide();
}
});
});
</script>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>

100
lab3/dist/personalAccount.html vendored Normal file
View File

@ -0,0 +1,100 @@
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Личный кабинет</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" crossorigin src="/assets/style-5bb7d786.js"></script>
<link rel="stylesheet" href="/assets/style-00c5e80b.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/assets/logo-aa329ea1.png" alt="logo" width="128">
</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-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Каталог</a>
<a class="nav-link" href="stock.html">Акции</a>
<a class="nav-link" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccount.html">Профиль</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<section class="h-100">
<div class="mask d-flex align-items-center h-100 gradient-custom-3">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-md-9 col-lg-7 col-xl-6">
<div class="card" style="border-radius: 15px; border-color:gold;">
<div class="card-body p-5">
<h2 class="text-uppercase text-center mb-5">Личный кабинет</h2>
<form>
<div class="form-outline mb-4">
<input type="text" id="form3Example1cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example1cg">Ваше имя</label>
</div>
<div class="form-outline mb-4">
<input type="text" id="form3Example1cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example1cg">Ваша фамилия</label>
</div>
<div class="form-outline mb-4">
<input type="email" id="form3Example3cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example3cg">Ваш адрес электронной почты</label>
</div>
<div class="form-outline mb-4">
<input type="date" id="form3Example4cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example4cg">Дата рождения</label>
</div>
<div class="form-outline mb-2">
<input type="tel" id="form3Example5cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example5cg">Номер телефона</label>
</div>
<div class="d-flex justify-content-center">
<button class="btn btn-warning" type="button" id="saveButton">Сохранить</button>
</div>
<div class="d-flex justify-content-center">
<a class="btn btn-outline-danger" type="button" href="index.html">Выйти</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>

93
lab3/dist/personalAccountLogin.html vendored Normal file
View File

@ -0,0 +1,93 @@
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Личный кабинет - Вход</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" crossorigin src="/assets/style-5bb7d786.js"></script>
<link rel="stylesheet" href="/assets/style-00c5e80b.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/assets/logo-aa329ea1.png" alt="logo" width="128">
</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-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Каталог</a>
<a class="nav-link" href="stock.html">Акции</a>
<a class="nav-link" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccountLogin.html">Войти</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<section class="h-100">
<div class="mask d-flex align-items-center h-100 gradient-custom-3">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-md-9 col-lg-7 col-xl-6">
<div class="card" style="border-radius: 15px; border-color:gold;">
<div class="card-body p-5">
<h2 class="text-uppercase text-center mb-5">Войти</h2>
<form>
<div class="form-outline mb-4">
<input type="email" id="form3Example3cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example3cg">Ваш адрес электронной почты</label>
</div>
<div class="form-outline mb-4">
<input type="password" id="form3Example4cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example4cg">Пароль</label>
</div>
<div class="form-check d-flex justify-content-center mb-2">
<input class="form-check-input me-2" type="checkbox" value="" id="form2Example3cg" />
<label class="form-check-label me-2" for="form2Example3g">Запомнить меня</label>
</div>
<p class="text-center text-muted mb-0">Забыли пароль? <a href="recoveryPassword.html"
class="fw-bold text-body"><u>Восстановление пароля</u></a></p>
<div class="d-flex justify-content-center">
<a class="btn btn-success btn-block btn-warning text-body mb-0" href="personalAccount.html">Вход</a>
</div>
<p class="text-center text-muted mb-0">У вас нет аккаунта? <a href="personalAccountRegister.html"
class="fw-bold text-body"><u>Регистрация</u></a></p>
<p class="text-center"><a class="fw-bold text-body" href="Administrator.html">Администратор</a></p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>

102
lab3/dist/personalAccountRegister.html vendored Normal file
View File

@ -0,0 +1,102 @@
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Личный кабинет - Регистрация</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" crossorigin src="/assets/style-5bb7d786.js"></script>
<link rel="stylesheet" href="/assets/style-00c5e80b.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/assets/logo-aa329ea1.png" alt="logo" width="128">
</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-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Каталог</a>
<a class="nav-link" href="stock.html">Акции</a>
<a class="nav-link" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccountLogin.html">Войти</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<section class="h-100">
<div class="mask d-flex align-items-center h-100 gradient-custom-3">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-md-9 col-lg-7 col-xl-6">
<div class="card" style="border-radius: 15px; border-color:gold;">
<div class="card-body p-5">
<h2 class="text-uppercase text-center mb-5">Создать учетную запись</h2>
<form>
<div class="form-outline mb-4">
<input type="text" id="form3Example1cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example1cg">Ваше имя</label>
</div>
<div class="form-outline mb-4">
<input type="email" id="form3Example3cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example3cg">Ваш адрес электронной почты</label>
</div>
<div class="form-outline mb-4">
<input type="password" id="form3Example4cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example4cg">Пароль</label>
</div>
<div class="form-outline mb-4">
<input type="password" id="form3Example4cdg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example4cdg">Повторите свой пароль</label>
</div>
<div class="form-check d-flex justify-content-center mb-5">
<input class="form-check-input me-2" type="checkbox" value="" id="form2Example3cg" />
<label class="form-check-label" for="form2Example3g">
Я согласен со всеми утверждениями в <a href="#!" class="text-body"><u>Условиях обслуживания</u></a>
</label>
</div>
<div class="d-flex justify-content-center">
<button type="button"
class="btn btn-success btn-block btn-warning text-body mb-0">Регистрация</button>
</div>
<p class="text-center text-muted mb-0">У вас уже есть учетная запись? <a href="personalAccountLogin.html"
class="fw-bold text-body"><u>Войдите здесь</u></a></p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>

83
lab3/dist/recoveryPassword.html vendored Normal file
View File

@ -0,0 +1,83 @@
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Личный кабинет - Восстановление пароля</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" crossorigin src="/assets/style-5bb7d786.js"></script>
<link rel="stylesheet" href="/assets/style-00c5e80b.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/assets/logo-aa329ea1.png" alt="logo" width="128">
</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-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Каталог</a>
<a class="nav-link" href="stock.html">Акции</a>
<a class="nav-link" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccountRegister.html">Войти</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<section class="h-100">
<div class="mask d-flex align-items-center h-100 gradient-custom-3">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-md-9 col-lg-7 col-xl-6">
<div class="card" style="border-radius: 15px; border-color:gold;">
<div class="card-body p-5">
<h2 class="text-uppercase text-center mb-5">Восстановление пароля</h2>
<h4 class="text-black text-center mb-5">Введите свой адрес электронной почты, и мы вышлем вам электронное письмо с инструкциями по сбросу вашего пароля</h4>
<form>
<div class="form-outline mb-4">
<input type="email" id="form3Example3cg" class="form-control form-control-lg" />
<label class="form-label" for="form3Example3cg">Ваш адрес электронной почты</label>
</div>
<div class="d-flex justify-content-center">
<button type="button"
class="btn btn-success btn-block btn-warning text-body mb-0">Сбросить пароль</button>
</div>
<p class="text-center text-muted mb-0"><a href="personalAccountLogin.html"
class="fw-bold text-body"><u>Войти</u></a></p>
<p class="text-center text-muted mb-0"><a href="personalAccountRegister.html"
class="fw-bold text-body"><u>Регистрация</u></a></p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>

249
lab3/dist/stock.html vendored Normal file
View File

@ -0,0 +1,249 @@
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Акции</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" crossorigin src="/assets/style-5bb7d786.js"></script>
<link rel="stylesheet" href="/assets/style-00c5e80b.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/assets/logo-aa329ea1.png" alt="logo" width="128">
</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-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Каталог</a>
<a class="nav-link active" href="stock.html">Акции</a>
<a class="nav-link" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccountLogin.html">Войти</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="d-flex justify-content-center align-items-center">
<h1 class="text-warning font-weight-bold">Акции</h1>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="/assets/stock-69e5db1e.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
</div>
</div>ч
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>

View File

@ -1,7 +1,7 @@
<html lang="ru" class="h-100"> <html lang="ru" class="h-100">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Моя страница</title> <title>Каталог</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> <script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-md"> <nav class="navbar navbar-expand-md">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="./logo.png" alt="logo" width="128"> <img src="Images/logo.png" alt="logo" width="128">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" data-bs-target="#navbarNav"
@ -44,7 +44,7 @@
<div class="row"> <div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -57,7 +57,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -70,7 +70,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -83,7 +83,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -96,7 +96,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -109,7 +109,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -122,7 +122,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -135,7 +135,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -148,7 +148,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -161,7 +161,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -174,7 +174,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -187,7 +187,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -200,7 +200,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -213,7 +213,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -226,7 +226,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -239,7 +239,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -252,7 +252,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -265,7 +265,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -278,7 +278,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>
@ -291,7 +291,7 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4"> <div class="col-lg-3 col-md-4 col-sm-6 col-12 mb-4">
<div class="card"> <div class="card">
<img src="pizza.png" class="card-img-top" alt="Product Image"> <img src="Images/pizza.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Название</h5> <h5 class="card-title">Название</h5>
<p class="card-text">Описание</p> <p class="card-text">Описание</p>

14
lab3/jsconfig.json Normal file
View File

@ -0,0 +1,14 @@
{
"compilerOptions": {
"module": "ESNext",
"moduleResolution": "Node",
"target": "ES2020",
"jsx": "preserve",
"strictNullChecks": true,
"strictFunctionTypes": true
},
"exclude": [
"node_modules",
"**/node_modules/*"
]
}

View File

@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-md"> <nav class="navbar navbar-expand-md">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="./logo.png" alt="logo" width="128"> <img src="Images/logo.png" alt="logo" width="128">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" data-bs-target="#navbarNav"

View File

@ -1,81 +0,0 @@
import {
afterMain,
afterRead,
afterWrite,
applyStyles_default,
arrow_default,
auto,
basePlacements,
beforeMain,
beforeRead,
beforeWrite,
bottom,
clippingParents,
computeStyles_default,
createPopper,
createPopper2,
createPopper3,
detectOverflow,
end,
eventListeners_default,
flip_default,
hide_default,
left,
main,
modifierPhases,
offset_default,
placements,
popper,
popperGenerator,
popperOffsets_default,
preventOverflow_default,
read,
reference,
right,
start,
top,
variationPlacements,
viewport,
write
} from "./chunk-IOJ6CEWC.js";
export {
afterMain,
afterRead,
afterWrite,
applyStyles_default as applyStyles,
arrow_default as arrow,
auto,
basePlacements,
beforeMain,
beforeRead,
beforeWrite,
bottom,
clippingParents,
computeStyles_default as computeStyles,
createPopper3 as createPopper,
createPopper as createPopperBase,
createPopper2 as createPopperLite,
detectOverflow,
end,
eventListeners_default as eventListeners,
flip_default as flip,
hide_default as hide,
left,
main,
modifierPhases,
offset_default as offset,
placements,
popper,
popperGenerator,
popperOffsets_default as popperOffsets,
preventOverflow_default as preventOverflow,
read,
reference,
right,
start,
top,
variationPlacements,
viewport,
write
};
//# sourceMappingURL=@popperjs_core.js.map

View File

@ -1,7 +0,0 @@
{
"version": 3,
"sources": [],
"sourcesContent": [],
"mappings": "",
"names": []
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,52 +1,3 @@
var __defProp = Object.defineProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
// node_modules/@popperjs/core/lib/index.js
var lib_exports = {};
__export(lib_exports, {
afterMain: () => afterMain,
afterRead: () => afterRead,
afterWrite: () => afterWrite,
applyStyles: () => applyStyles_default,
arrow: () => arrow_default,
auto: () => auto,
basePlacements: () => basePlacements,
beforeMain: () => beforeMain,
beforeRead: () => beforeRead,
beforeWrite: () => beforeWrite,
bottom: () => bottom,
clippingParents: () => clippingParents,
computeStyles: () => computeStyles_default,
createPopper: () => createPopper3,
createPopperBase: () => createPopper,
createPopperLite: () => createPopper2,
detectOverflow: () => detectOverflow,
end: () => end,
eventListeners: () => eventListeners_default,
flip: () => flip_default,
hide: () => hide_default,
left: () => left,
main: () => main,
modifierPhases: () => modifierPhases,
offset: () => offset_default,
placements: () => placements,
popper: () => popper,
popperGenerator: () => popperGenerator,
popperOffsets: () => popperOffsets_default,
preventOverflow: () => preventOverflow_default,
read: () => read,
reference: () => reference,
right: () => right,
start: () => start,
top: () => top,
variationPlacements: () => variationPlacements,
viewport: () => viewport,
write: () => write
});
// node_modules/@popperjs/core/lib/enums.js // node_modules/@popperjs/core/lib/enums.js
var top = "top"; var top = "top";
var bottom = "bottom"; var bottom = "bottom";
@ -1511,46 +1462,44 @@ var defaultModifiers2 = [eventListeners_default, popperOffsets_default, computeS
var createPopper3 = popperGenerator({ var createPopper3 = popperGenerator({
defaultModifiers: defaultModifiers2 defaultModifiers: defaultModifiers2
}); });
export { export {
top, afterMain,
bottom, afterRead,
right, afterWrite,
left, applyStyles_default as applyStyles,
arrow_default as arrow,
auto, auto,
basePlacements, basePlacements,
start,
end,
clippingParents,
viewport,
popper,
reference,
variationPlacements,
placements,
beforeRead,
read,
afterRead,
beforeMain, beforeMain,
main, beforeRead,
afterMain,
beforeWrite, beforeWrite,
write, bottom,
afterWrite, clippingParents,
modifierPhases, computeStyles_default as computeStyles,
applyStyles_default, createPopper3 as createPopper,
arrow_default, createPopper as createPopperBase,
computeStyles_default, createPopper2 as createPopperLite,
eventListeners_default,
detectOverflow, detectOverflow,
flip_default, end,
hide_default, eventListeners_default as eventListeners,
offset_default, flip_default as flip,
popperOffsets_default, hide_default as hide,
preventOverflow_default, left,
main,
modifierPhases,
offset_default as offset,
placements,
popper,
popperGenerator, popperGenerator,
createPopper, popperOffsets_default as popperOffsets,
createPopper2, preventOverflow_default as preventOverflow,
createPopper3, read,
lib_exports reference,
right,
start,
top,
variationPlacements,
viewport,
write
}; };
//# sourceMappingURL=chunk-IOJ6CEWC.js.map //# sourceMappingURL=@popperjs_core.js.map

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-md"> <nav class="navbar navbar-expand-md">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="./logo.png" alt="logo" width="128"> <img src="Images/logo.png" alt="logo" width="128">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" data-bs-target="#navbarNav"
@ -78,7 +78,7 @@
</div> </div>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<button class="btn btn-outline-danger" type="button">Выйти</button> <a class="btn btn-outline-danger" type="button" href="index.html">Выйти</a>
</div> </div>
</form> </form>

View File

@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-md"> <nav class="navbar navbar-expand-md">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="./logo.png" alt="logo" width="128"> <img src="Images/logo.png" alt="logo" width="128">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" data-bs-target="#navbarNav"
@ -73,7 +73,7 @@
<p class="text-center text-muted mb-0">У вас нет аккаунта? <a href="personalAccountRegister.html" <p class="text-center text-muted mb-0">У вас нет аккаунта? <a href="personalAccountRegister.html"
class="fw-bold text-body"><u>Регистрация</u></a></p> class="fw-bold text-body"><u>Регистрация</u></a></p>
<p class="text-center"><a class="fw-bold text-body" href="Administrator.html">Администратор</a></p>
</form> </form>
</div> </div>

View File

@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-md"> <nav class="navbar navbar-expand-md">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="./logo.png" alt="logo" width="128"> <img src="Images/logo.png" alt="logo" width="128">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" data-bs-target="#navbarNav"

View File

@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-md"> <nav class="navbar navbar-expand-md">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="./logo.png" alt="logo" width="128"> <img src="Images/logo.png" alt="logo" width="128">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" data-bs-target="#navbarNav"

View File

@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-md"> <nav class="navbar navbar-expand-md">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="./logo.png" alt="logo" width="128"> <img src="Images/logo.png" alt="logo" width="128">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" data-bs-target="#navbarNav"
@ -44,7 +44,7 @@
<div class="row"> <div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -57,7 +57,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -70,7 +70,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -83,7 +83,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -96,7 +96,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -109,7 +109,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -122,7 +122,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -135,7 +135,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -148,7 +148,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -161,7 +161,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -174,7 +174,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -187,7 +187,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -200,7 +200,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -213,7 +213,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
@ -226,7 +226,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4"> <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card"> <div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image"> <img src="Images/stock.png" class="card-img-top" alt="Product Image">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5> <h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня. <p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.

View File

@ -19,13 +19,13 @@ header nav a:hover {
@media (max-width: 576px) { @media (max-width: 576px) {
.navbar-brand img { .navbar-brand img {
margin-left: 50px; margin-left: 25px;
} }
} }
@media (min-width: 577px) and (max-width: 992px) { @media (min-width: 577px) and (max-width: 992px) {
.navbar-brand img { .navbar-brand img {
margin-left: 80px margin-left: 25px
} }
} }

View File

@ -17,6 +17,7 @@ export default defineConfig({
recoveryPassword: resolve(__dirname, "recoveryPassword.html"), recoveryPassword: resolve(__dirname, "recoveryPassword.html"),
basket: resolve(__dirname, "basket.html"), basket: resolve(__dirname, "basket.html"),
makingAnOrder: resolve(__dirname, "makingAnOrder.html"), makingAnOrder: resolve(__dirname, "makingAnOrder.html"),
administrator: resolve(__dirname, "administrator.html"),
}, },
}, },
}, },