Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 17190efb55 | |||
|
6447b60b66 |
21
cart.html
Normal file
21
cart.html
Normal file
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Корзина</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Ваша Корзина</h1>
|
||||
|
||||
<div class="product-card">
|
||||
<h3>Процессор Intel Pentium Inside G4600</h3>
|
||||
<img src="resources/Hyperpen.jpg" alt="гиперпень" width="150">
|
||||
<p class="price">$799,00 × 1</p>
|
||||
<button class="button">Удалить</button>
|
||||
</div>
|
||||
|
||||
<h3>Итого: $799</h3>
|
||||
<button class="button">Оформить заказ</button>
|
||||
</body>
|
||||
</html>
|
||||
69
catalog.html
Normal file
69
catalog.html
Normal file
@ -0,0 +1,69 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Каталог товаров</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Каталог товаров</h1>
|
||||
<h2>Здесь представлены товары которые имеются в наличии в нашем магазине</h2>
|
||||
|
||||
<ol>
|
||||
<div class="products">
|
||||
<li>
|
||||
<h3>Ноутбук TECNO MEGABOOK T1 CORE ULTRA Series Pro 228 MAX Super Ti без клавиши "▽"</h3>
|
||||
<img src="resources/TECNO-MEGABOOK-T1.png" alt="TECNO MEGABOOK T1" width="300">
|
||||
<p class="price">$519,00</p>
|
||||
<a href="product4.html" target="_blank">
|
||||
<button class="button">Подробнее</button>
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
<div class="products">
|
||||
<li>
|
||||
<h3>Видеокарта MSI GeForce GTX1050 Ti GAMING 4G.</h3>
|
||||
<img src="resources/GeForce GTX 1050 Ti.png" alt="1050 ти ай" width="300">
|
||||
<p class="price">$149,00</p>
|
||||
<a href="product2.html" target="_blank">
|
||||
<button class="button">Подробнее</button>
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
<div class="products">
|
||||
<li>
|
||||
<h3>Процессор Intel Pentium Inside G4600</h3>
|
||||
<img src="resources/Hyperpen.jpg" alt="гиперпень" width="180">
|
||||
<p class="price">$300,00</p>
|
||||
<a href="product1.html" target="_blank">
|
||||
<button class="button">Подробнее</button>
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
<div class="products">
|
||||
<li>
|
||||
<h3>Процессор Intel Core i9 14900KS</h3>
|
||||
<img src="resources/Intel Core i9 14900KS.png" alt="Intel Core i9 14900KS" width="250">
|
||||
<p class="price">$999,00</p>
|
||||
<a href="product3.html" target="_blank">
|
||||
<button class="button">Подробнее</button>
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
<div class="products">
|
||||
<li>
|
||||
<h3>Видеокарта The NVIDIA® GeForce RTX™ 5090</h3>
|
||||
<img src="resources/RTX 5090.png" alt="RTX 5090" width="500">
|
||||
<p class="price">$1 999,00</p>
|
||||
<a href="product5.html" target="_blank">
|
||||
<button class="button">Подробнее</button>
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
||||
25
contacts.html
Normal file
25
contacts.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Контакты - OtvalShop</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Свяжитесь с нами</h1>
|
||||
|
||||
<form>
|
||||
<label>Ваше имя:</label>
|
||||
<input type="text" required>
|
||||
<br>
|
||||
<label>Email:</label>
|
||||
<input type="email" required>
|
||||
<br>
|
||||
<label>Сообщение:</label>
|
||||
<textarea rows="5" required></textarea>
|
||||
<br>
|
||||
<button type="submit">Отправить</button>
|
||||
</form>
|
||||
<img src="resources/До связи.jpg" alt="До связи" width="1000">
|
||||
</body>
|
||||
</html>
|
||||
80
index.html
Normal file
80
index.html
Normal file
@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>OtvalShop - Главная</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Верх -->
|
||||
<h1>Добро пожаловать в OtvalShop!</h1>
|
||||
<p>OtvalShop - интернет-магазин компьютерной техники, отвальных технически сложных товаров и поврежденных коробок. <br>
|
||||
Мы предлагаем вам так сказать технологические вещи по недоступным ценам.</p>
|
||||
|
||||
<a href="catalog.html" target="_blank">
|
||||
<button class="button">Перейти в каталог</button>
|
||||
</a>
|
||||
|
||||
<a href="contacts.html" target="_blank">
|
||||
<button class="button">Написать нам</button>
|
||||
</a>
|
||||
|
||||
<!-- Популярные товары -->
|
||||
<h2>Популярные товары:</h2>
|
||||
|
||||
<div class="product-card">
|
||||
<ol>
|
||||
<li>
|
||||
<h3>Видеокарта MSI GeForce GTX1050 Ti GAMING 4G.</h3>
|
||||
<img src="resources/GeForce GTX 1050 Ti.png" alt="1050 ти ай" width="300">
|
||||
<p class="price">$149</p>
|
||||
<a href="product2.html" target="_blank">
|
||||
<button class="button">Подробнее</button>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h3>Процессор Intel Pentium Inside G4600</h3>
|
||||
<img src="resources/Hyperpen.jpg" alt="гиперпень" width="180">
|
||||
<p class="price">$300</p>
|
||||
<a href="product1.html" target="_blank">
|
||||
<button class="button">Подробнее</button>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h3>Процессор Intel Core i9 14900KS</h3>
|
||||
<img src="resources/Intel Core i9 14900KS.png" alt="Intel Core i9 14900KS" width="250">
|
||||
<p class="price">$999</p>
|
||||
<a href="product3.html" target="_blank">
|
||||
<button class="button">Подробнее</button>
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<h2>Внимание!</h2>
|
||||
<h3>Мы немедленно приостановили все деловые операции в США. <br>
|
||||
Это следует за нашим предыдущим решением приостановить все поставки клиентам в США и Евросоюзе.</h3>
|
||||
|
||||
<!-- Отзывы -->
|
||||
<h2>Отзывы наших счастливых покупателей:</h2>
|
||||
<h4>Сергей Рунов</h4>
|
||||
<div class="review">
|
||||
<img src="resources/Быть добру!.jpg" alt="скинхед Рунов" width="200">
|
||||
<span>«Купил тут на свой СЛАВЯНСКий ПК камень Intel Core i9 14900KS на микроархитектуре Runov Lake-R. У этого монстра на борту 24 ядра и 32 потока. Разогнал его до 5.9 ГГц и за неимением нормальной системы охлаждения готовлю на нём яичницу. Ни о чём не жалею! Обычная температура работы +120 градусов. Быть добру!»</span>
|
||||
</div>
|
||||
|
||||
<h4>Консультант DNS</h4>
|
||||
<div class="review">
|
||||
<img src="resources/Консультант DNS.png" alt="Консультант DNS" width="200">
|
||||
<span>«Дыааа, пагаварил с консультантом, он посоветовал взять 1050 ти ай как лучший выбор для ярава геймера. Пофтавил и забыыыыыыл. Буду всех нагибать в каэсгоу. Она духоводная. Не греетса и мне её будет хватать»</span>
|
||||
</div>
|
||||
|
||||
<h4>RX4D</h4>
|
||||
<div class="review">
|
||||
<img src="resources/RX4D.jpg" alt="Амудэшник" width="180">
|
||||
<span>«Нету AMD. Конченные интебои. 0 звёзд!»</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
27
product1.html
Normal file
27
product1.html
Normal file
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Процессор Intel Pentium Inside G4600</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Процессор Intel Pentium Inside G4600 (гиперпень)</h1>
|
||||
<img src="resources/Hyperpen.jpg" alt="Процессор с технологией гипертрейдинга" width="300">
|
||||
<p class="price">$300,00</p>
|
||||
<h3>"2 потока хорошо, а 4 вообще здорово."</h3>
|
||||
<h2>Технические характеристики:</h2>
|
||||
<ul>
|
||||
<li>Микроархитектура: Kaby Lake.</li>
|
||||
<li>Частота: 3.6 ГГц</li>
|
||||
<li>Сокет: LGA 1151.</li>
|
||||
<li>Число ядер: 2, потоков 4.</li>
|
||||
<li>Тепловыделение: 51 Вт</li>
|
||||
<li>Техпроцесс: 14 нм</li>
|
||||
</ul>
|
||||
|
||||
<a href="cart.html" target="_blank">
|
||||
<button class="button">Добавить в корзину</button>
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
||||
26
product2.html
Normal file
26
product2.html
Normal file
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Видеокарта GeForce GTX1050 Ti GAMING 4G</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Видеокарта GeForce GTX1050 Ti GAMING 4G</h1>
|
||||
<img src="resources/GeForce GTX 1050 Ti.png" alt="Процессор с технологией гипертрейдинга" width="400">
|
||||
<p class="price">$149,00</p>
|
||||
<h3>"Мощная игровая видеокарта для игр в Full HD в BattleField, GTA, Red Dead Redemption 2, Cyberpunk и чтоб нагибать всех в CS2"</h3>
|
||||
<h2>Технические характеристики:</h2>
|
||||
<ul>
|
||||
<li>Видеочипсет: NVIDIA GeForce GTX 1050TI, 1341 МГц (1455 МГц, в режиме Boost); 14 нм
|
||||
<li>Память: 4 ГБ GDDR5, 7008 МГц; 128 bit</li>
|
||||
<li>Интерфейс: PCI-E 3.0</li>
|
||||
<li>Разъемы: Display Port х 1, HDMI х 1, DVI х 1</li>
|
||||
<li>Питание: без дополнительного питания, рекомендовано 300 Вт</li>
|
||||
<li>Охлаждение: активное; с радиатором</li>
|
||||
</ul>
|
||||
<a href="cart.html" target="_blank">
|
||||
<button class="button">Добавить в корзину</button>
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
||||
31
product3.html
Normal file
31
product3.html
Normal file
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Процессор Intel Core i9 14900KS</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Процессор Intel Core i9 14900KS</h1>
|
||||
<img src="resources/Intel Core i9 14900KS.png" alt="Процессор intel core i9-14900KS" width="300">
|
||||
<p class="price">$999,00</p>
|
||||
<h3>Intel начала продажи Core i9-14900KS в марте 2024 по рекомендованной цене $689. Это десктопный процессор на архитектуре Raptor Lake-R, в первую очередь рассчитанный на домашние системы. Он имеет 24 ядра и 32 потока и изготовлен по Intel 7 техпроцессу, максимальная частота составляет 5900 МГц</h3>
|
||||
<h2>Технические характеристики:</h2>
|
||||
<ul>
|
||||
<li>Socket: LGA 1700</li>
|
||||
<li>Ядро: Raptor Cove / Gracemont</li>
|
||||
<li>Количество ядер: 24 (16 высокопроизводительных ядер с технологией гипертрейдинга (P-ядра) и 8 энергоэффективных ядер (E-ядра))</li>
|
||||
<li>Количество потоков: 32</li>
|
||||
<li>Тактовая частота: 3200 МГц</li>
|
||||
<li>Частота процессора в режиме Turbo: 6200 МГц</li>
|
||||
<li>Объём кэша L2: 32 Мб</li>
|
||||
<li>Объём кэша L3: 36 Мб</li>
|
||||
<li>Видеопроцессор: Intel UHD Graphics 770</li>
|
||||
<li>Технологический процесс: 10 нм</li>
|
||||
<li>Типичное тепловыделение: 150 Вт</li>
|
||||
</ul>
|
||||
<a href="cart.html" target="_blank">
|
||||
<button class="button">Добавить в корзину</button>
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
||||
28
product4.html
Normal file
28
product4.html
Normal file
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Ноутбук TECNO MEGABOOK T1 CORE ULTRA Series Pro 228 MAX Super Ti</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Ноутбук TECNO MEGABOOK T1 CORE ULTRA Series Pro 228 MAX Super Ti</h1>
|
||||
<img src="resources/TECNO-MEGABOOK-T1.png" alt="TECNO MEGABOOK T1" width="400">
|
||||
<p class="price">$519,00</p>
|
||||
<h3>Ноутбук Tecno Megabook T1 выполнен в алюминиевом корпусе толщиной 14.8 мм и весом 1.48 кг (посхалко). Портативный компьютер предлагает высокую производительность для удобства решения таких задач как просмотр информации в Интернете, запуск мультимедийного контента в 144p и редактирование текстовых документов</h3>
|
||||
<h2>Технические характеристики:</h2>
|
||||
<ul>
|
||||
<li>Тип: Ноутбук</li>
|
||||
<li> Экран: 15.6 "; 1920х1080; IPS.</li>
|
||||
<li>Процессор: Intel Core i5 1035G1 1 ГГц (3.6 ГГц, в режиме Turbo)</li>
|
||||
<li>Графический процессор: Intel UHD Graphics.</li>
|
||||
<li>Оперативная память: 16 ГБ, LPDDR4, 3733 МГц</li>
|
||||
<li>Диск: SSD 512 ГБ</li>
|
||||
<li>Операционная система: Linux Ubuntu.</li>
|
||||
<li>Клавиатура: 我們會給你一場哈斯威爾的百老匯演出，讓我們用火燒掉一切</li>
|
||||
</ul>
|
||||
<a href="cart.html" target="_blank">
|
||||
<button class="button">Добавить в корзину</button>
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
||||
38
product5.html
Normal file
38
product5.html
Normal file
@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Видеокарта The NVIDIA® GeForce RTX™ 5090</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Видеокарта The NVIDIA® GeForce RTX™ 5090</h1>
|
||||
<img src="resources/RTX 5090.png" alt="Процессор с технологией гипертрейдинга" width="600">
|
||||
<p class="price">$1999,00</p>
|
||||
<h3>"NVIDIA® GeForce RTX™ 5090 — самый мощный графический процессор GeForce из когда-либо созданных, предоставляющий геймерам и создателям революционные возможности. Решайте самые передовые модели и самые сложные творческие задачи с помощью беспрецедентной мощности искусственного интеллекта. Игра с полной трассировкой лучей и минимальной задержкой. GeForce RTX 5090 построен на архитектуре NVIDIA Blackwell и оснащен 32 ГБ сверхбыстрой памяти GDDR7, поэтому вы можете делать все это."</h3>
|
||||
<h2>Технические характеристики:</h2>
|
||||
<ul>
|
||||
<li>Количество потоковых процессоров (CUDA ядра): 21760</li>
|
||||
<li>Частота ядра: 2017 МГц</li>
|
||||
<li>Частота в режиме Boost: 2407 МГц</li>
|
||||
<li>Количество транзисторов: 92,200 млн</li>
|
||||
<li>Технологический процесс: 5 нм</li>
|
||||
<li>Энергопотребление (TDP): 575 Вт</li>
|
||||
<li>Ray Tracing Cores: 170</li>
|
||||
<li>Интерфейс: PCIe 5.0 x16</li>
|
||||
<li>Длина: 304 мм</li>
|
||||
<li>Толщина: 2 слота</li>
|
||||
<li>Дополнительные разъемы питания: 1x 16-pin</li>
|
||||
<li>Тип памяти: GDDR7</li>
|
||||
<li>Максимальный объём памяти: 32 Гб</li>
|
||||
<li>Ширина шины памяти" 512 бит</li>
|
||||
<li>Частота памяти" 1750 МГц</li>
|
||||
<li>Пропускная способность памяти: 1.79 Тб/s</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<a href="cart.html" target="_blank">
|
||||
<button class="button">Добавить в корзину</button>
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
||||
BIN
resources/GeForce GTX 1050 Ti.png
Normal file
BIN
resources/GeForce GTX 1050 Ti.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 614 KiB |
BIN
resources/Hyperpen.jpg
Normal file
BIN
resources/Hyperpen.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
resources/Intel Core i9 14900KS.png
Normal file
BIN
resources/Intel Core i9 14900KS.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
BIN
resources/RTX 5090.png
Normal file
BIN
resources/RTX 5090.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 527 KiB |
BIN
resources/RX4D.jpg
Normal file
BIN
resources/RX4D.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
resources/TECNO-MEGABOOK-T1.png
Normal file
BIN
resources/TECNO-MEGABOOK-T1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 321 KiB |
BIN
resources/Быть добру!.jpg
Normal file
BIN
resources/Быть добру!.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
BIN
resources/До связи.jpg
Normal file
BIN
resources/До связи.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
resources/Консультант DNS.png
Normal file
BIN
resources/Консультант DNS.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1004 KiB |
71
style.css
Normal file
71
style.css
Normal file
@ -0,0 +1,71 @@
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
line-height: 1.6;
|
||||
margin: 20px;
|
||||
background-color: #f4f4f4;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
color: #2E86C1;
|
||||
}
|
||||
|
||||
ol, li {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.product-card {
|
||||
background: white;
|
||||
padding: 15px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.products {
|
||||
background: rgb(234, 234, 234);
|
||||
padding: 5px 0px 10px 50px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.review {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.review img {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.review span {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #00ff00;
|
||||
font-weight: bold;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: #2E86C1;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #21618C;
|
||||
}
|
||||
|
||||
.contact-form input,
|
||||
.contact-form textarea {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
margin: 5px 0 15px 0;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
BIN
Отчет по 1 лабе ИП.docx
Normal file
BIN
Отчет по 1 лабе ИП.docx
Normal file
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user