Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6f6a125355 | |||
| 74eba090a8 | |||
| 551dde6e8b | |||
| db0194c524 | |||
| 4d69c1b678 | |||
| 526272e2d0 | |||
| 32be7653e7 | |||
| 4443a7aa72 | |||
| f19021a51e |
5
.gitconfig
Normal file
5
.gitconfig
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
[user]
|
||||||
|
name = DavidMakarov
|
||||||
|
email = davidmakarow@mail.ru
|
||||||
|
[credential "http://student.git.athene.tech"]
|
||||||
|
provider = generic
|
||||||
5
.vscode/extensions.json
vendored
Normal file
5
.vscode/extensions.json
vendored
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"recommendations": [
|
||||||
|
"anbuselvanrocky.bootstrap5-vscode"
|
||||||
|
]
|
||||||
|
}
|
||||||
177
admin.html
Normal file
177
admin.html
Normal file
@ -0,0 +1,177 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<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>
|
||||||
|
<header class="border-bottom ps-5 pe-5" style="background-color: #6376D7;">
|
||||||
|
<nav class="navbar navbar-expand-lg">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand fs-3" href="/index.html" style="color: #ffffff;">Маркетплейс</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="/catalog.html" type="button" class="btn btn-main fs-5">Каталог</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<form class="d-flex form-horizontal">
|
||||||
|
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" style="width: 40vw;">
|
||||||
|
<button class="btn btn-main me-2 fs-5" type="submit">Поиск</button>
|
||||||
|
</form>
|
||||||
|
<a href="/login.html" class="nav-link link-light">
|
||||||
|
<span class="fs-5" style="color: #ffffff;">Войти</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container-fluid">
|
||||||
|
<div class="table-responsive">
|
||||||
|
<h1 class="p-3">Товары</h1>
|
||||||
|
<table class="table table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">#</th>
|
||||||
|
<th scope="col">Название</th>
|
||||||
|
<th scope="col">Цена</th>
|
||||||
|
<th scope="col">Фотографии</th>
|
||||||
|
<th scope="col">Наличие в магазинах</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">1</th>
|
||||||
|
<td>SSD-накопитель Kingston A400</td>
|
||||||
|
<td>5 400 ₽</td>
|
||||||
|
<td>/content/catalog/Kingston A400.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">2</th>
|
||||||
|
<td>Смартфон Samsung A54 6/128GB</td>
|
||||||
|
<td>35 750 ₽</td>
|
||||||
|
<td>/content/catalog/Samsung A54.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">3</th>
|
||||||
|
<td>Смартфон Samsung S23+ 8/256GB</td>
|
||||||
|
<td>110 990 ₽</td>
|
||||||
|
<td>/content/catalog/Samsung S23+.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">4</th>
|
||||||
|
<td>Смартфон POCO X5 Pro 5G 8/256GB</td>
|
||||||
|
<td>39 990 ₽</td>
|
||||||
|
<td>/content/catalog/POCO X5 Pro.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">5</th>
|
||||||
|
<td>Беспроводная игровая мышь SteelSeries AEROX 3</td>
|
||||||
|
<td>9 490 ₽</td>
|
||||||
|
<td>/content/catalog/Steelseries Aerox 3 Wireless.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">6</th>
|
||||||
|
<td>Консоль Microsoft XBOX Series X</td>
|
||||||
|
<td>82 000 ₽</td>
|
||||||
|
<td>/content/catalog/XBOX Series X.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">7</th>
|
||||||
|
<td>Видеокарта ASUS NVIDIA DUAL RTX4070</td>
|
||||||
|
<td>76 000 ₽</td>
|
||||||
|
<td>/content/catalog/GeForce RTX4070.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">8</th>
|
||||||
|
<td>Игровая приставка Sony PlayStation 5</td>
|
||||||
|
<td>58 990 ₽</td>
|
||||||
|
<td>/content/catalog/PS5.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">9</th>
|
||||||
|
<td>Процессор AMD Ryzen 7 5800X3D OEM</td>
|
||||||
|
<td>44 290 ₽</td>
|
||||||
|
<td>/content/catalog/Ryzen 7 5800X3D.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">10</th>
|
||||||
|
<td>Процессор AMD Ryzen 5 5600G OEM</td>
|
||||||
|
<td>14 590 ₽</td>
|
||||||
|
<td>/content/catalog/Ryzen 5 5600G.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">11</th>
|
||||||
|
<td>Процессор AMD Ryzen 5 7600X OEM</td>
|
||||||
|
<td>29 590 ₽</td>
|
||||||
|
<td>/content/catalog/Ryzen 5 7600X.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">12</th>
|
||||||
|
<td>Кулер для процессора DEEPCOOL AG200</td>
|
||||||
|
<td>1 590 ₽</td>
|
||||||
|
<td>/content/catalog/DEEPCOOL AG200.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">13</th>
|
||||||
|
<td>Оперативная память Kingston 16Gb DDR4</td>
|
||||||
|
<td>5 190 ₽</td>
|
||||||
|
<td>/content/catalog/Kingston 16GB DDR4 3200MHz.jp</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">14</th>
|
||||||
|
<td>SSD накопитель Samsung 980 PRO 1TB M.2</td>
|
||||||
|
<td>15 190 ₽</td>
|
||||||
|
<td>/content/catalog/Samsung 980 PRO.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">15</th>
|
||||||
|
<td>Процессор Intel Core i5 13600KF OEM</td>
|
||||||
|
<td>42 613 ₽</td>
|
||||||
|
<td>/content/catalog/Intel Core i5 13600KF.jpg</td>
|
||||||
|
<td>3</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<button class="btn btn-main mb-5">Редактировать</button>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class="container-fluid py-5" style="background-color: #6376D7;">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-2 offset-1">
|
||||||
|
<ul class="nav flex-column">
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light ">Контакты</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="./termsofuse.html" class="nav-link p-0 link-light">Пользовательское соглашение</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light" >ЧаВо</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light">О нас</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 offset-3" style="text-align: center; color: #ffffff;">
|
||||||
|
<p>© Маркетплейс,<br/> 2023 <br/> Все права защищены.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
231
catalog.html
Normal file
231
catalog.html
Normal file
@ -0,0 +1,231 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<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>
|
||||||
|
<header class="border-bottom ps-5 pe-5 sticky-top" style="background-color: #6376D7;">
|
||||||
|
<nav class="navbar navbar-expand-lg">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<button class="btn btn-main d-block d-sm-block d-md-none"
|
||||||
|
type="button" data-bs-toggle="offcanvas" data-bs-target="#staticBackdrop" aria-controls="staticBackdrop">
|
||||||
|
</button>
|
||||||
|
<a class="navbar-brand fs-3" href="/index.html" style="color: #ffffff;">Маркетплейс</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="/catalog.html" type="button" class="btn btn-main fs-5">Каталог</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<form class="d-flex form-horizontal">
|
||||||
|
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" style="width: 40vw;">
|
||||||
|
<button class="btn btn-main me-2 fs-5" type="submit">Поиск</button>
|
||||||
|
</form>
|
||||||
|
<a href="/login.html" class="nav-link link-light">
|
||||||
|
<span class="fs-5" style="color: #ffffff;">Войти</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container-fluid d-flex justify-content-center mt-5 mb-5">
|
||||||
|
<div class="offcanvas offcanvas-start" data-bs-backdrop="static" tabindex="-1" id="staticBackdrop" aria-labelledby="staticBackdropLabel"
|
||||||
|
style="max-width: 65%; background: #D1D9FF ">
|
||||||
|
<div class="offcanvas-header">
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Закрыть"></button>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas-body me-3 d-flex flex-column">
|
||||||
|
<div id="innerbox" class="catalog box ms-3 me-3 mt-3 d-flex flex-column">
|
||||||
|
<p class="mt-3 mb-3 text-center fs-4" style="color: white;">Категория</p>
|
||||||
|
<p class="ms-3 mt-auto mb-3" style="color: white;">Все категории</p>
|
||||||
|
</div>
|
||||||
|
<div id="innerbox" class="catalog box ms-3 me-3 mt-3 d-flex flex-column">
|
||||||
|
<p class="mt-3 mb-3 text-center fs-5" style="color: white;">Цена (руб.):</p>
|
||||||
|
<div class="d-flex mb-3">
|
||||||
|
<div id="min-price" class="ms-3 me-2">
|
||||||
|
<input type="text" class="form-control" placeholder="от"></input>
|
||||||
|
</div>
|
||||||
|
<div id="max-price" class="me-3">
|
||||||
|
<input type="text" class="form-control" placeholder="до"></input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="innerbox" class="catalog box ms-3 me-3 mt-3 mb-3">
|
||||||
|
<div id="delivery-available" class="mt-3 ms-3">
|
||||||
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||||
|
<label class="form-check-label" for="flexCheckDefault" style="color: white;">
|
||||||
|
Есть доставка
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div id="in-stock" class="mt-1 ms-3">
|
||||||
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||||
|
<label class="form-check-label" for="flexCheckDefault" style="color: white;">
|
||||||
|
В начиличии
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div id="credit-available" class="mt-1 ms-3 mb-3">
|
||||||
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||||
|
<label class="form-check-label" for="flexCheckDefault" style="color: white;">
|
||||||
|
Доступно в кредит
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="catalog-menu box me-3 d-flex flex-column xl-only">
|
||||||
|
<div id="innerbox" class="catalog box ms-3 me-3 mt-3 d-flex flex-column xl-only">
|
||||||
|
<p class="mt-3 mb-3 text-center fs-4 xl-only" style="color: white;">Категория</p>
|
||||||
|
<p class="ms-3 mt-auto mb-3 xl-only" style="color: white;">Все категории</p>
|
||||||
|
</div>
|
||||||
|
<div id="innerbox" class="catalog box ms-3 me-3 mt-3 d-flex flex-column xl-only">
|
||||||
|
<p class="mt-3 mb-3 text-center fs-5 xl-only" style="color: white;">Цена (руб.):</p>
|
||||||
|
<div class="d-flex mb-3 xl-only">
|
||||||
|
<div id="min-price" class="ms-3 me-2 xl-only">
|
||||||
|
<input type="text" class="form-control xl-only" placeholder="от"></input>
|
||||||
|
</div>
|
||||||
|
<div id="max-price" class="me-3 xl-only">
|
||||||
|
<input type="text" class="form-control" placeholder="до"></input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="innerbox" class="catalog box ms-3 me-3 mt-3 mb-3 xl-only">
|
||||||
|
<div id="delivery-available" class="mt-3 ms-3 xl-only">
|
||||||
|
<input class="form-check-input xl-only" type="checkbox" value="" id="flexCheckDefault">
|
||||||
|
<label class="form-check-label xl-only" for="flexCheckDefault" style="color: white;">
|
||||||
|
Есть доставка
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div id="in-stock" class="mt-1 ms-3 xl-only">
|
||||||
|
<input class="form-check-input xl-only" type="checkbox" value="" id="flexCheckDefault">
|
||||||
|
<label class="form-check-label xl-only" for="flexCheckDefault" style="color: white;">
|
||||||
|
В начиличии
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div id="credit-available" class="mt-1 ms-3 mb-3 xl-only">
|
||||||
|
<input class="form-check-input xl-only" type="checkbox" value="" id="flexCheckDefault">
|
||||||
|
<label class="form-check-label xl-only" for="flexCheckDefault" style="color: white;">
|
||||||
|
Доступно в кредит
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="catalog" class="box d-flex flex-wrap justify-content-center align-items-md-center">
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/Kingston A400.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto"> SSD-накопитель Kingston A400</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">5 400 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/Samsung A54.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto"> Смартфон Samsung A54 6/128GB</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">35 750 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/Samsung S23+.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto"> Смартфон Samsung S23+ 8/256GB</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">110 990 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/POCO X5 Pro.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto"> Смартфон POCO X5 Pro 5G 8/256GB</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">39 990 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/Steelseries Aerox 3 Wireless.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto"> Беспроводная игровая мышь SteelSeries AEROX 3</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">9 490 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/XBOX Series X.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto">Консоль Microsoft XBOX Series X</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">82 000 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/GeForce RTX 4070.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto">Видеокарта ASUS NVIDIA DUAL RTX4070</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">76 000 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/PS5.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto">Игровая приставка Sony PlayStation 5</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">58 990 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/Ryzen 7 5800X3D.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto">Процессор AMD Ryzen 7 5800X3D OEM</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">44 290 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/Ryzen 5 5600G.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto">Процессор AMD Ryzen 5 5600G OEM</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">14 590 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/Ryzen 5 7600X.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto">Процессор AMD Ryzen 5 7600X OEM</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">29 590 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/DEEPCOOL AG200.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto">Кулер для процессора DEEPCOOL AG200</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">1 590 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/Kingston 16GB DDR4 3200MHz.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto">Оперативная память Kingston 16Gb DDR4</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">5 190 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/Samsung 980 PRO.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto">SSD накопитель Samsung 980 PRO 1TB M.2</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">15 190 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
<div id="item" class="catalog box m-auto mb-3 mt-3 d-flex flex-column">
|
||||||
|
<img class="mt-2 item-img align-self-center" src="/content/catalog/Intel Core i5 13600KF.jpg">
|
||||||
|
<p class="mb-3 ms-3 me-auto">Процессор Intel Core i5 13600KF OEM</p>
|
||||||
|
<p class="ms-3 me-auto fs-4">42 613 ₽</p>
|
||||||
|
<button type="button" class="btn btn-main mb-3 me-3 ms-auto mt-auto">Купить</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class="container-fluid py-5" style="background-color: #6376D7;">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-2 offset-1">
|
||||||
|
<ul class="nav flex-column">
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light ">Контакты</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="./termsofuse.html" class="nav-link p-0 link-light">Пользовательское соглашение</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light" >ЧаВо</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light">О нас</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 offset-3" style="text-align: center; color: #ffffff;">
|
||||||
|
<p>© Маркетплейс,<br/> 2023 <br/> Все права защищены.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
content/catalog/DEEPCOOL AG200.jpg
Normal file
BIN
content/catalog/DEEPCOOL AG200.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
content/catalog/GeForce RTX 4070.jpg
Normal file
BIN
content/catalog/GeForce RTX 4070.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
content/catalog/Intel Core i5 13600KF.jpg
Normal file
BIN
content/catalog/Intel Core i5 13600KF.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
content/catalog/Kingston 16GB DDR4 3200MHz.jpg
Normal file
BIN
content/catalog/Kingston 16GB DDR4 3200MHz.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
content/catalog/Kingston A400.jpg
Normal file
BIN
content/catalog/Kingston A400.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
content/catalog/POCO X5 Pro.jpg
Normal file
BIN
content/catalog/POCO X5 Pro.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
BIN
content/catalog/PS5.jpg
Normal file
BIN
content/catalog/PS5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
content/catalog/Ryzen 5 5600G.jpg
Normal file
BIN
content/catalog/Ryzen 5 5600G.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
content/catalog/Ryzen 5 7600X.jpg
Normal file
BIN
content/catalog/Ryzen 5 7600X.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
BIN
content/catalog/Ryzen 7 5800X3D.jpg
Normal file
BIN
content/catalog/Ryzen 7 5800X3D.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
content/catalog/Samsung 980 PRO.jpg
Normal file
BIN
content/catalog/Samsung 980 PRO.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
content/catalog/Samsung A54.jpg
Normal file
BIN
content/catalog/Samsung A54.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
content/catalog/Samsung S23+.jpg
Normal file
BIN
content/catalog/Samsung S23+.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
content/catalog/Steelseries Aerox 3 Wireless.jpg
Normal file
BIN
content/catalog/Steelseries Aerox 3 Wireless.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
content/catalog/XBOX Series X.jpg
Normal file
BIN
content/catalog/XBOX Series X.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
BIN
content/product/600012638453b0.jpg
Normal file
BIN
content/product/600012638453b0.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
content/product/600012638453b1.jpg
Normal file
BIN
content/product/600012638453b1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
content/product/600012638453b2.jpg
Normal file
BIN
content/product/600012638453b2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
content/product/600012638453b3.jpg
Normal file
BIN
content/product/600012638453b3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
77
index.html
Normal file
77
index.html
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<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>
|
||||||
|
<header class="border-bottom ps-5 pe-5 sticky-top" style="background-color: #6376D7;">
|
||||||
|
<nav class="navbar navbar-expand-lg sticky-top">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand fs-3" href="/index.html" style="color: #ffffff;">Маркетплейс</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="/catalog.html" type="button" class="btn btn-main fs-5">Каталог</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<form class="d-flex form-horizontal">
|
||||||
|
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" style="width: 40vw;">
|
||||||
|
<button class="btn btn-main me-2 fs-5" type="submit">Поиск</button>
|
||||||
|
</form>
|
||||||
|
<a href="/login.html" class="nav-link link-light">
|
||||||
|
<span class="fs-5" style="color: #ffffff;">Войти</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container-fluid">
|
||||||
|
<a role="button" class="btn btn-main mt-2 me-2" href="./login.html">
|
||||||
|
Вход
|
||||||
|
</a>
|
||||||
|
<a role="button" class="btn btn-main mt-2 me-2" href="./register.html">
|
||||||
|
Регистрация
|
||||||
|
</a>
|
||||||
|
<a role="button" class="btn btn-main mt-2 me-2" href="./profile.html">
|
||||||
|
Личный кабинет
|
||||||
|
</a>
|
||||||
|
<a role="button" class="btn btn-main mt-2 me-2" href="./settings.html">
|
||||||
|
Настройки
|
||||||
|
</a>
|
||||||
|
<a role="button" class="btn btn-main mt-2 me-2" href="./catalog.html">
|
||||||
|
Перечень товаров
|
||||||
|
</a>
|
||||||
|
<a role="button" class="btn btn-main mt-2 me-2" href="./product.html">
|
||||||
|
Товар
|
||||||
|
</a>
|
||||||
|
<a role="button" class="btn btn-main mt-2 me-2" href="./admin.html">
|
||||||
|
Администрация
|
||||||
|
</a>
|
||||||
|
</main>
|
||||||
|
<footer class="container-fluid py-5" style="background-color: #6376D7;">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-2 offset-1">
|
||||||
|
<ul class="nav flex-column">
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light ">Контакты</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="./termsofuse.html" class="nav-link p-0 link-light">Пользовательское соглашение</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light" >ЧаВо</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light">О нас</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 offset-3" style="text-align: center; color: #ffffff;">
|
||||||
|
<p>© Маркетплейс,<br/> 2023 <br/> Все права защищены.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
39
login.html
Normal file
39
login.html
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<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>
|
||||||
|
<main class="container-fluid d-flex justify-content-center align-items-center">
|
||||||
|
<div class="registerbox">
|
||||||
|
<form class="d-flex flex-column align-items-center">
|
||||||
|
<p class="fs-2 mt-5">Вход в аккаунт</p>
|
||||||
|
<div class="login w-75 mt-2">
|
||||||
|
<label for="login_inputbox" class="form-label" style=" font-size: 18px;">Логин</label>
|
||||||
|
<input type="login" required id="login_inputbox" class="form-control inputbox" placeholder="Введите логин..."></input>
|
||||||
|
</div>
|
||||||
|
<div class="password w-75 mt-2">
|
||||||
|
<label for="password_inputbox" class="form-label" style="font-size: 18px;">Пароль</label>
|
||||||
|
<input type="password" required id="password_inputbox" type="password" class="form-control inputbox" placeholder="Пароль..."></input>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex mt-5 mb-5 flex-wrap justify-content-center align-content-center">
|
||||||
|
<button type="submit" class="btn btn-primary mb-3 me-3"
|
||||||
|
style="width: 197px; height: 62px;">Вход</button>
|
||||||
|
<a role="button" class="btn btn-primary mb-3 me-3 d-flex justify-content-center align-items-center"
|
||||||
|
style="width: 197px; height: 62px;"
|
||||||
|
href="./register.html">Регистрация</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
2436
package-lock.json
generated
Normal file
2436
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
22
package.json
Normal file
22
package.json
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
{
|
||||||
|
"name": "whitebear",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "",
|
||||||
|
"main": "login.html",
|
||||||
|
"scripts": {
|
||||||
|
"start": "vite",
|
||||||
|
"serve": "http-server -p 3000 ./",
|
||||||
|
"test": "echo \"Error: no test specified\" && exit 1"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@fortawesome/fontawesome-free": "6.4.2",
|
||||||
|
"@popperjs/core": "2.11.8",
|
||||||
|
"bootstrap": "5.3.2"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"http-server": "14.1.1",
|
||||||
|
"npm-run-all": "4.1.5",
|
||||||
|
"sass": "1.69.5",
|
||||||
|
"vite": "4.4.9"
|
||||||
|
}
|
||||||
|
}
|
||||||
117
product.html
Normal file
117
product.html
Normal file
@ -0,0 +1,117 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<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>
|
||||||
|
<header class="border-bottom ps-5 pe-5 sticky-top" style="background-color: #6376D7;">
|
||||||
|
<nav class="navbar navbar-expand-lg">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<button class="btn btn-main d-block d-sm-block d-md-none"
|
||||||
|
type="button" data-bs-toggle="offcanvas" data-bs-target="#staticBackdrop" aria-controls="staticBackdrop">
|
||||||
|
</button>
|
||||||
|
<a class="navbar-brand fs-3" href="/index.html" style="color: #ffffff;">Маркетплейс</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="/catalog.html" type="button" class="btn btn-main fs-5">Каталог</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<form class="d-flex form-horizontal">
|
||||||
|
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" style="width: 40vw;">
|
||||||
|
<button class="btn btn-main me-2 fs-5" type="submit">Поиск</button>
|
||||||
|
</form>
|
||||||
|
<a href="/login.html" class="nav-link link-light">
|
||||||
|
<span class="fs-5" style="color: #ffffff;">Войти</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container-fluid d-flex justify-content-center mt-5 mb-5">
|
||||||
|
<div class="offcanvas offcanvas-start" data-bs-backdrop="static" tabindex="-1" id="staticBackdrop" aria-labelledby="staticBackdropLabel"
|
||||||
|
style="max-width: 65%; background: #D1D9FF ">
|
||||||
|
<div class="offcanvas-header">
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Закрыть"></button>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas-body me-3 d-flex flex-column">
|
||||||
|
<button type="button" class="btn btn-main mt-3 me-3 ms-3 mb-3" style="font-size: 20; height: 60px">Товар</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-3" style="font-size: 20; height: 60px">Характеристики</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-3" style="font-size: 20; height: 60px">Магазины</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-3" style="font-size: 20; height: 60px">Отзывы</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-3" style="font-size: 20; height: 60px">Вопросы</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="product-menu box me-3 d-flex flex-column">
|
||||||
|
<button type="button" class="pr-menu-btn btn btn-main mt-3 me-3 ms-3 mb-3" style="font-size: 20; height: 60px">Товар</button>
|
||||||
|
<button type="button" class="pr-menu-btn btn btn-main me-3 ms-3 mb-3" style="font-size: 20; height: 60px">Характеристики</button>
|
||||||
|
<button type="button" class="pr-menu-btn btn btn-main me-3 ms-3 mb-3" style="font-size: 20; height: 60px">Магазины</button>
|
||||||
|
<button type="button" class="pr-menu-btn btn btn-main me-3 ms-3 mb-3" style="font-size: 20; height: 60px">Отзывы</button>
|
||||||
|
<button type="button" class="pr-menu-btn btn btn-main me-3 ms-3 mb-3" style="font-size: 20; height: 60px">Вопросы</button>
|
||||||
|
</div>
|
||||||
|
<div id="product-box" class="box d-flex flex-column flex-wrap">
|
||||||
|
<div id="product-name" class="ms-4 mt-4">
|
||||||
|
<p style="font-size: 28px;">Видеокарта ASUS NVIDIA DUAL-RTX4070-O12G</p>
|
||||||
|
</div>
|
||||||
|
<div id="mid-product-box" class="d-flex flex-wrap">
|
||||||
|
<div class="d-flex ms-4 mt-4 me-3">
|
||||||
|
<div class="d-sm-flex d-md-flex d-flex flex-column me-3">
|
||||||
|
<img src="/content/product/600012638453b0.jpg" class="picmin box mb-3"> </img>
|
||||||
|
<img src="/content/product/600012638453b1.jpg" class="picmin box mb-3"> </img>
|
||||||
|
<img src="/content/product/600012638453b2.jpg" class="picmin box mb-3"> </img>
|
||||||
|
<img src="/content/product/600012638453b3.jpg" class="picmin box mb-3"> </img>
|
||||||
|
</div>
|
||||||
|
<div id="pictures-preview">
|
||||||
|
<img src="/content/product/600012638453b0.jpg" class="picture-preview box"></img>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="order-box" class="box ms-auto me-auto mt-4 d-flex flex-column">
|
||||||
|
<div class="mt-3">
|
||||||
|
<p class="text-center">Завтра или позже </p>
|
||||||
|
<p class="mt-3 ms-5 text-left fs-3">76 164 ₽ </p>
|
||||||
|
</div>
|
||||||
|
<div class="mt-3 ms-5 me-5">
|
||||||
|
<p class="text-left fs-5 mb-0">Доставка — 0 ₽</p>
|
||||||
|
<p class="fs-6">c 16 ноября </p>
|
||||||
|
</div>
|
||||||
|
<div class="mt-0 ms-5 me-5">
|
||||||
|
<p class="text-left fs-5 mb-0">Самовывоз — 0 ₽</p>
|
||||||
|
<p class="fs-6">c 15 ноября </p>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="btn btn-main ms-5 me-5 mt-auto mb-3" style="font-size: 20; height: 60px">Купить</button>
|
||||||
|
<p class="mb-3 text-center">В наличии: <a href="#">в 3 магазинах</a> </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="product-box-description" style="min-height: 400px;">
|
||||||
|
<p style="font-size: 28px;" class="ms-5 mt-3">Краткое описание товара:</p>
|
||||||
|
<p class="ms-5 me-5"> Видеокарта ASUS Dual GeForce RTX 4070 OC Edition 12GB GDDR6X – мощное охлаждение (два вентилятора Axial-tech) и широкая совместимость (форм-фактор 2,56 слота). Энергоэффективная архитектура Ada Lovelace, технология DLSS 3, аппаратная поддержка трассировки лучей. Тензорные ядра четвертого поколения: DLSS 3 повышает скорость рендеринга четырехкратно по сравнению с методом «грубой силы». RT-ядра третьего поколения: двукратное повышение производительности при трассировке лучей. Повышенная Boost-частота графического процессора: 2550 МГц в режиме разгона и 2520 МГц в режиме по умолчанию. Вентиляторы Axial-tech: удлиненные лопасти и кольцо-ограничитель для увеличения воздушного давления. Форм-фактор 2,56 слота: широкая совместимость и отличное охлаждение в компактных корпусах. Бесшумный режим работы кулера под низкими нагрузками. Двойные шарикоподшипники в вентиляторах обладают вдвое большим сроком службы, чем традиционные подшипники скольжения.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class="container-fluid py-5" style="background-color: #6376D7;">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-2 offset-1">
|
||||||
|
<ul class="nav flex-column">
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light ">Контакты</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="./termsofuse.html" class="nav-link p-0 link-light">Пользовательское соглашение</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light" >ЧаВо</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light">О нас</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 offset-3" style="text-align: center; color: #ffffff;">
|
||||||
|
<p>© Маркетплейс,<br/> 2023 <br/> Все права защищены.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
92
profile.html
Normal file
92
profile.html
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<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>
|
||||||
|
<header class="border-bottom ps-5 pe-5 sticky-top" style="background-color: #6376D7;">
|
||||||
|
<nav class="navbar navbar-expand-lg">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand fs-3" href="/index.html" style="color: #ffffff;">Маркетплейс</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="/catalog.html" type="button" class="btn btn-main fs-5">Каталог</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<form class="d-flex form-horizontal">
|
||||||
|
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" style="width: 40vw;">
|
||||||
|
<button class="btn btn-main me-2 fs-5" type="submit">Поиск</button>
|
||||||
|
</form>
|
||||||
|
<a href="/login.html" class="nav-link link-light">
|
||||||
|
<span class="fs-5" style="color: #ffffff;">Войти</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container-fluid d-flex justify-content-center mt-5 mb-5 flex-wrap">
|
||||||
|
<div id="menu" class="box d-flex flex-column me-3 mb-3">
|
||||||
|
<p class="mt-3 me-auto ms-auto mb-3" style="font-size: 22; text-align: center;"> Здравствуйте, Имя!</p>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2" sstyle="font-size: 20; height: 50px">Корзина</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2" style="font-size: 20; height: 50px">Заказы</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2" style="font-size: 20; height: 50px">Избранное</button>
|
||||||
|
</div>
|
||||||
|
<div id="cart" class="box">
|
||||||
|
<p class="mt-3 me-auto ms-5 mb-3" style="font-size: 22; text-align: left;">Корзина</p>
|
||||||
|
<div class="d-flex flex-wrap">
|
||||||
|
<div id="cart-box" class="innerbox ms-4 me-3 w-75 mb-3 d-flex flex-column" style="min-width: 300px ;">
|
||||||
|
<div class="d-flex mt-3">
|
||||||
|
<img src="/content/catalog/GeForce RTX 4070.jpg" id="cart-pic" class="ms-3 box picmin"></img>
|
||||||
|
<p class="align-self-center">Видеокарта ASUS NVIDIA DUAL RTX4070</p>
|
||||||
|
<p class="align-self-center ms-auto me-4 fs-4">76 000 ₽</p>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex mt-3">
|
||||||
|
<img src="/content/catalog/Ryzen 7 5800X3D.jpg" id="cart-pic" class="ms-3 box picmin"></img>
|
||||||
|
<p class="align-self-center">Процессор AMD Ryzen 7 5800X3D OEM</p>
|
||||||
|
<p class="align-self-center ms-auto me-4 fs-4">44 290 ₽</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="order-cart-box" class="innerbox ms-4 me-4 mb-3 d-flex flex-column">
|
||||||
|
<div id="total-sum" class="d-flex flex-row mt-4">
|
||||||
|
<p class="ms-4 me-auto"style="font-size: 22; text-align: left;">Итого</p>
|
||||||
|
<p class="ms-auto me-4" style="font-size: 22; text-align: right;">120 290 ₽</p>
|
||||||
|
</div>
|
||||||
|
<div id="total-itemsincart" class="d-flex flex-row mb-3">
|
||||||
|
<p class="ms-4 me-auto"style="font-size: 16; color: #7e7e7e; text-align: left;">Товаров</p>
|
||||||
|
<p class="ms-auto me-4" style="font-size: 16; color: #7e7e7e; text-align: right;">2 шт.</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="btn btn-main mt-auto me-5 ms-5 mb-3" style="min-height: 55px">Оформить заказ</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<div class="container-fluid" style="background-color: #6376D7;">
|
||||||
|
<footer class="py-5">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-2 offset-1">
|
||||||
|
<ul class="nav flex-column">
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light ">Контакты</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="./termsofuse.html" class="nav-link p-0 link-light">Пользовательское соглашение</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light" >ЧаВо</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light">О нас</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 offset-3" style="text-align: center; color: #ffffff;">
|
||||||
|
<p>© Маркетплейс,<br/> 2023 <br/> Все права защищены.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
55
register.html
Normal file
55
register.html
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<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>
|
||||||
|
<main class="container-fluid d-flex align-items-center justify-content-center">
|
||||||
|
<div class="registerbox">
|
||||||
|
<form class="d-flex flex-column align-items-center">
|
||||||
|
<p class="text-center fs-1 mt-5">Регистрация</p>
|
||||||
|
<div class="login w-75 mb-2">
|
||||||
|
<label for="login_inputbox" class="form-label" style=" font-size: 18px;">Логин</label>
|
||||||
|
<input type="text" required id="login_inputbox" class="form-control inputbox" placeholder="Введите логин..."></input>
|
||||||
|
</div>
|
||||||
|
<div class="password w-75 mb-2">
|
||||||
|
<label for="password_inputbox" class="form-label" style="font-size: 18px;">Пароль</label>
|
||||||
|
<input type="password" required id="password_inputbox" class="form-control inputbox" placeholder="Пароль..."></input>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex align-items-center w-75 mb-2">
|
||||||
|
<div class="firstname me-3">
|
||||||
|
<label for="firstname_inputbox" class="form-label" style="font-size: 18px;">Имя</label>
|
||||||
|
<input type="text" required id="firstname_inputbox" class="form-control inputbox" placeholder="Введите имя..."></input>
|
||||||
|
</div>
|
||||||
|
<div class="lastname">
|
||||||
|
<label for="lastname_inputbox" class="form-label" style="font-size: 18px;">Фамилия</label>
|
||||||
|
<input type="text" required id="lastname_inputbox" class="form-control inputbox" placeholder="Введите фамилию..."></input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="email w-75 mb-2">
|
||||||
|
<label for="email_inputbox" class="form-label" style="font-size: 18px;">Почта</label>
|
||||||
|
<input type="email" required id="email_inputbox" class="form-control inputbox" placeholder="example@example.com" ></input>
|
||||||
|
</div>
|
||||||
|
<div class="phone w-75 mb-2">
|
||||||
|
<label for="phone_inputbox" class="form-label" style="font-size: 18px;">Номер телефона</label>
|
||||||
|
<input id="phone_inputbox" type="tel" required class="form-control inputbox" placeholder="+7 (999) 999 99-99" ></input>
|
||||||
|
</div>
|
||||||
|
<div class="form-check mb-2 mt-2">
|
||||||
|
<input class="form-check-input" type="checkbox" required value="" id="flexCheckDefault">
|
||||||
|
<label class="form-check-label" for="flexCheckDefault">
|
||||||
|
Я принимаю <a href="./termsofuse.html"> пользовательское соглашение</a>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary mt-3 mb-3 fs-3 ps-5 pe-5">Регистрация</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
118
settings.html
Normal file
118
settings.html
Normal file
@ -0,0 +1,118 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<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>
|
||||||
|
<header class="border-bottom ps-5 pe-5 sticky-top" style="background-color: #6376D7;">
|
||||||
|
<nav class="navbar navbar-expand-lg">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<button class="btn btn-main d-block d-sm-block d-md-none"
|
||||||
|
type="button" data-bs-toggle="offcanvas" data-bs-target="#staticBackdrop" aria-controls="staticBackdrop">
|
||||||
|
</button>
|
||||||
|
<a class="navbar-brand fs-3" href="/index.html" style="color: #ffffff;">Маркетплейс</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="/catalog.html" type="button" class="btn btn-main fs-5">Каталог</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<form class="d-flex form-horizontal">
|
||||||
|
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" style="width: 40vw;">
|
||||||
|
<button class="btn btn-main me-2 fs-5" type="submit">Поиск</button>
|
||||||
|
</form>
|
||||||
|
<a href="/login.html" class="nav-link link-light">
|
||||||
|
<span class="fs-5" style="color: #ffffff;">Войти</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container-fluid d-flex justify-content-center mt-5 mb-5">
|
||||||
|
<div class="offcanvas offcanvas-start" data-bs-backdrop="static" tabindex="-1" id="staticBackdrop" aria-labelledby="staticBackdropLabel"
|
||||||
|
style="max-width: 65%; background: #D1D9FF ">
|
||||||
|
<div class="offcanvas-header">
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Закрыть"></button>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas-body me-3 d-flex flex-column">
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2" style="font-size: 20; min-height: 50px">Личные данные</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2" style="font-size: 20; min-height: 50px">Безопасность</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2" style="font-size: 20; min-height: 50px">Интерфейс</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2" style="font-size: 20; min-height: 50px">Помощь</button>
|
||||||
|
<button type="button" class="btn btn-quit mt-auto me-3 ms-3 mb-3" style="min-height: 65px; font-size: 20px; border-radius: 12px;">Выйти из аккаунта</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="settings-menu" class="d-flex flex-column box me-3 xl-only">
|
||||||
|
<p class="mt-3 me-auto ms-auto mb-3 xl-only" style="font-size: 22; text-align: center;"> Настройки</p>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2 xl-only" style="font-size: 20; min-height: 50px">Личные данные</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2 xl-only" style="font-size: 20; min-height: 50px">Безопасность</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2 xl-only" style="font-size: 20; min-height: 50px">Интерфейс</button>
|
||||||
|
<button type="button" class="btn btn-main me-3 ms-3 mb-2 xl-only" style="font-size: 20; min-height: 50px">Помощь</button>
|
||||||
|
<button type="button" class="btn btn-quit mt-auto me-3 ms-3 mb-3 xl-only" style="min-height: 65px; font-size: 22px; border-radius: 12px;">Выйти из аккаунта</button>
|
||||||
|
</div>
|
||||||
|
<div id="personal-info" class="box d-flex flex-column">
|
||||||
|
<div>
|
||||||
|
<p class="mt-3 me-auto ms-5 mb-3" style="font-size: 22; text-align: left;">Личные данные</p>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex flex-row flex-wrap">
|
||||||
|
<div class="ms-4 me-3">
|
||||||
|
<div class="mb-2 justify-content-center">
|
||||||
|
<label for="firstname" class="form-label">Имя</label>
|
||||||
|
<input id="firstname" class="form-control inputbox" placeholder="Имя" disabled> </input>
|
||||||
|
</div>
|
||||||
|
<div class="mb-2 justify-content-center">
|
||||||
|
<label for="lastname" class="form-label">Фамилия</label>
|
||||||
|
<input id="lastname" class="form-control inputbox" placeholder="Фамилия" disabled> </input>
|
||||||
|
</div>
|
||||||
|
<div class="mb-2 justify-content-center">
|
||||||
|
<label for="adress" class="form-label">Адрес доставки</label>
|
||||||
|
<input id="adress" class="form-control inputbox" placeholder="ул. ааа, 1" disabled> </input>
|
||||||
|
</div>
|
||||||
|
<div class="mb-2 justify-content-center">
|
||||||
|
<label for="telephone" class="form-label">Телефон</label>
|
||||||
|
<input id="telephone" class="form-control inputbox" placeholder="+7 (999) 999 99-99" disabled> </input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ms-4 me-4">
|
||||||
|
<div class="mb-2 justify-content-center">
|
||||||
|
<label for="email" class="form-label">Почта</label>
|
||||||
|
<input id="email" class="form-control inputbox" placeholder="Почта" disabled> </input>
|
||||||
|
</div>
|
||||||
|
<div class="mb-2 justify-content-center">
|
||||||
|
<label for="card" class="form-label">Выбранная карта</label>
|
||||||
|
<input id="card" class="form-control inputbox" placeholder="** 9999" disabled> </input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ms-4 mt-auto mb-3 d-flex align-items-end">
|
||||||
|
<button type="button" class="btn btn-main mt-4 me-5 ms-auto ps-5 pe-5" style="font-size: 20; height: 50px;">Сохранить</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class="container-fluid py-5" style="background-color: #6376D7;">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-2 offset-1">
|
||||||
|
<ul class="nav flex-column">
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light ">Контакты</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="./termsofuse.html" class="nav-link p-0 link-light">Пользовательское соглашение</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light" >ЧаВо</a></li>
|
||||||
|
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light">О нас</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 offset-3" style="text-align: center; color: #ffffff;">
|
||||||
|
<p>© Маркетплейс,<br/> 2023 <br/> Все права защищены.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
232
style.css
Normal file
232
style.css
Normal file
@ -0,0 +1,232 @@
|
|||||||
|
main, body {
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-horizontal{
|
||||||
|
display:block;
|
||||||
|
height:50%;
|
||||||
|
margin:0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.picmin.box {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.picture-preview.box {
|
||||||
|
max-width: 100%;
|
||||||
|
width: 450px;
|
||||||
|
}
|
||||||
|
.product-menu.box{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.pr-menu-btn.btn {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#innerbox.xl-only, .catalog-menu.xl-only {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.xl-only {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#cart-pic.picmin.box {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registerbox {
|
||||||
|
max-width: 725px;
|
||||||
|
width: 100%;
|
||||||
|
background: #D1D9FF;
|
||||||
|
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
|
||||||
|
border-radius: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputbox {
|
||||||
|
height: 52px;
|
||||||
|
background: white;
|
||||||
|
border-radius: 12px;
|
||||||
|
border: 0px;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.btn-primary {
|
||||||
|
border-radius: 12px;
|
||||||
|
border: 0px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 24px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.btn-main {
|
||||||
|
border-radius: 12px;
|
||||||
|
border: 0px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 24px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.btn-light {
|
||||||
|
width: 197px;
|
||||||
|
height: 62px;
|
||||||
|
border-radius: 12px;
|
||||||
|
border: 0px;
|
||||||
|
color: #000000;
|
||||||
|
font-size: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: left;
|
||||||
|
padding-left: 5%;
|
||||||
|
|
||||||
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));
|
||||||
|
}
|
||||||
|
|
||||||
|
.box {
|
||||||
|
background: #D1D9FF;
|
||||||
|
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.25);
|
||||||
|
border-radius: 20px
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputbox {
|
||||||
|
background: white;
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu.box {
|
||||||
|
width: 250px;
|
||||||
|
max-height: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#settings-menu.box {
|
||||||
|
max-width: 250px;
|
||||||
|
height: 550px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.catalog-menu.box {
|
||||||
|
width: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#catalog.box {
|
||||||
|
width: 1250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#innerbox.catalog.box {
|
||||||
|
background: #6376D7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#item.catalog.box {
|
||||||
|
background: white;
|
||||||
|
height: 365px;
|
||||||
|
width: 215px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-img {
|
||||||
|
height: 180px;
|
||||||
|
width: 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#product-box.box {
|
||||||
|
max-width: 925px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#product-menu.box {
|
||||||
|
max-width: 250px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.picture-preview.box {
|
||||||
|
background-color: white;
|
||||||
|
width: 450px;
|
||||||
|
max-height: 450px;
|
||||||
|
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.picmin.box {
|
||||||
|
background-color: white;
|
||||||
|
width: 100px !important;
|
||||||
|
height: 100px !important;
|
||||||
|
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
#order-box.box {
|
||||||
|
background-color: white;
|
||||||
|
max-width: 300px;
|
||||||
|
height: 450px;
|
||||||
|
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
#cart.box {
|
||||||
|
width: 970px;
|
||||||
|
min-height: 725px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#orders.box {
|
||||||
|
width: 970px;
|
||||||
|
height: 725px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorite.box {
|
||||||
|
width: 970px;
|
||||||
|
height: 725px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#personal-info.box {
|
||||||
|
max-width: 970px;
|
||||||
|
min-height: 550px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.innerbox {
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 20px
|
||||||
|
}
|
||||||
|
|
||||||
|
#cart-box.innerbox {
|
||||||
|
max-width: 550px;
|
||||||
|
height: 600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#order-cart-box.innerbox {
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn-main {
|
||||||
|
--bs-btn-bg: #4156C2 !important;
|
||||||
|
--bs-btn-border-color: #33449d;
|
||||||
|
--bs-btn-hover-color: #fff;
|
||||||
|
--bs-btn-hover-bg: #2c3c8a;
|
||||||
|
--bs-btn-hover-border-color: #1a2350;
|
||||||
|
--bs-btn-focus-shadow-rgb: 51, 68, 157;
|
||||||
|
--bs-btn-active-color: #fff;
|
||||||
|
--bs-btn-active-bg: #1a2350;
|
||||||
|
--bs-btn-active-border-color: #fff;
|
||||||
|
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||||
|
--bs-btn-disabled-color: #fff;
|
||||||
|
--bs-btn-disabled-bg: #4156C2;
|
||||||
|
--bs-btn-disabled-border-color: #33449d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-quit {
|
||||||
|
--bs-btn-color: #fff !important;
|
||||||
|
--bs-btn-bg: #152683 !important;
|
||||||
|
--bs-btn-border-color: rgba(0, 0, 0, 0);
|
||||||
|
--bs-btn-hover-color: #fff;
|
||||||
|
--bs-btn-hover-bg: #12206f;
|
||||||
|
--bs-btn-hover-border-color: rgba(0, 0, 0, 0.2);
|
||||||
|
--bs-btn-focus-shadow-rgb: 255, 255, 255;
|
||||||
|
--bs-btn-active-color: #fff;
|
||||||
|
--bs-btn-active-bg: #111e69;
|
||||||
|
--bs-btn-active-border-color: rgba(0, 0, 0, 0.25);
|
||||||
|
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||||
|
--bs-btn-disabled-color: #fff;
|
||||||
|
--bs-btn-disabled-bg: #152683;
|
||||||
|
--bs-btn-disabled-border-color: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
1
termsofuse.html
Normal file
1
termsofuse.html
Normal file
@ -0,0 +1 @@
|
|||||||
|
Маркетплейс, 2023.
|
||||||
BIN
Отчет ЛР2 ИП Макаров Давид.docx
Normal file
BIN
Отчет ЛР2 ИП Макаров Давид.docx
Normal file
Binary file not shown.
BIN
Отчет ЛР2 ИП Макаров Давид.odt
Normal file
BIN
Отчет ЛР2 ИП Макаров Давид.odt
Normal file
Binary file not shown.
Loading…
Reference in New Issue
Block a user