diff --git a/kodorvan/perm/system/public/js/pages/main.js b/kodorvan/perm/system/public/js/pages/main.js
index 00d44dc..a5c64f1 100644
--- a/kodorvan/perm/system/public/js/pages/main.js
+++ b/kodorvan/perm/system/public/js/pages/main.js
@@ -10,6 +10,7 @@ import("../modules/hotline.mjs").then((module) => {
 	instance.alive = true;
 	instance.wheel = false;
 	instance.delta = 3;
+	instance.step = -0.5;
 
 	// Starting the hotline instance
 	instance.start();
@@ -18,4 +19,4 @@ import("../modules/hotline.mjs").then((module) => {
  document.addEventListener('dragstart', function(event) {
         event.preventDefault();
         return false;
-    });
\ No newline at end of file
+    });
diff --git a/kodorvan/perm/system/public/themes/test/css/blocks/hotline.css b/kodorvan/perm/system/public/themes/test/css/blocks/hotline.css
index 489fe18..55470c7 100644
--- a/kodorvan/perm/system/public/themes/test/css/blocks/hotline.css
+++ b/kodorvan/perm/system/public/themes/test/css/blocks/hotline.css
@@ -1,38 +1,66 @@
 section#projects {
-  > h2.title {
-    font-size: 2.4rem;
-    font-family: "Bahnschrift";
-    margin: 0.1em 0 0.2em 0;
-  }
+	>h2.title {
+		font-size: 2.4rem;
+		font-family: "Bahnschrift";
+		margin: 0.1em 0 0.2em 0;
+	}
 
-  div.hotline {
-    max-width: 100vw;
-    max-height: 360px;
-    height: max(16vw, 16vh);
-    display: inline-flex;
-    gap: 15px;
+	div.hotline {
+		width: 100vw;
+		height: 250px;
+		display: inline-flex;
+		gap: 15px;
 
-    > :is(article, div) {
-      position: relative;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      text-align: centr;
+		> :is(article, div) {
+			position: relative;
+			min-width: 220px;
+			max-width: 220px;
+			width: 220px;
+			height: 100%;
+			overflow: hidden;
+			border-radius: 0.75rem;
 
-      min-width: 200px;
-      height: 100%;
-      border-radius: 1.125rem;
-      overflow: hidden;
-      background: rgb(0, 0, 0);
+			h4 {
+				position: absolute;
+				z-index: 50;
+				justify-self: center;
+				bottom: 0.4rem;
+				margin: unset;
+				padding: 0.4rem 1rem 0.3rem;
+				font-family: "Bahnschrift";
+				font-size: 1.2rem;
+				font-weight: 900;
+				color: #fff;
+				text-shadow: 2px 2px 3px #000;
+			}
 
-      p {
-        font-family: "Bahnschrift";
-        font-size: 1.8rem;
-        font-weight: bold;
-        color: #ffffff;
-        text-shadow: 5px 5px 2px rgba(14, 165, 2335, 0.7);
-        text-align: center;
-      }
-    }
-  }
+			img.background {
+				position: absolute;
+				top: 0;
+				width: 100%;
+				height: 100%;
+				object-fit: cover;
+			}
+
+			&:is(.pechatalka) {
+				>img.background {
+					filter: blur(1.5px) brightness(0.8);
+				}
+			}
+
+			&:is(.understyle) {
+				>img.background {
+					object-position: bottom;
+					filter: blur(1px) brightness(0.8);
+				}
+			}
+
+			&:is(.surikov) {
+				>img.background {
+					object-position: bottom;
+					filter: blur(0.4px) brightness(0.8);
+				}
+			}
+		}
+	}
 }
diff --git a/kodorvan/perm/system/public/themes/test/css/header.css b/kodorvan/perm/system/public/themes/test/css/header.css
index 5fe56b2..0a80bef 100644
--- a/kodorvan/perm/system/public/themes/test/css/header.css
+++ b/kodorvan/perm/system/public/themes/test/css/header.css
@@ -20,6 +20,7 @@ header {
   }
 
   > a#logotype {
+		margin-top: -0.4rem;
     display: flex;
     flex-direction: column;
     font-size: 1.1rem;
diff --git a/kodorvan/perm/system/public/themes/test/images/projects/pechatalka.gif b/kodorvan/perm/system/public/themes/test/images/projects/pechatalka.gif
new file mode 100644
index 0000000..b399e6e
Binary files /dev/null and b/kodorvan/perm/system/public/themes/test/images/projects/pechatalka.gif differ
diff --git a/kodorvan/perm/system/public/themes/test/images/projects/surikov.png b/kodorvan/perm/system/public/themes/test/images/projects/surikov.png
new file mode 100644
index 0000000..8f0a319
Binary files /dev/null and b/kodorvan/perm/system/public/themes/test/images/projects/surikov.png differ
diff --git a/kodorvan/perm/system/public/themes/test/images/projects/understyle.png b/kodorvan/perm/system/public/themes/test/images/projects/understyle.png
new file mode 100644
index 0000000..a463bd9
Binary files /dev/null and b/kodorvan/perm/system/public/themes/test/images/projects/understyle.png differ
diff --git a/kodorvan/perm/system/public/themes/test/images/projects/understyle_2.png b/kodorvan/perm/system/public/themes/test/images/projects/understyle_2.png
new file mode 100644
index 0000000..19fb0c8
Binary files /dev/null and b/kodorvan/perm/system/public/themes/test/images/projects/understyle_2.png differ
diff --git a/kodorvan/perm/system/views/themes/test/main/blocks/projects.html b/kodorvan/perm/system/views/themes/test/main/blocks/projects.html
index 9e76e10..36a7d9f 100644
--- a/kodorvan/perm/system/views/themes/test/main/blocks/projects.html
+++ b/kodorvan/perm/system/views/themes/test/main/blocks/projects.html
@@ -1,48 +1,48 @@
 <section id="projects" class="container unselectable">
-
-	<h2 class="title">Проекты</h2>
-	<div id="wrap" class="hotline unselectable" data-hotline="true" data-hotline-step="-3" data-hotline-magnetic="center"
-		data-hotline-interval="10">
-
-		<article>
-			<p>ZHARKO</p>
-		</article>
-		<article>
-			<p>STCS</p>
-		</article>
-		<article>
-			<p>BRAINROT</p>
+	<div id="wrap" class="hotline unselectable">
+		<article class="pechatalka">
+			<h4>ПЕЧАТАЛКА</h4>
+			<img class="background" src="/themes/test/images/projects/pechatalka.gif" alt="pechatalka"/>
 		</article>
 
-		<article>
-			<p>ZHARKO</p>
-		</article>
-		<article>
-			<p>STCS</p>
-		</article>
-		<article>
-			<p>BRAINROT</p>
+		<article class="understyle">
+			<h4>under.style</h4>
+			<img class="background" src="/themes/test/images/projects/understyle.png" alt="under.style"/>
 		</article>
 
-		<article>
-			<p>ZHARKO</p>
-		</article>
-		<article>
-			<p>STCS</p>
-		</article>
-		<article>
-			<p>BRAINROT</p>
+		<article class="surikov">
+			<h4>Музей-библиотека имени Сурикова</h4>
+			<img class="background" src="/themes/test/images/projects/surikov.png" alt="surikov"/>
 		</article>
 
-		<article>
-			<p>ZHARKO</p>
-		</article>
-		<article>
-			<p>STCS</p>
-		</article>
-		<article>
-			<p>BRAINROT</p>
+		<article class="pechatalka">
+			<h4>ПЕЧАТАЛКА</h4>
+			<img class="background" src="/themes/test/images/projects/pechatalka.gif" alt="pechatalka"/>
 		</article>
 
+		<article class="understyle">
+			<h4>under.style</h4>
+			<img class="background" src="/themes/test/images/projects/understyle.png" alt="under.style"/>
+		</article>
+
+		<article class="surikov">
+			<h4>Музей-библиотека имени Сурикова</h4>
+			<img class="background" src="/themes/test/images/projects/surikov.png" alt="surikov"/>
+		</article>
+
+		<article class="pechatalka">
+			<h4>ПЕЧАТАЛКА</h4>
+			<img class="background" src="/themes/test/images/projects/pechatalka.gif" alt="pechatalka"/>
+		</article>
+
+		<article class="understyle">
+			<h4>under.style</h4>
+			<img class="background" src="/themes/test/images/projects/understyle.png" alt="under.style"/>
+		</article>
+
+		<article class="surikov">
+			<h4>Музей-библиотека имени Сурикова</h4>
+			<img class="background" src="/themes/test/images/projects/surikov.png" alt="surikov"/>
+		</article>
 	</div>
-</section>
\ No newline at end of file
+</section>
diff --git a/kodorvan/perm/system/views/themes/test/main/blocks/statistics.html b/kodorvan/perm/system/views/themes/test/main/blocks/statistics.html
new file mode 100644
index 0000000..ce675e5
--- /dev/null
+++ b/kodorvan/perm/system/views/themes/test/main/blocks/statistics.html
@@ -0,0 +1,6 @@
+<section class="statistic">
+  <div class="accordion">
+
+
+  </div>
+</section>
diff --git a/kodorvan/perm/system/views/themes/test/main/index.html b/kodorvan/perm/system/views/themes/test/main/index.html
index 0c96687..5bda874 100644
--- a/kodorvan/perm/system/views/themes/test/main/index.html
+++ b/kodorvan/perm/system/views/themes/test/main/index.html
@@ -11,6 +11,7 @@
 
 {% block main %}
 	{% include '/themes/test/main/blocks/introdution.html' %}
+	{% include '/themes/test/main/blocks/statistics.html' %}
 	{% include '/themes/test/main/blocks/projects.html' %}
 	{% include '/themes/test/main/blocks/service.html' %}
 	{% include '/themes/test/main/blocks/advantages.html' %}