spacyboy/IP_3sem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Добавлены изменения

Browse Source
This commit is contained in:
spacyboy 2023-11-30 21:17:52 +04:00
parent 08393560fc
commit 632d3ab999
26 changed files with 1839 additions and 183 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1589
2_laba_IP_project/.vite/deps/@popperjs_core.js Normal file
View File

File diff suppressed because it is too large Load Diff

7
2_laba_IP_project/.vite/deps/@popperjs_core.js.map Normal file
View File

File diff suppressed because one or more lines are too long

13
2_laba_IP_project/.vite/deps/_metadata.json Normal file
View File

@ -0,0 +1,13 @@
{
"hash": "db561d3e",
"browserHash": "9eaa2515",
"optimized": {
"@popperjs/core": {
"src": "../../node_modules/@popperjs/core/lib/index.js",
"file": "@popperjs_core.js",
"fileHash": "440b4fd2",
"needsInterop": false
}
},
"chunks": {}
}

3
2_laba_IP_project/.vite/deps/package.json Normal file
View File

@ -0,0 +1,3 @@
{
"type": "module"
}

0
Отчет_2_лаба_ИП.docx → 2_laba_IP_project/2_laba_IP_otchet.docx
View File

29
2_laba_IP_project/style.css → 2_laba_IP_project/css/style.css
View File

