From 07ecd21bafa0bf7ef17ee20aadb15a75f82905d6 Mon Sep 17 00:00:00 2001
From: dushen-marker <dushen.vlad@gmail.com>
Date: Sun, 23 Nov 2025 22:54:37 +0400
Subject: [PATCH 1/2] Add files via upload

---
 ...\320\220 \320\233\320\260\320\261. 1.html" | 96 +++++++++++++++++++
 ...\320\220 \320\233\320\260\320\261. 2.html" | 95 ++++++++++++++++++
 2 files changed, 191 insertions(+)
 create mode 100644 "6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 1.html"
 create mode 100644 "6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 2.html"
diff --git "a/6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 1.html" "b/6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 1.html"
new file mode 100644
index 00000000..58500b0c
--- /dev/null
+++ "b/6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 1.html"	
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <title>Лабораторная работа 1</title>
+  <style>
+    .text-block {
+      width: 600px;
+      margin: 20px auto;
+      background-color: #1962B3;
+      color: #7DCC94;
+      text-align: justify;
+      padding: 20px;
+    }
+
+    .images-wrapper {
+      position: relative;
+      width: 400px;
+      height: 250px;
+      margin: 20px auto;
+    }
+
+    .images-wrapper img {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .traffic-light {
+      width: 100px;
+      margin: 20px auto;
+      padding: 10px;
+      background-color: #333;
+    }
+
+    .light {
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      margin: 10px auto;
+    }
+
+    .red    { background-color: red; }
+    .yellow { background-color: yellow; }
+    .green  { background-color: green; }
+
+    .maze {
+      width: 300px;
+      height: 300px;
+      margin: 20px auto;
+      display: flex;
+      flex-wrap: wrap;
+    }
+
+    .maze-cell {
+      width: 100px;
+      height: 100px;
+      box-sizing: border-box;
+      border: 2px solid black;
+    }
+  </style>
+</head>
+<body>
+
+<div class="text-block">
+  JavaScript (аббр. JS) — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией спецификации ECMAScript (стандарт ECMA-262). JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
+</div>
+
+<div class="images-wrapper">
+  <img src="https://img2.akspic.ru/crops/8/4/6/4/6/164648/164648-kot-kotenok-privlekatelnost-golova-glaz-3840x2160.jpg" alt="Первая картинка с котенком ">
+  <img src="https://i.pinimg.com/236x/cd/16/12/cd16121609a79d95dffbfa28a326331e.jpg" alt="Вторая картинка с котенком">
+</div>
+
+<div class="traffic-light">
+  <div class="light red"></div>
+  <div class="light yellow"></div>
+  <div class="light green"></div>
+</div>
+
+<div class="maze">
+  <div class="maze-cell"></div>
+  <div class="maze-cell"></div>
+  <div class="maze-cell"></div>
+  <div class="maze-cell"></div>
+  <div class="maze-cell"></div>
+  <div class="maze-cell"></div>
+  <div class="maze-cell"></div>
+  <div class="maze-cell"></div>
+  <div class="maze-cell"></div>
+</div>
+
+</body>
+</html>
diff --git "a/6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 2.html" "b/6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 2.html"
new file mode 100644
index 00000000..f530b6cb
--- /dev/null
+++ "b/6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 2.html"	
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="UTF-8" />
+<title>lab 2</title>
+<style>
+  body {
+    font-family: Arial, sans-serif;
+    max-width: 700px;
+    margin: 30px auto;
+    padding: 0 20px;
+  }
+
+  ul.games {
+    list-style: disc inside;
+    max-width: 400px;
+    margin: 30px auto 40px;
+    padding-left: 0;
+    font-family: Arial, sans-serif;
+  }
+
+  ul.games li {
+    color: black;
+    transition: color 0.4s ease;
+    cursor: pointer;
+    padding: 5px 0;
+  }
+
+  ul.games li:hover {
+    color: #1962b3;
+  }
+
+  ul.languages {
+    list-style: none;
+    padding-left: 0;
+  }
+
+  ul.languages li a {
+    font-weight: bold;
+    text-decoration: none;
+    color: black;
+    position: relative;
+    transition: color 0.3s ease;
+  }
+
+  ul.languages li a::after {
+    content: " 🌐";
+    font-size: 0.9em;
+  }
+
+  ul.languages li a:hover {
+    color: #1962b3;
+  }
+
+  ul.languages::after {
+    content: "";
+    display: block;
+    width: 150px;
+    height: 50px;
+    margin-top: 20px;
+    background-image: url('https://ssau.ru/i/logo/logo-white-ru.svg');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    filter: invert(1);
+  }
+</style>
+</head>
+<body>
+
+<ul class="games">
+  <li>Minecraft</li>
+  <li>Fortnite</li>
+  <li>GTA V</li>
+  <li>Call of Duty</li>
+  <li>Among Us</li>
+</ul>
+
+<p>Языки программирования — это инструменты, с помощью которых разработчики создают программное обеспечение, веб-приложения, игры, алгоритмы и многое другое. Каждый язык имеет свои особенности, синтаксис и сферу применения.</p>
+
+<ul class="languages">
+  <li><a href="#">Python</a> – высокоуровневый язык с простым синтаксисом, популярный в Data Science, веб-разработке и автоматизации.</li>
+  <li><a href="#">JavaScript</a> – основной язык для фронтенд-разработки, работает в браузерах и на сервере (Node.js).</li>
+  <li><a href="#">Java</a> – объектно-ориентированный язык, широко используется в корпоративных приложениях и Android-разработке.</li>
+  <li><a href="#">C++</a> – мощный язык для системного программирования, игр и высокопроизводительных приложений.</li>
+  <li><a href="#">C#</a> – язык от Microsoft, применяется в разработке под Windows, играх (Unity) и веб-приложениях.</li>
+  <li><a href="#">Go (Golang)</a> – созданный Google, язык для высоконагруженных сетевых сервисов и облачных технологий.</li>
+  <li><a href="#">Ruby</a> – известен благодаря фреймворку Ruby on Rails для веб-разработки.</li>
+  <li><a href="#">Swift</a> – язык Apple для разработки под iOS и macOS.</li>
+  <li><a href="#">Kotlin</a> – современный язык, официально поддерживаемый для Android-разработки.</li>
+  <li><a href="#">Rust</a> – язык системного программирования с акцентом на безопасность и производительность.</li>
+</ul>
+
+</body>
+</html>

From e059d42bc78550eb2e0c93a4b440e1a4112d7ef1 Mon Sep 17 00:00:00 2001
From: dushen-marker <dushen.vlad@gmail.com>
Date: Sun, 23 Nov 2025 22:55:52 +0400
Subject: [PATCH 2/2] Add files via upload

---
 ...\320\220 \320\233\320\260\320\261. 3.html" | 59 +++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 "6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 3.html"

diff --git "a/6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 3.html" "b/6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 3.html"
new file mode 100644
index 00000000..54de7ab2
--- /dev/null
+++ "b/6211 \320\224\321\203\321\210\320\265\321\207\320\272\320\270\320\275\320\222\320\220 \320\233\320\260\320\261. 3.html"	
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <title>Резюме</title>
+  <style>
+    body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; }
+    header { display: flex; align-items: center; margin-top: 20px; }
+    header img { width: 150px; height: 150px; border-radius: 50%; margin-right: 20px; object-fit: cover; }
+    h1 { margin-bottom: 5px; }
+    section { margin-top: 20px; }
+    ul { margin: 5px 0 0 20px; }
+  </style>
+</head>
+<body>
+
+<header>
+  <img src="https://i.pinimg.com/736x/7c/9f/dc/7c9fdcdce66e4f702d8db5a83910fe17.jpg" alt="">
+  <div>
+    <h1>Душечкин Владислав Александрович</h1>
+    <p>Дата рождения: 27.07.2004</p>
+    <p>GitHub: <a href="https://github.com/dushen-marker" target="_blank">dushen-marker</a></p>
+  </div>
+</header>
+
+<section>
+  <h2>О себе</h2>
+  <p>Обучаюсь на 2 курсе Информационной безопасности автоматизированных систем, желаю стать спецом в области кибербезопасности.</p>
+</section>
+
+<section>
+  <h2>Любимые увлечения</h2>
+  <ul>
+      <li>Программирование</li>
+      <li>Чтение технической литературы</li>
+      <li>Просмотр познавательных видео</li>
+      <li>Игры</li>
+  </ul>
+</section>
+
+<section>
+  <h2>Hard skills</h2>
+  <ul>
+    <li>HTML,Linux, чут чут JavaScript</li>
+    <li>Git, GitHub</li>
+    <li>C++, Python</li>
+  </ul>
+</section>
+
+<section>
+  <h2>Soft skills</h2>
+  <ul>
+    <li>Умение работать в команде</li>
+    <li>Ответственность, обучаемость, коммуникабельность</li>
+  </ul>
+</section>
+
+</body>
+</html>
