Samecoins/PIbd-22_Ashahanov_A.I._InternetProgramming
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

2

Browse Source
This commit is contained in:
Samecoins
2025-05-24 00:09:55 +04:00
parent 2b7553fd51
commit 14f97486b2
10 changed files with 194 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
LabWork01/catalog.html
View File

@@ -2,12 +2,14 @@
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Каталог — Арсенал Времени</title> <title>Каталог — Арсенал Времени</title>
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style.css" />
</head> </head>
<body> <body>
<header> <header>
<h1>Арсенал Времени</h1> <div class="logo">Арсенал Времени</div>
<button class="menu-toggle">&#9776;</button>
<nav class="navbar"> <nav class="navbar">
<a href="index.html">Главная</a> <a href="index.html">Главная</a>
<a href="catalog.html">Каталог</a> <a href="catalog.html">Каталог</a>
@@ -17,18 +19,35 @@
</nav> </nav>
</header> </header>
<div class="content"> <main class="content">
<h2>Каталог оружия</h2> <h2>Каталог оружия</h2>
<ul> <ul>
<li>ТТ-33 — 35 000 ₽</li> <li>ТТ-33 — 35 000 ₽</li>
<li>Lee-Enfield — 55 000 ₽</li> <li>Lee-Enfield — 55 000 ₽</li>
<li>Mauser C96 — 70 000 ₽</li> <li>Mauser C96 — 70 000 ₽</li>
</ul> </ul>
</div> </main>
<footer> <footer>
<p>г. Москва, ул. Ретрооружейная, д. 7</p> <div class="footer-section">
<p>+7 (495) 123-45-67</p> <h3>Контакты</h3>
<p>г. Москва, ул. Ретрооружейная, д. 7</p>
<p>+7 (495) 123-45-67</p>
</div>
<div class="footer-section">
<h3>Мы в соцсетях</h3>
<div class="social-icons">
<img src="img/vk.png" alt="VK" />
<img src="img/youtube.png" alt="YouTube" />
<img src="img/telegram.png" alt="Telegram" />
</div>
</div>
</footer> </footer>
<script>
document.querySelector('.menu-toggle').addEventListener('click', function () {
document.querySelector('.navbar').classList.toggle('active');
});
</script>
</body> </body>
</html> </html>

29
LabWork01/contacts.html
View File

@@ -2,12 +2,14 @@
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Контакты — Арсенал Времени</title> <title>Контакты — Арсенал Времени</title>
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style.css" />
</head> </head>
<body> <body>
<header> <header>
<h1>Арсенал Времени</h1> <div class="logo">Арсенал Времени</div>
<button class="menu-toggle">&#9776;</button>
<nav class="navbar"> <nav class="navbar">
<a href="index.html">Главная</a> <a href="index.html">Главная</a>
<a href="catalog.html">Каталог</a> <a href="catalog.html">Каталог</a>
@@ -17,16 +19,33 @@
</nav> </nav>
</header> </header>
<div class="content"> <main class="content">
<h2>Контактная информация</h2> <h2>Контактная информация</h2>
<p><strong>Адрес:</strong> г. Москва, ул. Ретрооружейная, д. 7</p> <p><strong>Адрес:</strong> г. Москва, ул. Ретрооружейная, д. 7</p>
<p><strong>Телефон:</strong> +7 (495) 123-45-67</p> <p><strong>Телефон:</strong> +7 (495) 123-45-67</p>
<p><strong>Email:</strong> info@arsenal-time.ru</p> <p><strong>Email:</strong> info@arsenal-time.ru</p>
</div> </main>
<footer> <footer>
<p>г. Москва, ул. Ретрооружейная, д. 7</p> <div class="footer-section">
<p>+7 (495) 123-45-67</p> <h3>Контакты</h3>
<p>г. Москва, ул. Ретрооружейная, д. 7</p>
<p>+7 (495) 123-45-67</p>
</div>
<div class="footer-section">
<h3>Мы в соцсетях</h3>
<div class="social-icons">
<img src="img/vk.png" alt="VK" />
<img src="img/youtube.png" alt="YouTube" />
<img src="img/telegram.png" alt="Telegram" />
</div>
</div>
</footer> </footer>
<script>
document.querySelector('.menu-toggle').addEventListener('click', function () {
document.querySelector('.navbar').classList.toggle('active');
});
</script>
</body> </body>
</html> </html>