@ -44,6 +44,7 @@ h1 { /*форматирование текста*/
margin-left: 28vw; margin-left: 28vw;
margin-top: 5vw; margin-top: 5vw;
font-weight: lighter; font-weight: lighter;
max-width: 70%;
} }
.table { /*таблица */ .table { /*таблица */
@ -134,7 +135,7 @@ h0 {
} }
.btn_open { .btn_open {
background-image: url('open_sidebar.png'); background-image: url('../src/open_sidebar.png');
background-color: transparent; background-color: transparent;
background-size: cover; background-size: cover;
position: fixed; position: fixed;
@ -218,7 +219,7 @@ h2 {
justify-content: space-between; justify-content: space-between;
margin-bottom: 6vh; margin-bottom: 6vh;
margin-top: 6vh; margin-top: 6vh;
margin-left: 15vw; /*margin-left: 15vw;*/
} }
.right-cell { .right-cell {
@ -230,11 +231,13 @@ h2 {
} }
.main_pannel2 { .main_pannel2 {
height: 90vh; /* на весь экран */ height: 100vh; /* на весь экран */
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
padding-left: 25vw;
} }
h3 { h3 {
@ -265,11 +268,13 @@ h3 {
text-align: left; text-align: left;
font-weight: lighter; font-weight: lighter;
font-size: 2.5vh; font-size: 2.5vh;
background-color: #25e000;
} }
.caption_basket_price { .caption_basket_price {
font-weight: lighter; font-weight: lighter;
font-size: 4vh; font-size: 4vh;
background-color: red;
} }
.add_object-button:hover { .add_object-button:hover {
@ -278,6 +283,11 @@ h3 {
border-color: #118500; border-color: #118500;
} }
.col {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1300px) { @media (max-width: 1300px) {
.main_pannel { .main_pannel {
@ -334,10 +344,6 @@ h3 {
visibility: hidden; visibility: hidden;
} }
.input-group {
width: 100%;
}
.width_input_mail { .width_input_mail {
width: 90%; width: 90%;
} }
@ -349,5 +355,14 @@ h3 {
.width_add_object { .width_add_object {
width: 90%; width: 90%;
} }
.input-group { /*подгон ширины под отсльаные*/
padding-right: 9vw;
}
.view_object {
padding-top: 1vh;
}
} }

91
2_laba_IP_project/index.html
View File

@ -4,10 +4,10 @@
<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"/>
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/> <link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
@ -24,23 +24,23 @@
<div class="navbar-collapse collapse justify-content-start" id="navbarNav"> <div class="navbar-collapse collapse justify-content-start" id="navbarNav">
<div class="navbar-nav text_containter"> <div class="navbar-nav text_containter">
<div class="arrow_and_cities"> <div class="arrow_and_cities">
<img class="icon_top" src="./arrow_icon.png" alt="arrow_icon"> <img class="icon_top" src="src/arrow_icon.png" alt="arrow_icon">
<a class="nav-link " href="./index.html" style=" color: black;">Ульяновск</a> <a class="nav-link " href="./index.html" style=" color: black;">Ульяновск</a>
</div> </div>
<a class="nav-link adress" href="./test-delete.html" style="margin-left: 40px; color: black;">Адреса <a class="nav-link adress" href="page-edit.html" style="margin-left: 40px; color: black;">Адреса
магазинов</a> магазинов</a>
</div> </div>
</div> </div>
<div class="navbar-collapse collapse justify-content-end " id="navbarNav1"> <div class="navbar-collapse collapse justify-content-end " id="navbarNav1">
<div class="navbar-nav icon-container"> <div class="navbar-nav icon-container">
<a href="./page2.html"> <a href="page2.html">
<img class="icon_top" src="./acc_icon.png" alt="acc_icon"> <img class="icon_top" src="src/acc_icon.png" alt="acc_icon">
</a> </a>
<a href="./page5.html"> <a href="page5.html">
<img class="icon_top" src="./shop_icon.png" alt="shop_icon"> <img class="icon_top" src="src/shop_icon.png" alt="shop_icon">
</a> </a>
<a href="./page2.html"> <a href="page2.html">
<img class="icon_top" src="./search_icon.png" alt="search_icon"> <img class="icon_top" src="src/search_icon.png" alt="search_icon">
</a> </a>
</div> </div>
</div> </div>
@ -53,7 +53,7 @@
id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel"> id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
<div class="offcanvas-header"> <div class="offcanvas-header">
<a href="./index.html"> <a href="./index.html">
<img class="logo_sidebar" src="./logo.png" alt="shop_icon"> <img class="logo_sidebar" src="src/logo.png" alt="shop_icon">
</a> </a>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
@ -77,10 +77,10 @@
<div class="take_order" style="color: #25e000;">Сделать заказ</div> <div class="take_order" style="color: #25e000;">Сделать заказ</div>
</h0> </h0>
<div class="social_network"> <div class="social_network">
<a href="./page3.html" style="text-decoration: none;"> <a href="page3.html" style="text-decoration: none;">
<img class="vk" src="./whatsapp_icon.png" alt="vk"> <img class="vk" src="src/whatsapp_icon.png" alt="vk">
</a> </a>
<img class="whatsapp" src="./vk_icon.png" alt="whatsapp"> <img class="whatsapp" src="src/vk_icon.png" alt="whatsapp">
</div> </div>
</div> </div>
</div> </div>
@ -102,6 +102,15 @@
window.addEventListener('resize', checkMediaQuery); window.addEventListener('resize', checkMediaQuery);
</script> </script>
<!--<script>-->
<!-- var name = localStorage.getItem('name');-->
<!-- var age = localStorage.getItem('age');-->
<!-- // Используйте значения на странице-->
<!-- document.getElementById('name_display').textContent = name;-->
<!-- document.getElementById('age_display').textContent = age;-->
<!--</script>-->
<main class="container main_pannel"> <main class="container main_pannel">
<h1>Клубника в шоколаде</h1> <h1>Клубника в шоколаде</h1>
@ -109,22 +118,22 @@
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<a href="./page4.html" style="text-decoration: none;"> <a href="page4.html" style="text-decoration: none;">
<img class="objects" src="./object_1.png" alt="object"> <img class="objects" src="src/object_1.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
</div> </div>
<div class="col-4"> <div class="col-4">
<a href="./page4.html" style="text-decoration: none;"> <a href="page4.html" style="text-decoration: none;">
<img class="objects" src="./object_2.png" alt="object"> <img class="objects" src="src/object_2.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
</div> </div>
<div class="col-4"> <div class="col-4">
<a href="./page4.html" style="text-decoration: none;"> <a href="page4.html" style="text-decoration: none;">
<img class="objects" src="./object_3.png" alt="object"> <img class="objects" src="src/object_3.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
@ -133,22 +142,22 @@
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<a href="./page3.html" style="text-decoration: none;"> <a href="page3.html" style="text-decoration: none;">
<img class="objects" src="./object_1.png" alt="object"> <img class="objects" src="src/object_1.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
</div> </div>
<div class="col-4"> <div class="col-4">
<a href="./page4.html" style="text-decoration: none;"> <a href="page4.html" style="text-decoration: none;">
<img class="objects" src="./object_2.png" alt="object"> <img class="objects" src="src/object_2.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
</div> </div>
<div class="col-4"> <div class="col-4">
<a href="./page4.html" style="text-decoration: none;"> <a href="page4.html" style="text-decoration: none;">
<img class="objects" src="./object_3.png" alt="object"> <img class="objects" src="src/object_3.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
@ -157,22 +166,22 @@
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<a href="./page3.html" style="text-decoration: none;"> <a href="page3.html" style="text-decoration: none;">
<img class="objects" src="./object_1.png" alt="object"> <img class="objects" src="src/object_1.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
</div> </div>
<div class="col-4"> <div class="col-4">
<a href="./page4.html" style="text-decoration: none;"> <a href="page4.html" style="text-decoration: none;">
<img class="objects" src="./object_2.png" alt="object"> <img class="objects" src="src/object_2.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
</div> </div>
<div class="col-4"> <div class="col-4">
<a href="./page4.html" style="text-decoration: none;"> <a href="page4.html" style="text-decoration: none;">
<img class="objects" src="./object_3.png" alt="object"> <img class="objects" src="src/object_3.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
@ -181,22 +190,22 @@
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<a href="./page3.html" style="text-decoration: none;"> <a href="page3.html" style="text-decoration: none;">
<img class="objects" src="./object_1.png" alt="object"> <img class="objects" src="src/object_1.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
</div> </div>
<div class="col-4"> <div class="col-4">
<a href="./page4.html" style="text-decoration: none;"> <a href="page4.html" style="text-decoration: none;">
<img class="objects" src="./object_2.png" alt="object"> <img class="objects" src="src/object_2.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
</div> </div>
<div class="col-4"> <div class="col-4">
<a href="./page4.html" style="text-decoration: none;"> <a href="page4.html" style="text-decoration: none;">
<img class="objects" src="./object_3.png" alt="object"> <img class="objects" src="src/object_3.png" alt="object">
<div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="caption"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
<div class="caption_2"> 400₽</div> <div class="caption_2"> 400₽</div>
</a> </a>
@ -205,4 +214,4 @@
</div> </div>
</main> </main>
</body> </body>
</html> </html>

14
2_laba_IP_project/page2.html
View File

@ -3,18 +3,18 @@
<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"/>
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/> <link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
<body class="h-100 d-flex flex-column"> <body class="h-100 d-flex flex-column">
<main class="container-fluid p-2"> <main class="container-fluid p-2">
<div class="text-center login_pannel"> <div class="text-center login_pannel">
<a href="./index.html"> <a href="index.html">
<img class="back_arrow_icon " src="./back_arrow_icon.png" alt="back_arrow"> <img class="back_arrow_icon " src="src/back_arrow_icon.png" alt="back_arrow">
</a> </a>
<img class="logo_sidebar" src="./logo.png" alt="logo"> <img class="logo_sidebar" src="src/logo.png" alt="logo">
<h2>Войдите или зарегистрируйтесь</h2> <h2>Войдите или зарегистрируйтесь</h2>
<div class="input-group flex-nowrap width_input_mail"> <div class="input-group flex-nowrap width_input_mail">
<span class="input-group-text" id="addon-wrapping">@</span> <span class="input-group-text" id="addon-wrapping">@</span>

32
2_laba_IP_project/page3.html
View File

@ -3,17 +3,17 @@
<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"/>
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/> <link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
<body class="h-100 d-flex flex-column"> <body class="h-100 d-flex flex-column">
<main class="container-fluid p-2"> <main class="container-fluid p-2">
<div class="text-center add_object"> <div class="text-center add_object">
<a href="./index.html"> <a href="index.html">
<img class="back_arrow_icon " src="./back_arrow_icon.png" alt="logo"> <img class="back_arrow_icon " src="src/back_arrow_icon.png" alt="logo">
</a> </a>
<h2>Добавить товар</h2> <h2>Добавить товар</h2>
@ -33,13 +33,31 @@
<div class="input-group mb-3 width_add_object"> <div class="input-group mb-3 width_add_object">
<input type="file" class="form-control" id="inputGroupFile02"> <input type="file" class="form-control" id="inputGroupFile02">
<label class="input-group-text" for="inputGroupFile02">Upload</label>
</div> </div>
<div class="text-center"> <div class="text-center">
<button class="btn btn-primary add_object-button" type="submit">Добавить</button> <button class="btn btn-primary add_object-button" type="submit">Добавить</button>
</div> </div>
</div> </div>
<!-- <script>-->
<!-- // Получаем ссылку на кнопку "Добавить"-->
<!-- var addButton = document.querySelector('.add_object-button');-->
<!-- // Добавляем обработчик события на клик по кнопке "Добавить"-->
<!-- addButton.addEventListener('click', function(event) {-->
<!-- // Получаем значения полей ввода-->
<!-- var name = document.getElementById('name_object').value;-->
<!-- var price = document.getElementById('price_object').value;-->
<!-- var count = document.getElementById('count_object').value;-->
<!-- // Сохраняем значения в localStorage-->
<!-- localStorage.setItem('name', name);-->
<!-- localStorage.setItem('price', price);-->
<!-- localStorage.setItem('count', count);-->
<!-- });-->
<!-- </script>-->
</main> </main>
</body> </body>

42
2_laba_IP_project/page4.html
View File

@ -4,10 +4,10 @@
<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"/>
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/> <link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
<body class="h-100 d-flex flex-column"> <body class="h-100 d-flex flex-column">
<header> <header>
@ -20,23 +20,23 @@
<div class="navbar-collapse collapse justify-content-start" id="navbarNav"> <div class="navbar-collapse collapse justify-content-start" id="navbarNav">
<div class="navbar-nav text_containter"> <div class="navbar-nav text_containter">
<div class="arrow_and_cities"> <div class="arrow_and_cities">
<img class="icon_top" src="./arrow_icon.png" alt="arrow_icon"> <img class="icon_top" src="src/arrow_icon.png" alt="arrow_icon">
<a class="nav-link " href="./index.html" style=" color: black;">Ульяновск</a> <a class="nav-link " href="index.html" style=" color: black;">Ульяновск</a>
</div> </div>
<a class="nav-link adress" href="./test-delete.html" style="margin-left: 40px; color: black;">Адреса <a class="nav-link adress" href="page-edit.html" style="margin-left: 40px; color: black;">Адреса
магазинов</a> магазинов</a>
</div> </div>
</div> </div>
<div class="navbar-collapse collapse justify-content-end " id="navbarNav1"> <div class="navbar-collapse collapse justify-content-end " id="navbarNav1">
<div class="navbar-nav icon-container"> <div class="navbar-nav icon-container">
<a href="./page2.html"> <a href="page2.html">
<img class="icon_top" src="./acc_icon.png" alt="acc_icon"> <img class="icon_top" src="src/acc_icon.png" alt="acc_icon">
</a> </a>
<a href="./page5.html"> <a href="page5.html">
<img class="icon_top" src="./shop_icon.png" alt="shop_icon"> <img class="icon_top" src="src/shop_icon.png" alt="shop_icon">
</a> </a>
<a href="./page2.html"> <a href="page2.html">
<img class="icon_top" src="./search_icon.png" alt="search_icon"> <img class="icon_top" src="src/search_icon.png" alt="search_icon">
</a> </a>
</div> </div>
</div> </div>
@ -46,8 +46,8 @@
<div class="offcanvas offcanvas-start show" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" <div class="offcanvas offcanvas-start show" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1"
id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel"> id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
<div class="offcanvas-header"> <div class="offcanvas-header">
<a href="./index.html"> <a href="index.html">
<img class="logo_sidebar" src="./logo.png" alt="shop_icon"> <img class="logo_sidebar" src="src/logo.png" alt="shop_icon">
</a> </a>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div> </div>
@ -68,10 +68,10 @@
<div class="take_order" style="color: #25e000;">Сделать заказ</div> <div class="take_order" style="color: #25e000;">Сделать заказ</div>
</h0> </h0>
<div class="social_network"> <div class="social_network">
<a href="./page3.html" style="text-decoration: none;"> <a href="page3.html" style="text-decoration: none;">
<img class="vk" src="./whatsapp_icon.png" alt="vk"> <img class="vk" src="src/whatsapp_icon.png" alt="vk">
</a> </a>
<img class="whatsapp" src="./vk_icon.png" alt="whatsapp"> <img class="whatsapp" src="src/vk_icon.png" alt="whatsapp">
</div> </div>
</div> </div>
</div> </div>
@ -96,14 +96,14 @@
<main class="container main_pannel2"> <main class="container main_pannel2">
<div class="container view_object d-flex flex-column flex-md-row"> <div class="container view_object d-flex flex-column flex-md-row">
<div class="left-cell"> <div class="left-cell">
<img class="objects" src="./object_3.png" alt="object"> <img class="objects" src="src/object_3.png" alt="object">
</div> </div>
<div class="right-cell"> <div class="right-cell">
<h3>Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</h3> <h3>Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</h3>
<div> <div>
<h3 style="font-size: 24px; color: #a2a2a2; ">Итого:</h3> <h3 style="font-size: 24px; color: #a2a2a2; ">Итого:</h3>
<h3 class="price_object">3000₽</h3> <h3 class="price_object">3000₽</h3>
<a href="./page5.html"> <a href="page5.html">
<button type="button" class="btn btn-success btn-lg ">Добавить в корзину</button> <button type="button" class="btn btn-success btn-lg ">Добавить в корзину</button>
</a> </a>
</div> </div>
@ -111,4 +111,4 @@
</div> </div>
</main> </main>
</body> </body>
</html> </html>

166
2_laba_IP_project/page5.html
View File

@ -4,10 +4,10 @@
<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"/>
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/> <link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
<body class="h-100 d-flex flex-column"> <body class="h-100 d-flex flex-column">
@ -22,23 +22,23 @@
<div class="navbar-collapse collapse justify-content-start" id="navbarNav"> <div class="navbar-collapse collapse justify-content-start" id="navbarNav">
<div class="navbar-nav text_containter"> <div class="navbar-nav text_containter">
<div class="arrow_and_cities"> <div class="arrow_and_cities">
<img class="icon_top" src="./arrow_icon.png" alt="arrow_icon"> <img class="icon_top" src="src/arrow_icon.png" alt="arrow_icon">
<a class="nav-link " href="./index.html" style=" color: black;">Ульяновск</a> <a class="nav-link " href="./inddex.html" style=" color: black;">Ульяновск</a>
</div> </div>
<a class="nav-link adress" href="./test-delete.html" style="margin-left: 40px; color: black;">Адреса <a class="nav-link adress" href="page-edit.html" style="margin-left: 40px; color: black;">Адреса
магазинов</a> магазинов</a>
</div> </div>
</div> </div>
<div class="navbar-collapse collapse justify-content-end " id="navbarNav1"> <div class="navbar-collapse collapse justify-content-end " id="navbarNav1">
<div class="navbar-nav icon-container"> <div class="navbar-nav icon-container">
<a href="./page2.html"> <a href="page2.html">
<img class="icon_top" src="./acc_icon.png" alt="acc_icon"> <img class="icon_top" src="src/acc_icon.png" alt="acc_icon">
</a> </a>
<a href="./page5.html"> <a href="./page5.html">
<img class="icon_top" src="./shop_icon.png" alt="shop_icon"> <img class="icon_top" src="src/shop_icon.png" alt="shop_icon">
</a> </a>
<a href="./page2.html"> <a href="page2.html">
<img class="icon_top" src="./search_icon.png" alt="search_icon"> <img class="icon_top" src="src/search_icon.png" alt="search_icon">
</a> </a>
</div> </div>
</div> </div>
@ -48,8 +48,8 @@
<div class="offcanvas offcanvas-start show" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" <div class="offcanvas offcanvas-start show" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1"
id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel"> id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
<div class="offcanvas-header"> <div class="offcanvas-header">
<a href="./inex.html"> <a href="index.html">
<img class="logo_sidebar" src="./logo.png" alt="shop_icon"> <img class="logo_sidebar" src="src/logo.png" alt="shop_icon">
</a> </a>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div> </div>
@ -70,10 +70,10 @@
<div class="take_order" style="color: #25e000;">Сделать заказ</div> <div class="take_order" style="color: #25e000;">Сделать заказ</div>
</h0> </h0>
<div class="social_network"> <div class="social_network">
<a href="./page3.html" style="text-decoration: none;"> <a href="page3.html" style="text-decoration: none;">
<img class="vk" src="./whatsapp_icon.png" alt="vk"> <img class="vk" src="src/whatsapp_icon.png" alt="vk">
</a> </a>
<img class="whatsapp" src="./vk_icon.png" alt="whatsapp"> <img class="whatsapp" src="src/vk_icon.png" alt="whatsapp">
</div> </div>
</div> </div>
</div> </div>
@ -98,7 +98,7 @@
<ul class="nav nav-pills mb-3 justify-content-center" id="pills-tab" role="tablist"> <ul class="nav nav-pills mb-3 justify-content-center" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" <button class="nav-link active me-2" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home"
type="button" role="tab" aria-controls="pills-home" aria-selected="true"><h2>Корзина</h2></button> type="button" role="tab" aria-controls="pills-home" aria-selected="true"><h2>Корзина</h2></button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
@ -113,9 +113,9 @@
<div class="container table"> <div class="container table">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<img class="objects_basket" src="./object_1.png" alt="object"> <img class="objects_basket" src="src/object_1.png" alt="object">
</div> </div>
<div class="col "> <div class="col">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке <div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке
</div> </div>
</div> </div>
@ -129,7 +129,7 @@
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<img class="objects_basket" src="./object_2.png" alt="object"> <img class="objects_basket" src="src/object_2.png" alt="object">
</div> </div>
<div class="col "> <div class="col ">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке <div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке
@ -144,7 +144,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<img class="objects_basket" src="./object_3.png" alt="object"> <img class="objects_basket" src="src/object_3.png" alt="object">
</div> </div>
<div class="col "> <div class="col ">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке <div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке
@ -159,7 +159,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<img class="objects_basket" src="./object_2.png" alt="object"> <img class="objects_basket" src="src/object_2.png" alt="object">
</div> </div>
<div class="col "> <div class="col ">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке <div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке
@ -174,7 +174,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<img class="objects_basket" src="./object_1.png" alt="object"> <img class="objects_basket" src="src/object_1.png" alt="object">
</div> </div>
<div class="col "> <div class="col ">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке <div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке
@ -188,70 +188,80 @@
</div> </div>
</div> </div>
</div> </div>
<a href="./index.html"> <a href="index.html">
<img class="back_arrow_icon " src="./back_arrow_icon.png" alt="logo"> <img class="back_arrow_icon " src="src/back_arrow_icon.png" alt="logo">
</a> </a>
</div> </div>
<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0"> <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0">
<div class="row"> <div class="container table">
<div class="col"> <div class="row">
<img class="objects_basket" src="./object_1.png" alt="object"> <div class="col">
<img class="objects_basket" src="src/object_1.png" alt="object">
</div>
<div class="col ">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке
</div>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit" disabled>Доставлено
</button>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit">Оставить отзыв</button>
</div>
</div> </div>
<div class="col ">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit" disabled>Доставлено</button>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit">Оставить отзыв</button>
</div>
</div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<img class="objects_basket" src="./object_2.png" alt="object"> <img class="objects_basket" src="src/object_2.png" alt="object">
</div>
<div class="col ">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке
</div>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit" disabled>Доставлено
</button>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit">Оставить отзыв</button>
</div>
</div> </div>
<div class="col "> <div class="row">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="col">
<img class="objects_basket" src="src/object_1.png" alt="object">
</div>
<div class="col ">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке
</div>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit" disabled>Доставлено
</button>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit">Оставить отзыв</button>
</div>
</div> </div>
<div class="col"> <div class="row">
<button class="btn btn-primary add_object-button w-100" type="submit" disabled>Доставлено</button> <div class="col">
</div> <img class="objects_basket" src="src/object_3.png" alt="object">
<div class="col"> </div>
<button class="btn btn-primary add_object-button w-100" type="submit">Оставить отзыв</button> <div class="col ">
</div> <div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке
</div> </div>
<div class="row"> </div>
<div class="col"> <div class="col">
<img class="objects_basket" src="./object_1.png" alt="object"> <button class="btn btn-primary add_object-button w-100" type="submit" disabled>Доставлено
</div> </button>
<div class="col "> </div>
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div> <div class="col">
</div> <button class="btn btn-primary add_object-button w-100" type="submit">Оставить отзыв</button>
<div class="col"> </div>
<button class="btn btn-primary add_object-button w-100" type="submit" disabled>Доставлено</button>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit">Оставить отзыв</button>
</div>
</div>
<div class="row">
<div class="col">
<img class="objects_basket" src="./object_3.png" alt="object">
</div>
<div class="col ">
<div class="caption_basket"> Букет из клубники 108. <br>Набор из клубники в шоколаде в коробке</div>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit" disabled>Доставлено</button>
</div>
<div class="col">
<button class="btn btn-primary add_object-button w-100" type="submit">Оставить отзыв</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</main> </main>
</body> </body>
</html> </html>

0
2_laba_IP_project/acc_icon.png → 2_laba_IP_project/src/acc_icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

0
2_laba_IP_project/arrow_icon.png → 2_laba_IP_project/src/arrow_icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

0
2_laba_IP_project/back_arrow_icon.png → 2_laba_IP_project/src/back_arrow_icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

0
2_laba_IP_project/logo.png → 2_laba_IP_project/src/logo.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

0
2_laba_IP_project/object_1.png → 2_laba_IP_project/src/object_1.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 209 KiB

After

Width:  |  Height:  |  Size: 209 KiB

0
2_laba_IP_project/object_2.png → 2_laba_IP_project/src/object_2.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 163 KiB

After

Width:  |  Height:  |  Size: 163 KiB

0
2_laba_IP_project/object_3.png → 2_laba_IP_project/src/object_3.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 202 KiB

After

Width:  |  Height:  |  Size: 202 KiB

0
2_laba_IP_project/open_sidebar.png → 2_laba_IP_project/src/open_sidebar.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

0
2_laba_IP_project/search_icon.png → 2_laba_IP_project/src/search_icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

0
2_laba_IP_project/shop_icon.png → 2_laba_IP_project/src/shop_icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

0
2_laba_IP_project/vk_icon.png → 2_laba_IP_project/src/vk_icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

0
2_laba_IP_project/whatsapp_icon.png → 2_laba_IP_project/src/whatsapp_icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

25
2_laba_IP_project/test-delete.html
View File

@ -4,29 +4,14 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>dasdasd</title> <title>dasdasd</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"/>
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/> <link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
<body class="h-100 d-flex flex-column"> <body class="h-100 d-flex flex-column">
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling"
aria-controls="offcanvasScrolling">Enable body scrolling
</button>
<div class="offcanvas offcanvas-start show" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1"
id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasScrollingLabel">Offcanvas with body scrolling</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<p>Try scrolling the rest of the page to see this option in action.</p>
</div>
</div>
</body> </body>
</html> </html>

5
2_laba_IP_project/vite.config.js
View File

@ -7,8 +7,9 @@ export default defineConfig({
input: { input: {
main: resolve(__dirname, 'index.html'), main: resolve(__dirname, 'index.html'),
page2: resolve(__dirname, 'page2.html'), page2: resolve(__dirname, 'page2.html'),
page3: resolve(__dirname, 'page3.html'), page3: resolve(__dirname, 'page_edit.html'),
page4: resolve(__dirname, 'page4.html'),
}, },
}, },
}, },
}) })

6
package-lock.json generated Normal file
View File

@ -0,0 +1,6 @@
{
"name": "IP_labs",
"lockfileVersion": 3,
"requires": true,
"packages": {}
}