diff --git a/img1.jpg b/img1.jpg
new file mode 100644
index 00000000..413a7e8f
Binary files /dev/null and b/img1.jpg differ
diff --git a/img2.jpg b/img2.jpg
new file mode 100644
index 00000000..4aaefb6c
Binary files /dev/null and b/img2.jpg differ
diff --git a/lab1.html b/lab1.html
new file mode 100644
index 00000000..67232f8a
--- /dev/null
+++ b/lab1.html
@@ -0,0 +1,40 @@
+<html lang="ru">
+    <head>
+        <meta charset="utf-8" />
+        <title>Лаба_1</title>
+        <link rel="stylesheet" type="text/css" href="lab1_css.css">
+    </head>
+    <body>
+       <h1>Задание 1</h1>
+       <p>JavaScript (аббр. JS) — мультипарадигменный язык программирования. 
+        Поддерживает объектно-ориентированный, императивный и функциональный стили. 
+        Является реализацией спецификации ECMAScript (стандарт ECMA-262).
+        JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. 
+        Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.</p>
+
+        <h1>Задание 2</h1>
+        <div class="image">
+            <img src="img1.jpg" alt="img1">
+            <img src="img2.jpg" alt="img2">
+        </div>
+        <h1>Задание 3</h1>
+        <div class="Trafic-light">
+            <div id="red"></div>
+            <div id="yellow"></div>
+            <div id="green"></div>
+        </div>
+        <h1>Задание 4</h1>
+        <div class="maze">
+            <div class="cell"></div>
+            <div class="cell"></div>
+            <div class="cell"></div>
+            <div class="cell"></div>
+            <div class="cell"></div>
+            <div class="cell"></div>
+            <div class="cell"></div>
+            <div class="cell"></div>
+            <div class="cell"></div>
+        </div>
+
+    </body>
+</html>
\ No newline at end of file
diff --git a/lab1_css.css b/lab1_css.css
new file mode 100644
index 00000000..7557fdfa
--- /dev/null
+++ b/lab1_css.css
@@ -0,0 +1,78 @@
+h1{
+    color: black;
+    text-align: center;
+}
+p{
+    text-align: center;
+    color: #C4C26B;
+    background-color: #D765FE;
+}
+h1{
+    color: black;
+    text-align: center;
+}
+.image{
+    position: relative;
+    width: 600px;
+    height: 600px;
+}
+h1{
+    color: black;
+    text-align: center;
+}
+.image img{
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 80%;
+}
+h1{
+    color: black;
+    text-align: center;
+}
+.Trafic-light{
+    width: 300px;
+    height: 630px;
+    background-color: gray;
+    border-radius: 50%;
+}
+#red{
+     width: 180px;
+     height: 180px;
+     border-radius: 50%;
+     background-color: red;
+     border: 10px solid black;
+     margin-left: 50px;
+}
+#yellow{
+    width:180px;
+    height: 180px;
+    background-color: yellow;
+    border-radius: 50%;
+    border: 10px solid black;    
+    margin-left: 50px;
+}
+#green{
+    width: 180px;
+    height: 180px;
+    background-color: green;
+    border-radius: 50%;
+    border: 10px solid black;    
+    margin-left: 50px;
+}
+h1{
+    color: black;
+    text-align: center;
+}
+.maze{
+    display: grid;
+    grid-template-columns: repeat(3,80px);
+    grid-template-rows: repeat(3,80px);
+    gap: 0;
+    margin: 20px auto;
+    width: 300px;
+}
+.cell{
+    border: 3px solid goldenrod;
+    background-color: azure;
+}
\ No newline at end of file
