commit 55393f44ba01b2342ca3d0712c8d6c4f0fc8e9fc
Author: SPAWNRYS <68144848+SPAWNRYS-ban@users.noreply.github.com>
Date:   Tue Dec 16 22:46:17 2025 +0300

    сука

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..20d1895
Binary files /dev/null and b/.DS_Store differ
diff --git a/resources/.DS_Store b/resources/.DS_Store
new file mode 100644
index 0000000..3bd8e21
Binary files /dev/null and b/resources/.DS_Store differ
diff --git a/resources/fonts/Chunkfive.otf b/resources/fonts/Chunkfive.otf
new file mode 100644
index 0000000..c2ba1d9
Binary files /dev/null and b/resources/fonts/Chunkfive.otf differ
diff --git a/resources/fonts/nevis.ttf b/resources/fonts/nevis.ttf
new file mode 100644
index 0000000..b167912
Binary files /dev/null and b/resources/fonts/nevis.ttf differ
diff --git a/resources/images/.DS_Store b/resources/images/.DS_Store
new file mode 100644
index 0000000..a531950
Binary files /dev/null and b/resources/images/.DS_Store differ
diff --git a/resources/images/bg.png b/resources/images/bg.png
new file mode 100644
index 0000000..c32285e
Binary files /dev/null and b/resources/images/bg.png differ
diff --git a/resources/images/logo.svg b/resources/images/logo.svg
new file mode 100644
index 0000000..52c2c2d
--- /dev/null
+++ b/resources/images/logo.svg
@@ -0,0 +1,23 @@
+<svg 
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="66px" height="76px">
+<defs>
+<filter filterUnits="userSpaceOnUse" id="Filter_0" x="0px" y="0px" width="66px" height="76px"  >
+    <feOffset in="SourceAlpha" dx="0.5" dy="0.866" />
+    <feGaussianBlur result="blurOut" stdDeviation="0" />
+    <feFlood flood-color="rgb(255, 255, 255)" result="floodOut" />
+    <feComposite operator="atop" in="floodOut" in2="blurOut" />
+    <feComponentTransfer><feFuncA type="linear" slope="0.03"/></feComponentTransfer>
+    <feMerge>
+    <feMergeNode/>
+    <feMergeNode in="SourceGraphic"/>
+  </feMerge>
+</filter>
+
+</defs>
+<g filter="url(#Filter_0)">
+<path fill-rule="evenodd"  fill="rgb(208, 59, 14)"
+ d="M58.720,61.793 L57.533,61.793 C57.340,62.491 57.064,63.153 56.710,63.767 L57.807,64.863 C58.509,65.565 58.509,66.703 57.807,67.405 L57.171,68.040 C56.470,68.742 55.332,68.742 54.630,68.040 L53.527,66.936 C52.914,67.285 52.255,67.557 51.560,67.746 L51.560,68.897 C51.560,69.889 50.755,70.694 49.763,70.694 L48.864,70.694 C47.872,70.694 47.067,69.889 47.067,68.897 L47.067,67.746 C46.372,67.556 45.713,67.285 45.100,66.936 L43.997,68.040 C43.295,68.742 42.157,68.742 41.456,68.040 L40.820,67.405 C40.119,66.703 40.119,65.565 40.820,64.863 L41.917,63.767 C41.564,63.153 41.287,62.491 41.094,61.793 L39.907,61.793 C38.915,61.793 38.110,60.988 38.110,59.996 L38.110,59.098 C38.110,58.105 38.915,57.301 39.907,57.301 L41.079,57.301 C41.265,56.609 41.531,55.951 41.875,55.341 L40.820,54.287 C40.119,53.584 40.119,52.447 40.820,51.745 L41.456,51.110 C42.157,50.408 43.295,50.408 43.997,51.110 L45.031,52.143 C45.663,51.775 46.345,51.488 47.067,51.292 L47.067,50.085 C47.067,49.092 47.872,48.288 48.864,48.288 L49.763,48.288 C50.755,48.288 51.560,49.092 51.560,50.085 L51.560,51.292 C52.282,51.488 52.964,51.775 53.596,52.143 L54.630,51.110 C55.332,50.408 56.470,50.408 57.171,51.110 L57.807,51.745 C58.509,52.447 58.509,53.584 57.807,54.287 L56.752,55.341 C57.096,55.951 57.362,56.609 57.548,57.301 L58.720,57.301 C59.712,57.301 60.517,58.105 60.517,59.098 L60.517,59.996 C60.517,60.988 59.712,61.793 58.720,61.793 ZM49.314,54.633 C46.584,54.633 44.372,56.846 44.372,59.575 C44.372,62.304 46.584,64.517 49.314,64.517 C52.043,64.517 54.255,62.304 54.255,59.575 C54.255,56.846 52.043,54.633 49.314,54.633 ZM49.314,61.765 C48.073,61.765 47.067,60.759 47.067,59.519 C47.067,58.278 48.073,57.273 49.314,57.273 C50.554,57.273 51.560,58.278 51.560,59.519 C51.560,60.759 50.554,61.765 49.314,61.765 ZM45.493,31.783 L43.047,31.783 C42.649,33.223 42.078,34.587 41.349,35.853 L43.611,38.114 C45.058,39.561 45.058,41.907 43.611,43.354 L42.301,44.664 C40.854,46.111 38.508,46.111 37.061,44.664 L34.785,42.389 C33.523,43.107 32.163,43.667 30.730,44.057 L30.730,46.430 C30.730,48.477 29.071,50.135 27.025,50.135 L25.173,50.135 C23.126,50.135 21.467,48.477 21.467,46.430 L21.467,44.057 C20.035,43.667 18.675,43.107 17.412,42.389 L15.137,44.664 C13.690,46.111 11.344,46.111 9.897,44.664 L8.587,43.354 C7.140,41.907 7.140,39.561 8.587,38.114 L10.848,35.853 C10.119,34.587 9.548,33.223 9.151,31.783 L6.705,31.783 C4.659,31.783 2.1000,30.125 2.1000,28.079 L2.1000,26.226 C2.1000,24.180 4.659,22.521 6.705,22.521 L9.121,22.521 C9.505,21.095 10.052,19.738 10.761,18.479 L8.587,16.306 C7.140,14.859 7.140,12.513 8.587,11.066 L9.897,9.756 C11.344,8.309 13.690,8.309 15.137,9.756 L17.268,11.888 C18.571,11.129 19.979,10.537 21.467,10.131 L21.467,7.642 C21.467,5.596 23.126,3.938 25.173,3.938 L27.025,3.938 C29.071,3.938 30.730,5.596 30.730,7.642 L30.730,10.131 C32.218,10.537 33.626,11.129 34.929,11.888 L37.061,9.756 C38.508,8.309 40.854,8.309 42.301,9.756 L43.611,11.066 C45.058,12.513 45.058,14.859 43.611,16.306 L41.437,18.479 C42.145,19.738 42.693,21.095 43.077,22.521 L45.493,22.521 C47.539,22.521 49.198,24.180 49.198,26.226 L49.198,28.079 C49.198,30.125 47.539,31.783 45.493,31.783 ZM26.099,17.021 C20.471,17.021 15.910,21.583 15.910,27.210 C15.910,32.837 20.471,37.399 26.099,37.399 C31.726,37.399 36.288,32.837 36.288,27.210 C36.288,21.583 31.726,17.021 26.099,17.021 ZM26.099,31.725 C23.541,31.725 21.467,29.652 21.467,27.094 C21.467,24.537 23.541,22.463 26.099,22.463 C28.657,22.463 30.730,24.537 30.730,27.094 C30.730,29.652 28.657,31.725 26.099,31.725 Z"/>
+</g>
+</svg>
diff --git a/resources/images/robot.png b/resources/images/robot.png
new file mode 100644
index 0000000..461624a
Binary files /dev/null and b/resources/images/robot.png differ
diff --git a/verst.css b/verst.css
new file mode 100644
index 0000000..d64c88a
--- /dev/null
+++ b/verst.css
@@ -0,0 +1,191 @@
+html {
+  background-image: url('resources/images/bg.png');
+}
+body {
+      font-family: Arial, Helvetica, sans-serif;
+      color: #333;
+      background: #fff;
+      width: 1240px;
+      margin: auto;
+      display: block;
+    }
+    .top-bar a {
+      color: #bbb;;
+      text-decoration: none;
+      margin-left: 5px;
+      font-weight: 600;
+      font-size: 15px;
+    }
+    .top-bar a:hover {
+      text-decoration: underline;
+      background: #2e2e2e;
+    }
+    /* верхний бар брбрбр */
+    .top-bar {
+      background: #3b3b3b;
+      color: #bbb;
+      font-size: 15pt;
+      padding: 10px 60px;
+      display: flex;
+      justify-content: flex-end;
+      gap: 25px;
+    }
+
+    /* верхушка лол */
+    header {
+      background: linear-gradient(180deg,rgba(242, 96, 36, 1) 0%, rgba(235, 64, 24, 1) 100%);
+      padding-left: 50px;
+      padding-right: 50px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 100px;
+    }
+
+    .logo-text {
+      font-size: 28px;
+      font-weight: 800;
+      color: #fff;
+      letter-spacing: 2px;
+      margin-right: 290px;
+    }
+
+    .logo-image {
+      background-image: url('resources/images/logo.svg');
+      width: 66px;
+      height: 76px;
+      position: relative;
+    }
+
+    nav a {
+      color: #fff;
+      text-decoration: none;
+      margin-left: 30px;
+      font-weight: 600;
+      font-size: 13pt;
+      padding-right: 30px;
+    }
+
+    nav a:hover {
+      text-decoration: underline;
+      background-color: #d94718;
+    }
+
+    /* говно основное */
+    .robot {
+      display: flex;
+      height: 540px;
+    }
+
+    .robot-text {
+      width: 380px;
+      padding: 35px 40px;
+    }
+
+    .robot-text h1 {
+      font-size: 21pt;
+      color: #f0531f;
+      margin-bottom: 15px;
+    }
+
+    .robot-text h1 span {
+      display: block;
+    }
+
+    .robot-text .subtitle {
+      font-size: 11pt;
+      color: #999;
+      margin-bottom: 30px;
+    }
+
+    .robot-text p {
+      line-height: 16pt;
+      font-size: 13pt;
+      color: #555;
+    }
+
+    .price {
+      display: flex;
+      align-items: baseline;
+      gap: 20px;
+      margin-top: 18px;
+      margin-bottom: 18px;
+      font-size: 32pt;
+    }
+
+    .price .old {
+      color: #bbb;
+      text-decoration: line-through;
+    }
+
+    .price .new {
+      font-weight: 700;
+      color: #333;
+    }
+
+    .btn {
+      display: inline-block;
+      background: linear-gradient(180deg,rgba(242, 96, 36, 1) 0%, rgba(235, 64, 24, 1) 100%);
+      color: #fff;
+      padding: 18px 79px;
+      border-radius: 4px;
+      text-decoration: none;
+      font-weight: 600;
+      font-size: 20pt;
+    }
+
+    .btn:hover {
+      background: #d94718;
+    }
+
+    /* картинка */
+    .robot-image {
+      width: 860px;
+      height: 540px;
+      background: #eee url('resources/images/robot.png') center/cover no-repeat;
+      position: relative;
+    }
+
+    .slider-arrows {
+      position: absolute;
+      bottom: 30px;
+      right: 30px;
+      display: flex;
+      gap: 10px;
+    }
+
+    .arrow {
+      width: 40px;
+      height: 40px;
+      background: #000;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 18px;
+      cursor: pointer;
+      opacity: 0.8;
+    }
+
+    .arrow:hover {
+      opacity: 1;
+    }
+
+    /* Responsive */
+    @media (max-width: 1024px) {
+      .hero {
+        flex-direction: column;
+      }
+
+      .robot-text, .robot-image {
+        width: 100%;
+      }
+
+      .robot-text {
+        padding: 40px 30px;
+      }
+
+      .robot-image {
+        height: 400px;
+      }
+    }
\ No newline at end of file
diff --git a/verst.html b/verst.html
new file mode 100644
index 0000000..dc19207
--- /dev/null
+++ b/verst.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8" />
+  <title>Kinetico – Макет</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link href="verst.css" rel="stylesheet">
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+  </style>
+</head>
+<body>
+
+  <div class="top-bar">
+     <a href="#">Login</a>
+    <a href="#">Register</a>
+    <a href="#"><b>🛒 4 items in cart</b></a>
+  </div>
+
+  <header>
+    <div class="logo-image"></div>
+    <div class="logo-text">KINETICO</div>
+    <nav>
+      <a href="#">HOME</a>
+      <a href="#">ABOUT</a>
+      <a href="#">BLOG</a>
+      <a href="#">SHOP</a>
+      <a href="#">CONTACT</a>
+    </nav>
+  </header>
+
+  <section class="robot">
+    <div class="robot-text">
+      <h1>
+        <span>Design a detailed</span>
+        <span>app icon in Photoshop</span>
+      </h1>
+      <div class="subtitle">An indepth tutorial By Nikolay Verin</div>
+
+      <p>
+        Kinetico is a responsive friendly Commerce theme focused on digital products.
+        Kept as clean and minimal as possible, without lacking any functionality.
+        Kinetico may be ideal for what you have in mind. Pixel Perfect, Grid based and
+        modern design with optimal UX in mind.
+      </p>
+
+      <div class="price">
+        <div class="old">$44,99</div>
+        <div class="new">$33,99</div>
+      </div>
+
+      <a href="#" class="btn">Add to cart</a>
+    </div>
+
+    <div class="robot-image">
+      <div class="slider-arrows">
+        <div class="arrow">‹</div>
+        <div class="arrow">›</div>
+      </div>
+    </div>
+  </section>
+
+</body>
+</html>
\ No newline at end of file