diff --git a/LabWork01/catalog.html b/LabWork01/catalog.html
index 54a4bf4..a752833 100644
--- a/LabWork01/catalog.html
+++ b/LabWork01/catalog.html
@@ -2,12 +2,14 @@
 <html lang="ru">
 <head>
   <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Каталог — Арсенал Времени</title>
   <link rel="stylesheet" href="css/style.css" />
 </head>
 <body>
   <header>
-    <h1>Арсенал Времени</h1>
+    <div class="logo">Арсенал Времени</div>
+    <button class="menu-toggle">&#9776;</button>
     <nav class="navbar">
       <a href="index.html">Главная</a>
       <a href="catalog.html">Каталог</a>
@@ -17,18 +19,35 @@
     </nav>
   </header>
 
-  <div class="content">
+  <main class="content">
     <h2>Каталог оружия</h2>
     <ul>
       <li>ТТ-33 — 35 000 ₽</li>
       <li>Lee-Enfield — 55 000 ₽</li>
       <li>Mauser C96 — 70 000 ₽</li>
     </ul>
-  </div>
+  </main>
 
   <footer>
-    <p>г. Москва, ул. Ретрооружейная, д. 7</p>
-    <p>+7 (495) 123-45-67</p>
+    <div class="footer-section">
+      <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>
+
+  <script>
+    document.querySelector('.menu-toggle').addEventListener('click', function () {
+      document.querySelector('.navbar').classList.toggle('active');
+    });
+  </script>
 </body>
 </html>
diff --git a/LabWork01/contacts.html b/LabWork01/contacts.html
index 735c91c..2016ab0 100644
--- a/LabWork01/contacts.html
+++ b/LabWork01/contacts.html
@@ -2,12 +2,14 @@
 <html lang="ru">
 <head>
   <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Контакты — Арсенал Времени</title>
   <link rel="stylesheet" href="css/style.css" />
 </head>
 <body>
   <header>
-    <h1>Арсенал Времени</h1>
+    <div class="logo">Арсенал Времени</div>
+    <button class="menu-toggle">&#9776;</button>
     <nav class="navbar">
       <a href="index.html">Главная</a>
       <a href="catalog.html">Каталог</a>
@@ -17,16 +19,33 @@
     </nav>
   </header>
 
-  <div class="content">
+  <main class="content">
     <h2>Контактная информация</h2>
     <p><strong>Адрес:</strong> г. Москва, ул. Ретрооружейная, д. 7</p>
     <p><strong>Телефон:</strong> +7 (495) 123-45-67</p>
     <p><strong>Email:</strong> info@arsenal-time.ru</p>
-  </div>
+  </main>
 
   <footer>
-    <p>г. Москва, ул. Ретрооружейная, д. 7</p>
-    <p>+7 (495) 123-45-67</p>
+    <div class="footer-section">
+      <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>
+
+  <script>
+    document.querySelector('.menu-toggle').addEventListener('click', function () {
+      document.querySelector('.navbar').classList.toggle('active');
+    });
+  </script>
 </body>
 </html>
