diff --git a/labs/lab4/lec-zaaaymKHSE-task.html b/labs/lab4/lec-zaaaymKHSE-task.html
new file mode 100644
index 0000000..5901424
--- /dev/null
+++ b/labs/lab4/lec-zaaaymKHSE-task.html
@@ -0,0 +1,53 @@
+<div class="search-bar">
+    <input type="text" class="search-bar__text-input">
+    <img src="search-icon.png" class="search-bar__icon">
+</div>
+
+<div class="nav-bar">
+    <div class="nav-bar__item nav-bar__item--active">Menu_1</div>
+    <div class="nav-bar__item">Menu_2</div>
+    <div class="nav-bar__item">Menu_3</div>
+
+</div>
+
+<div class="gallery">
+    <img src="image1.jpg" class="gallery__image gallery__image--upper">
+    <img src="image2.jpg" class="gallery__image">
+    <img src="image3.jpg" class="gallery__image gallery__image--upper">
+    <img src="image4.jpg" class="gallery__image">
+</div>
+
+<div class="article-list">
+    <div class="article-list__item">
+        <div class="article-list__item-header">
+            Header
+        </div>
+        <img src="image1.jpg" class="article-list__item-image article-list__item-image--left">
+        <div class="article-list__item-text">
+            lorem ipsum dolor sit amet
+        </div>
+    </div>
+    <div class="article-list__item">
+        <div class="article-list__item-header">
+            Header
+        </div>
+        <div class="article-list__item-text">
+            lorem ipsum dolor sit amet
+        </div>
+    </div>
+    <div class="article-list__item">
+        <img src="image1.jpg" class="article-list__item-image article-list__item-image--right">
+        <div class="article-list__item-header">
+            Header
+        </div>
+        <div class="article-list__item-text">
+            lorem ipsum dolor sit amet
+        </div>
+    </div>
+</div>
+
+
+<div class="footer">
+    <div class="footer__item footer__item--left">Aboba Abobvich 2023-2025</div>
+    <div class="footer__item footer__item--right">contacts</div>
+</div>
\ No newline at end of file
diff --git a/labs/lab4/pugExample.pug b/labs/lab4/pugExample.pug
new file mode 100644
index 0000000..e1bb1fe
--- /dev/null
+++ b/labs/lab4/pugExample.pug
@@ -0,0 +1,11 @@
+ol(type="I")
+    li 
+        ul(type="disc")
+            li 
+                a(href="#") Haml
+           
+            li Pug
+    li Препроцессоры CSS
+        ul(type="circle")
+            li SAAS 
+            li Stylus 
\ No newline at end of file