itsecd · GlintuhovYD · Dec 18, 2025 · Dec 18, 2025 · Dec 19, 2025 · Dec 19, 2025
diff --git a/README.md b/README.md
diff --git a/lab1/1lab.html b/lab1/1lab.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <title>Лабораторная работа 1</title>
+    <link rel="stylesheet" href="sitestyle.css">
+</head>
+<body>
+    <div class="task1">
+        <p>JavaScript (аббр. JS) — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией спецификации ECMAScript (стандарт ECMA-262).
+            JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.</p>
+    </div>
+
+    <div class="task2">
+        <div class="task2__image-wrapper">
+            <img src="file1.jpg" alt="изображение 1" class="task2__image1">
+            <img src="file2.jpg" alt="Изображение 2" class="task2__image2">
+        </div>
+    </div>
+
+	<div class="task3">
+		<div class="task3__red"></div>
+		<div class="task3__yellow"></div>
+		<div class="task3__green"></div>
+	</div>
+
+    <div class="maze">
+        <div class="maze__cell maze__cell_border-top"></div>
+        <div class="maze__cell maze__cell_border-left"></div>
+        <div class="maze__cell maze__cell_border-top maze__cell_border-right"></div>
+
+        <div class="maze__cell maze__cell_border-left maze__cell_border-bottom"></div>
+        <div class="maze__cell maze__cell_border-top maze__cell_border-right"></div>
+        <div class="maze__cell maze__cell_border-right"></div>
+
+        <div class="maze__cell maze__cell_border-left maze__cell_border-bottom"></div>
+        <div class="maze__cell maze__cell_border-bottom"></div>
+        <div class="maze__cell maze__cell_border-right maze__cell_border-bottom"></div>
+    </div>
+</body>
+</html>
diff --git a/lab1/file1.jpg b/lab1/file1.jpg
diff --git a/lab1/file2.jpg b/lab1/file2.jpg
diff --git a/lab1/sitestyle.css b/lab1/sitestyle.css
@@ -0,0 +1,86 @@
+.task1 {
+    text-align: center;
+    color: #ABC0B0;
+    background-color: #A91FA3;
+}
+
+.task2 {
+    width: 50%;
+    margin: 20px auto;
+}
+
+.task2__image-wrapper {
+    position: relative;
+    width: 100%;
+    padding-bottom: 75%;
+    height: 0;
+    overflow: hidden;
+}
+
+.task2__image1, .task2__image2 {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+}
+
+.task2__image1 {
+    width: 80%;
+    z-index: 1;
+}
+
+.task2__image2 {
+    width: 60%;
+    z-index: 2;
+}
+.task3{
+    width: 125px;
+    height: 100%;
+}
+
+.task3__red, .task3__green, .task3__yellow {
+    width: 100px;
+    height: 100px;
+}
+.task3__red{
+    background-color: red;
+}
+.task3__yellow{
+    background-color: yellow;
+}
+.task3__green{
+    background-color: green;
+}
+
+.maze {
+    margin-top: 20px;
+    display: grid;
+    grid-template-columns: repeat(3, 100px);
+    grid-template-rows: repeat(3, 100px);
+    gap: 0;
+}
+
+.maze__cell {
+    width: 100px;
+    height: 100px;
+    box-sizing: border-box;
+}
+
+.maze__cell_border-top {
+    border-top: 2px solid black;
+}
+
+.maze__cell_border-right {
+    border-right: 2px solid black;
+}
+
+.maze__cell_border-bottom {
+    border-bottom: 2px solid black;
+}
+
+.maze__cell_border-left {
+    border-left: 2px solid black;
+}
diff --git a/Лабораторная работа 1.md b/Лабораторная работа 1.md
diff --git a/Лабораторная работа 2.md b/Лабораторная работа 2.md