73
LabWork01/css/style.css
View File

@@ -1,19 +1,49 @@
body { * {
background-color: #f5f5dc; box-sizing: border-box;
font-family: Georgia, serif;
color: #2e2e2e;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
body {
font-family: Georgia, serif;
background-color: #edf7f6;
color: #2e2e2e;
line-height: 1.6;
}
header { header {
background-color: #3b5323; background-color: #3b5323;
color: white; color: white;
padding: 20px; padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.logo {
font-size: 1.8em;
font-weight: bold;
}
.navbar {
display: flex;
gap: 15px;
flex-wrap: wrap;
} }
.navbar a { .navbar a {
margin-right: 10px;
color: white; color: white;
text-decoration: none; text-decoration: none;
padding: 8px 12px;
background-color: #4e6e3c;
border-radius: 4px;
}
.navbar a:hover {
background-color: #6c8f55;
}
.menu-toggle {
display: none;
background: none;
font-size: 30px;
border: none;
color: white;
cursor: pointer;
} }
.content { .content {
padding: 20px; padding: 20px;
@@ -22,4 +52,37 @@ footer {
background-color: #3b5323; background-color: #3b5323;
color: white; color: white;
padding: 20px; padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
}
.footer-section {
max-width: 300px;
}
.social-icons img {
width: 24px;
height: 24px;
margin-right: 8px;
}
/* Адаптивная часть */
@media (max-width: 768px) {
.navbar {
display: none;
flex-direction: column;
gap: 10px;
width: 100%;
margin-top: 10px;
}
.navbar.active {
display: flex;
}
.menu-toggle {
display: block;
}
footer {
flex-direction: column;
align-items: flex-start;
}
} }

BIN
LabWork01/img/telegram.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
LabWork01/img/vk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
LabWork01/img/youtube.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

29
LabWork01/index.html
View File

@@ -2,12 +2,14 @@
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Арсенал Времени</title> <title>Арсенал Времени</title>
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style.css" />
</head> </head>
<body> <body>
<header> <header>
<h1>Арсенал Времени</h1> <div class="logo">Арсенал Времени</div>
<button class="menu-toggle" aria-label="Открыть меню">&#9776;</button>
<nav class="navbar"> <nav class="navbar">
<a href="index.html">Главная</a> <a href="index.html">Главная</a>
<a href="catalog.html">Каталог</a> <a href="catalog.html">Каталог</a>
@@ -17,18 +19,35 @@
</nav> </nav>
</header> </header>
<div class="content"> <main class="content">
<h2>Популярные предложения</h2> <h2>Популярные предложения</h2>
<ul> <ul>
<li>Mauser K98</li> <li>Mauser K98</li>
<li>Nagant M1895</li> <li>Nagant M1895</li>
<li>Катана периода Эдо</li> <li>Катана периода Эдо</li>
</ul> </ul>
</div> </main>
<footer> <footer>
<p>г. Москва, ул. Ретрооружейная, д. 7</p> <div class="footer-section">
<p>+7 (495) 123-45-67</p> <h3>Контакты</h3>
<p>г. Москва, ул. Ретрооружейная, д. 7</p>
<p>+7 (495) 123-45-67</p>
</div>
<div class="footer-section">
<h3>Мы в соцсетях</h3>
<div class="social-icons">
<img src="img/vk.png" alt="VK" />
<img src="img/youtube.png" alt="YouTube" />
<img src="img/telegram.png" alt="Telegram" />
</div>
</div>
</footer> </footer>
<script>
document.querySelector('.menu-toggle').addEventListener('click', function () {
document.querySelector('.navbar').classList.toggle('active');
});
</script>
</body> </body>
</html> </html>

39
LabWork01/services.html
View File

@@ -2,12 +2,14 @@
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Услуги — Арсенал Времени</title> <title>Услуги — Арсенал Времени</title>
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style.css" />
</head> </head>
<body> <body>
<header> <header>
<h1>Арсенал Времени</h1> <div class="logo">Арсенал Времени</div>
<button class="menu-toggle">&#9776;</button>
<nav class="navbar"> <nav class="navbar">
<a href="index.html">Главная</a> <a href="index.html">Главная</a>
<a href="catalog.html">Каталог</a> <a href="catalog.html">Каталог</a>
@@ -17,19 +19,36 @@
</nav> </nav>
</header> </header>
<div class="content"> <main class="content">
<h2>Услуги</h2> <h2>Наши услуги</h2>
<ul> <ul>
<li>Реставрация старинного оружия</li> <li>Оценка подержанного оружия</li>
<li>Консервация и хранение</li> <li>Скупка редких образцов</li>
<li>Сертификация</li> <li>Реставрация и консервация</li>
<li>Покупка/продажа подержанного оружия</li> <li>Сертификация и оформление документов</li>
</ul> </ul>
</div> </main>
<footer> <footer>
<p>г. Москва, ул. Ретрооружейная, д. 7</p> <div class="footer-section">
<p>+7 (495) 123-45-67</p> <h3>Контакты</h3>
<p>г. Москва, ул. Ретрооружейная, д. 7</p>
<p>+7 (495) 123-45-67</p>
</div>
<div class="footer-section">
<h3>Мы в соцсетях</h3>
<div class="social-icons">
<img src="img/vk.png" alt="VK" />
<img src="img/youtube.png" alt="YouTube" />
<img src="img/telegram.png" alt="Telegram" />
</div>
</div>
</footer> </footer>
<script>
document.querySelector('.menu-toggle').addEventListener('click', function () {
document.querySelector('.navbar').classList.toggle('active');
});
</script>
</body> </body>
</html> </html>

29
LabWork01/stories.html
View File

@@ -2,12 +2,14 @@
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Истории — Арсенал Времени</title> <title>Истории — Арсенал Времени</title>
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style.css" />
</head> </head>
<body> <body>
<header> <header>
<h1>Арсенал Времени</h1> <div class="logo">Арсенал Времени</div>
<button class="menu-toggle">&#9776;</button>
<nav class="navbar"> <nav class="navbar">
<a href="index.html">Главная</a> <a href="index.html">Главная</a>
<a href="catalog.html">Каталог</a> <a href="catalog.html">Каталог</a>
@@ -17,15 +19,32 @@
</nav> </nav>
</header> </header>
<div class="content"> <main class="content">
<h2>Истории оружия</h2> <h2>Истории оружия</h2>
<p><strong>Маузер K98</strong> — винтовка Второй мировой войны, активно использовалась Вермахтом.</p> <p><strong>Маузер K98</strong> — винтовка Второй мировой войны, активно использовалась Вермахтом.</p>
<p><strong>Наган М1895</strong> — легендарный револьвер Российской империи и СССР.</p> <p><strong>Наган М1895</strong> — легендарный револьвер Российской империи и СССР.</p>
</div> </main>
<footer> <footer>
<p>г. Москва, ул. Ретрооружейная, д. 7</p> <div class="footer-section">
<p>+7 (495) 123-45-67</p> <h3>Контакты</h3>
<p>г. Москва, ул. Ретрооружейная, д. 7</p>
<p>+7 (495) 123-45-67</p>
</div>
<div class="footer-section">
<h3>Мы в соцсетях</h3>
<div class="social-icons">
<img src="img/vk.png" alt="VK" />
<img src="img/youtube.png" alt="YouTube" />
<img src="img/telegram.png" alt="Telegram" />
</div>
</div>
</footer> </footer>
<script>
document.querySelector('.menu-toggle').addEventListener('click', function () {
document.querySelector('.navbar').classList.toggle('active');
});
</script>
</body> </body>
</html> </html>

BIN
Отчет2.docx Normal file
View File

Binary file not shown.