Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
f09fa6e113 |
32
Account.html
Normal file
32
Account.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Интернет-магазин: ЛК</title>
|
||||
<link rel="stylesheet" href="css/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="images/logo.jpg" alt="'Название магазина'">
|
||||
<a href="newSite.html"><h1><b>"Название магазина"</b></h1></a>
|
||||
<navbar>
|
||||
<p><a href="Basket.html">Корзина</a></p>
|
||||
<p><a href="Order.html">Заказы</a></p>
|
||||
<p><a href="Favorites.html">Избранное</a></p>
|
||||
<p><a href="Account.html">Личный кабинет</a></p>
|
||||
</navbar>
|
||||
</header>
|
||||
<div class="account">
|
||||
<img src="images/бананы.jpg">
|
||||
<h3>Имя Фамилия</h3>
|
||||
<p>Описание</p>
|
||||
</div>
|
||||
<footer>
|
||||
<p>Помощь:</p>
|
||||
<p>8 (800)-555-35-35</p>
|
||||
<p>vk.com</p>
|
||||
<p>tg.me</p>
|
||||
<p>ozon-zon-zon@mail.joke</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
40
Basket.html
Normal file
40
Basket.html
Normal file
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Интернет-магазин: Корзина</title>
|
||||
<link rel="stylesheet" href="css/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="images/logo.jpg" alt="'Название магазина'">
|
||||
<a href="newSite.html"><h1><b>"Название магазина"</b></h1></a>
|
||||
<navbar>
|
||||
<p><a href="Basket.html">Корзина</a></p>
|
||||
<p><a href="Order.html">Заказы</a></p>
|
||||
<p><a href="Favorites.html">Избранное</a></p>
|
||||
<p><a href="Account.html">Личный кабинет</a></p>
|
||||
</navbar>
|
||||
</header>
|
||||
<div class="basket">
|
||||
<h1>Корзина</h1>
|
||||
<ol>
|
||||
<li><img src="images/glasses.jpg">Очки<p>349 руб.</p></li>
|
||||
<li><img src="images/chery.jpg">Chery Tiggo 7 Pro Max 64gb 128mp<p>5 руб.</p></li>
|
||||
<li><img src="images/vanadiy.jpg">Ванадий<p>2099 руб.</p></li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="buy">
|
||||
<a href="https://xn----7sbon6aucai8a.xn--p1ai/wa-data/public/shop/products/98/27/2798/images/6060/6060.970.jpg" target="_blank">
|
||||
Оплатить
|
||||
</a>
|
||||
</div>
|
||||
<footer>
|
||||
<p>Помощь:</p>
|
||||
<p>8 (800)-555-35-35</p>
|
||||
<p>vk.com</p>
|
||||
<p>tg.me</p>
|
||||
<p>ozon-zon-zon@mail.joke</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
34
Favorites.html
Normal file
34
Favorites.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Интернет-магазин: Избранное</title>
|
||||
<link rel="stylesheet" href="css/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="images/logo.jpg" alt="'Название магазина'">
|
||||
<a href="newSite.html"><h1><b>"Название магазина"</b></h1></a>
|
||||
<navbar>
|
||||
<p><a href="Basket.html">Корзина</a></p>
|
||||
<p><a href="Order.html">Заказы</a></p>
|
||||
<p><a href="Favorites.html">Избранное</a></p>
|
||||
<p><a href="Account.html">Личный кабинет</a></p>
|
||||
</navbar>
|
||||
</header>
|
||||
<div class="favourites">
|
||||
<h2>Избранное</h2>
|
||||
<ul>
|
||||
<li><img src ="images/masha.jpg">Женщина<p>бесценна</p></li>
|
||||
<li><img src ="images/screwdriver.jpg">Отвертка<p>219 руб</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
<footer>
|
||||
<p>Помощь:</p>
|
||||
<p>8 (800)-555-35-35</p>
|
||||
<p>vk.com</p>
|
||||
<p>tg.me</p>
|
||||
<p>ozon-zon-zon@mail.joke</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
45
Order.html
Normal file
45
Order.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Интернет-магазин: Заказы</title>
|
||||
<link rel="stylesheet" href="css/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="images/logo.jpg" alt="'Название магазина'">
|
||||
<a href="newSite.html"><h1><b>"Название магазина"</b></h1></a>
|
||||
<navbar>
|
||||
<p><a href="Basket.html">Корзина</a></p>
|
||||
<p><a href="Order.html">Заказы</a></p>
|
||||
<p><a href="Favorites.html">Избранное</a></p>
|
||||
<p><a href="Account.html">Личный кабинет</a></p>
|
||||
</navbar>
|
||||
</header>
|
||||
<div class="orders"><h1>Заказы</h1></div>
|
||||
<div class="typeOfOrder">
|
||||
<div class="inProcess">
|
||||
<h2>В процессе</h2>
|
||||
<ul>
|
||||
<li><img src="images/spoon.jpg">Ложка</li>
|
||||
<li><img src="images/fork.jpg">Вилка</li>
|
||||
<li><img src="images/knife.jpg">Нож</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="done">
|
||||
<h2>Завершённые</h2>
|
||||
<ul>
|
||||
<li><img src="images/iron.jpg">Утюг</li>
|
||||
<li><img src="images/bananas.jpg">Бананы</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p>Помощь:</p>
|
||||
<p>8 (800)-555-35-35</p>
|
||||
<p>vk.com</p>
|
||||
<p>tg.me</p>
|
||||
<p>ozon-zon-zon@mail.joke</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
228
css/style.css
Normal file
228
css/style.css
Normal file
@@ -0,0 +1,228 @@
|
||||
body {
|
||||
background-color: #edf7f6;
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
||||
}
|
||||
|
||||
header {
|
||||
margin-bottom: 50px;
|
||||
|
||||
}
|
||||
|
||||
img {
|
||||
width: 180px;
|
||||
height: 150px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 50px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
header h1 a{
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
header img {
|
||||
width: 200px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
navbar {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
right: 35px;
|
||||
}
|
||||
|
||||
.links a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.goods {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
.goods p {
|
||||
text-align: center;
|
||||
width: 270px;
|
||||
height: 285px;
|
||||
border: 2px solid black;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.goods img {
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
object-fit: cover;
|
||||
margin: 0 auto; /* Центрирование */
|
||||
}
|
||||
|
||||
.typeOfOrder {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.typeOfOrder h2{
|
||||
border: 2px solid black;
|
||||
border-radius: 5px;
|
||||
width: 180px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.inProcess h2{
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
.done h2{
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
.basket {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.basket h1 {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
border: 2px solid black;
|
||||
border-radius: 10px;
|
||||
width: 400px;
|
||||
height: auto;
|
||||
display: flex;
|
||||
font-size: large;
|
||||
margin-bottom: 15px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.basket p {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 10px;
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.orders h1 {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.favourites p {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 10px;
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*.buy {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
background-color: greenyellow;
|
||||
text-align: center;
|
||||
border: 2px solid black;
|
||||
border-radius: 10px;
|
||||
width: 200px; /* Фиксированный размер кнопки *
|
||||
height: 70px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.buy a {
|
||||
font-size: xx-large;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
width: 100%; /* Растягиваем ссылку на всю кнопку *
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}*/
|
||||
.buy {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
background-color: greenyellow;
|
||||
text-align: center;
|
||||
border: 2px solid black;
|
||||
border-radius: 10px;
|
||||
width: 200px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
transition: background-color 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.buy a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.buy:hover {
|
||||
background-color: lightgreen;
|
||||
}
|
||||
|
||||
.account {
|
||||
text-align: center;
|
||||
margin: 50px auto;
|
||||
width: 300px;
|
||||
padding: 20px;
|
||||
border: 2px solid black;
|
||||
border-radius: 15px;
|
||||
background-color: #f9f9f9;
|
||||
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.account img {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
object-fit: cover;
|
||||
border-radius: 20px; /* Закругленные углы */
|
||||
border: 3px solid black;
|
||||
}
|
||||
|
||||
.account h3 {
|
||||
font-weight: bold;
|
||||
margin-top: 10px;
|
||||
font-size: x-large;
|
||||
}
|
||||
/*
|
||||
.dialogue {
|
||||
text-align: left;
|
||||
margin-top: 10px;
|
||||
font-size: 20px;
|
||||
}*/
|
||||
BIN
images/bananas.jpg
Normal file
BIN
images/bananas.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
BIN
images/chery.jpg
Normal file
BIN
images/chery.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 280 KiB |
BIN
images/child.jpg
Normal file
BIN
images/child.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 337 KiB |
BIN
images/fork.jpg
Normal file
BIN
images/fork.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
images/glasses.jpg
Normal file
BIN
images/glasses.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
BIN
images/iron.jpg
Normal file
BIN
images/iron.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
BIN
images/knife.jpg
Normal file
BIN
images/knife.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
images/logo.jpg
Normal file
BIN
images/logo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
images/masha.jpg
Normal file
BIN
images/masha.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
BIN
images/screwdriver.jpg
Normal file
BIN
images/screwdriver.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
images/skateboard.jpg
Normal file
BIN
images/skateboard.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
images/spoon.jpg
Normal file
BIN
images/spoon.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
images/vanadiy.jpg
Normal file
BIN
images/vanadiy.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
images/бананы.jpg
Normal file
BIN
images/бананы.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
36
newSite.html
Normal file
36
newSite.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Интернет-магазин</title>
|
||||
<link rel="stylesheet" href="css/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="images/logo.jpg" alt="'Название магазина'">
|
||||
<a href="newSite.html"><h1><b>"Название магазина"</b></h1></a>
|
||||
<navbar>
|
||||
<p><a href="Basket.html">Корзина</a></p>
|
||||
<p><a href="Order.html">Заказы</a></p>
|
||||
<p><a href="Favorites.html">Избранное</a></p>
|
||||
<p><a href="Account.html">Личный кабинет</a></p>
|
||||
</navbar>
|
||||
</header>
|
||||
<h2>Рекомендуемые товары:</h2>
|
||||
<div class="goods">
|
||||
<p><img src="images/iron.jpg">Утюг</p>
|
||||
<p><img src="images/child.jpg">Ребёнок</p>
|
||||
<p><img src="images/screwdriver.jpg">Отвертка</p>
|
||||
<p><img src="images/skateboard.jpg">Скейтборд</p>
|
||||
<p><img src="images/bananas.jpg">Бананы</p>
|
||||
</div>
|
||||
<footer>
|
||||
<p>Помощь:</p>
|
||||
<p>8 (800)-555-35-35</p>
|
||||
<p>vk.com</p>
|
||||
<p>tg.me</p>
|
||||
<p>ozon-zon-zon@mail.joke</p>
|
||||
<p><img src="images/бананы.jpg"></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Отчет1.docx
Normal file
BIN
Отчет1.docx
Normal file
Binary file not shown.
Reference in New Issue
Block a user