diff --git a/LabWork01/css/style.css b/LabWork01/css/style.css
index 68db804..bff82ea 100644
--- a/LabWork01/css/style.css
+++ b/LabWork01/css/style.css
@@ -1,19 +1,49 @@
-body {
-  background-color: #f5f5dc;
-  font-family: Georgia, serif;
-  color: #2e2e2e;
+* {
+  box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
+body {
+  font-family: Georgia, serif;
+  background-color: #edf7f6;
+  color: #2e2e2e;
+  line-height: 1.6;
+}
 header {
   background-color: #3b5323;
   color: white;
   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 {
-  margin-right: 10px;
   color: white;
   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 {
   padding: 20px;
@@ -22,4 +52,37 @@ footer {
   background-color: #3b5323;
   color: white;
   padding: 20px;
-}
\ No newline at end of file
+  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;
+  }
+}
diff --git a/LabWork01/img/telegram.png b/LabWork01/img/telegram.png
new file mode 100644
index 0000000..364f0c6
Binary files /dev/null and b/LabWork01/img/telegram.png differ
diff --git a/LabWork01/img/vk.png b/LabWork01/img/vk.png
new file mode 100644
index 0000000..468259c
Binary files /dev/null and b/LabWork01/img/vk.png differ
diff --git a/LabWork01/img/youtube.png b/LabWork01/img/youtube.png
new file mode 100644
index 0000000..6c0a640
Binary files /dev/null and b/LabWork01/img/youtube.png differ
diff --git a/LabWork01/index.html b/LabWork01/index.html
index 938ccb0..463b4e9 100644
--- a/LabWork01/index.html
+++ b/LabWork01/index.html
@@ -2,12 +2,14 @@
 <html lang="ru">
 <head>
   <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Арсенал Времени</title>
   <link rel="stylesheet" href="css/style.css" />
 </head>
 <body>
   <header>
-    <h1>Арсенал Времени</h1>
+    <div class="logo">Арсенал Времени</div>
+    <button class="menu-toggle" aria-label="Открыть меню">&#9776;</button>
     <nav class="navbar">
       <a href="index.html">Главная</a>
       <a href="catalog.html">Каталог</a>
@@ -17,18 +19,35 @@
     </nav>
   </header>
 
-  <div class="content">
+  <main class="content">
     <h2>Популярные предложения</h2>
     <ul>
       <li>Mauser K98</li>
       <li>Nagant M1895</li>
       <li>Катана периода Эдо</li>
     </ul>
-  </div>
+  </main>
 
   <footer>
-    <p>г. Москва, ул. Ретрооружейная, д. 7</p>
-    <p>+7 (495) 123-45-67</p>
+    <div class="footer-section">
+      <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>
+
+  <script>
+    document.querySelector('.menu-toggle').addEventListener('click', function () {
+      document.querySelector('.navbar').classList.toggle('active');
+    });
+  </script>
 </body>
 </html>
diff --git a/LabWork01/services.html b/LabWork01/services.html
index 3f3cb91..a3cb3e3 100644
--- a/LabWork01/services.html
+++ b/LabWork01/services.html
@@ -2,12 +2,14 @@
 <html lang="ru">
 <head>
   <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Услуги — Арсенал Времени</title>
   <link rel="stylesheet" href="css/style.css" />
 </head>
 <body>
   <header>
-    <h1>Арсенал Времени</h1>
+    <div class="logo">Арсенал Времени</div>
+    <button class="menu-toggle">&#9776;</button>
     <nav class="navbar">
       <a href="index.html">Главная</a>
       <a href="catalog.html">Каталог</a>
@@ -17,19 +19,36 @@
     </nav>
   </header>
 
-  <div class="content">
-    <h2>Услуги</h2>
+  <main class="content">
+    <h2>Наши услуги</h2>
     <ul>
-      <li>Реставрация старинного оружия</li>
-      <li>Консервация и хранение</li>
-      <li>Сертификация</li>
-      <li>Покупка/продажа подержанного оружия</li>
+      <li>Оценка подержанного оружия</li>
+      <li>Скупка редких образцов</li>
+      <li>Реставрация и консервация</li>
+      <li>Сертификация и оформление документов</li>
     </ul>
-  </div>
+  </main>
 
   <footer>
-    <p>г. Москва, ул. Ретрооружейная, д. 7</p>
-    <p>+7 (495) 123-45-67</p>
+    <div class="footer-section">
+      <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>
+
+  <script>
+    document.querySelector('.menu-toggle').addEventListener('click', function () {
+      document.querySelector('.navbar').classList.toggle('active');
+    });
+  </script>
 </body>
 </html>
diff --git a/LabWork01/stories.html b/LabWork01/stories.html
index b81d5d7..8600c70 100644
--- a/LabWork01/stories.html
+++ b/LabWork01/stories.html
@@ -2,12 +2,14 @@
 <html lang="ru">
 <head>
   <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Истории — Арсенал Времени</title>
   <link rel="stylesheet" href="css/style.css" />
 </head>
 <body>
   <header>
-    <h1>Арсенал Времени</h1>
+    <div class="logo">Арсенал Времени</div>
+    <button class="menu-toggle">&#9776;</button>
     <nav class="navbar">
       <a href="index.html">Главная</a>
       <a href="catalog.html">Каталог</a>
@@ -17,15 +19,32 @@
     </nav>
   </header>
 
-  <div class="content">
+  <main class="content">
     <h2>Истории оружия</h2>
     <p><strong>Маузер K98</strong> — винтовка Второй мировой войны, активно использовалась Вермахтом.</p>
     <p><strong>Наган М1895</strong> — легендарный револьвер Российской империи и СССР.</p>
-  </div>
+  </main>
 
   <footer>
-    <p>г. Москва, ул. Ретрооружейная, д. 7</p>
-    <p>+7 (495) 123-45-67</p>
+    <div class="footer-section">
+      <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>
+
+  <script>
+    document.querySelector('.menu-toggle').addEventListener('click', function () {
+      document.querySelector('.navbar').classList.toggle('active');
+    });
+  </script>
 </body>
 </html>
diff --git a/Отчет2.docx b/Отчет2.docx
new file mode 100644
index 0000000..324b3c7
Binary files /dev/null and b/Отчет2.docx differ
